@zeedhi/vuetify 3.0.11 → 3.1.0

package/dist/zd-vuetify.css

@@ -3285,6 +3285,22 @@ progress {
   .expand-x-transition-enter-active, .expand-x-transition-leave-active {
     transition-property: width !important;
   }
+  .expand-both-transition-enter-active {
+    transition-duration: 0.3s !important;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  }
+  .expand-both-transition-leave-active {
+    transition-duration: 0.3s !important;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  }
+  .expand-both-transition-move {
+    transition-duration: 0.5s !important;
+    transition-property: transform !important;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  }
+  .expand-both-transition-enter-active, .expand-both-transition-leave-active {
+    transition-property: height, width !important;
+  }
   .scale-transition-enter-active {
     transition-duration: 0.3s !important;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
@@ -18008,15 +18024,19 @@ html.overflow-y-hidden {
 }
 .zd-tooltip-overflow--clamp-2 {
   -webkit-line-clamp: 2;
+  line-clamp: 2;
 }
 .zd-tooltip-overflow--clamp-3 {
   -webkit-line-clamp: 3;
+  line-clamp: 3;
 }
 .zd-tooltip-overflow--clamp-4 {
   -webkit-line-clamp: 4;
+  line-clamp: 4;
 }
 .zd-tooltip-overflow--clamp-5 {
   -webkit-line-clamp: 5;
+  line-clamp: 5;
 }
 .zd-tooltip-overflow--ellipsis {
   overflow: hidden;
@@ -18187,32 +18207,32 @@ button.v-btn.zd-button .v-btn__content .v-icon--left {
 a.v-btn.zd-button .v-btn__content .v-icon--right,
 button.v-btn.zd-button .v-btn__content .v-icon--right {
   margin-left: var(--spacing-1);
-}.zd-card {
-  padding: var(--spacing-4) !important;
+}.v-card.zd-card {
+  padding: var(--spacing-4);
   overflow: auto;
 }
-.zd-card::before {
+.v-card.zd-card::before {
   content: none;
 }
-.zd-card:not(.zd-card--link) {
+.v-card.zd-card:not(.zd-card--link) {
   cursor: auto;
 }
-.zd-card.v-sheet.v-card {
+.v-card.zd-card.v-sheet.v-card {
   border-radius: var(--border);
 }
-.zd-card.v-sheet.v-card:not(.v-sheet--outlined) {
+.v-card.zd-card.v-sheet.v-card:not(.v-sheet--outlined) {
   box-shadow: var(--shadow-3);
 }
-.zd-card.v-sheet.v-card:not(.v-sheet--outlined).v-card--raised {
+.v-card.zd-card.v-sheet.v-card:not(.v-sheet--outlined).v-card--raised {
   box-shadow: var(--shadow-9);
 }
-.zd-card.v-sheet.v-card--hover:focus, .zd-card.v-sheet.v-card--hover:hover {
+.v-card.zd-card.v-sheet.v-card--hover:focus, .v-card.zd-card.v-sheet.v-card--hover:hover {
   box-shadow: var(--shadow-5);
 }
-.zd-card.v-sheet.v-card.v-sheet--outlined {
+.v-card.zd-card.v-sheet.v-card.v-sheet--outlined {
   border: var(--regular) solid var(--v-secondary-base);
 }
-.zd-card.v-card--variant-elevated.v-theme--dark {
+.v-card.zd-card.v-card--variant-elevated.v-theme--dark {
   border: solid 1px #333;
 }
 .v-card:hover > .v-card__overlay {
@@ -19138,7 +19158,7 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
   white-space: unset;
   overflow: auto;
   text-overflow: unset;
-  padding: 2px;
+  padding: 2px !important;
 }
 .zd-dropdown-hover:hover {
   background-color: var(--v-grey-lighten5);
@@ -19207,6 +19227,7 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
   transform: translateX(-50%);
 }.zd-grid__cell .zd-grid-editable__cell-content {
   height: 100%;
+  width: 100%;
   align-content: center;
   display: flex;
   flex-direction: row;
@@ -19267,7 +19288,7 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
   --v-table-header-height: 24px !important;
 }
 .zd-grid.v-table--density-compact .zd-grid__checkbox .v-icon {
-  font-size: 1rem;
+  font-size: 1.25rem;
 }
 .zd-grid.v-table--density-compact .zd-grid__checkbox .v-checkbox-btn {
   min-height: unset;
@@ -19599,6 +19620,9 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
   font-size: var(--zd-font-body3-size) !important;
   font-weight: var(--zd-font-body3-weight) !important;
 }
+.zd-list .v-list-item__content {
+  flex: 1 1;
+}
 .v-list-item__spacer {
   width: 5px !important;
 }.zd-list-group .group-list {
@@ -19612,24 +19636,19 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
 }
 .rotate-icon.rotate-180 {
   transform: rotate(-180deg);
-}.zd-loading .text {
-  font-size: var(--zd-font-headline-size);
-  margin-top: 15px;
-}
-.zd-loading .v-overlay {
+}.zd-loading {
   justify-content: center;
   align-items: center;
 }
+.zd-loading__text {
+  font-size: var(--zd-font-headline-size);
+  margin-top: 15px;
+}
 .zd-loading .center-div {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-flow: column;
-}
-.zd-loading .zd-loading .zd-loading-progress > svg,
-.zd-loading .zd-loading .zd-loading-progress > svg .v-progress-circular__overlay {
-  -webkit-animation-play-state: running !important;
-  animation-play-state: running !important;
 }.container {
   display: flex;
   justify-content: flex-start;
@@ -19844,10 +19863,10 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
 .zd-menu.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {
   display: block !important;
 }
-.zd-menu.theme--dark .v-list .v-list-item .v-list-item-title {
+.zd-menu.theme--dark .v-list .v-list-item .v-list-item-title, .zd-menu.v-theme--dark .v-list .v-list-item .v-list-item-title {
   color: rgba(var(--v-theme-grey-lighten-5));
 }
-.zd-menu.theme--dark .v-list .v-list-item .v-list-item__prepend .v-icon {
+.zd-menu.theme--dark .v-list .v-list-item .v-list-item__prepend .v-icon, .zd-menu.v-theme--dark .v-list .v-list-item .v-list-item__prepend .v-icon {
   color: rgba(var(--v-theme-grey-lighten-5));
 }.zd-menu-group .v-list-group__header .v-list-group__header__prepend-icon {
   margin-right: var(--zd-default-padding);
@@ -19904,37 +19923,12 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
 .zd-modal .zd-footer-slot {
   padding: 0px !important;
 }
-.v-dialog .v-overlay__content .v-card .v-card-text {
-  padding: 0px !important;
-}
 .v-overlay.v-dialog > .v-overlay__content {
   flex-direction: row;
   justify-content: center;
   max-width: none;
-}
-.zd-modal-content > .zd-modal-card > .zd-modal-title {
-  padding: var(--zd-default-padding);
-  padding-bottom: 0px;
-  font-size: var(--zd-font-title-size);
-  font-weight: var(--zd-font-title-weight);
-  color: var(--zd-font-color);
-}
-.zd-modal-content > .zd-modal-card > .zd-modal-card-text {
-  padding: var(--zd-default-padding);
-  display: flex;
-  flex: 1 1 auto;
-}
-.zd-modal-content .zd-modal-content > .zd-modal-card > .zd-modal-title {
-  padding: var(--zd-default-padding);
-  padding-bottom: 0px;
-  font-size: var(--zd-font-title-size);
-  font-weight: var(--zd-font-title-weight);
-  color: var(--zd-font-color);
-}
-.zd-modal-content .zd-modal-content > .zd-modal-card > .zd-modal-card-text {
-  padding: var(--zd-default-padding);
-  display: flex;
-  flex: 1 1 auto;
+}.zd-modal-card-text {
+  padding: 0px !important;
 }.zd-radio.v-input {
   height: fit-content;
 }
@@ -19992,9 +19986,6 @@ div.v-picker--date .v-picker__body ul.v-date-picker-years li.primary--text {
 }.zd-select .v-field {
   font-size: var(--zd-font-body1-size);
 }
-.zd-select .v-label {
-  opacity: 1;
-}
 .zd-select.zd-dense .v-field__input {
   min-height: 22px;
   padding: 0;
@@ -20090,6 +20081,7 @@ table.zd-table, .zd-table tr, .zd-table td, .zd-table th {
 }
 .zd-tabs-tab-item > .v-container {
   padding: 0;
+  height: 100%;
 }
 .zd-tabs .zd-tabs-tab-item {
   height: 100%;
@@ -20123,12 +20115,19 @@ table.zd-table, .zd-table tr, .zd-table td, .zd-table th {
 }
 .zd-tabs .v-tabs {
   flex-grow: 0;
+  flex-shrink: 0;
 }
-.zd-tabs .v-tabs-items {
+.zd-tabs .v-window {
   flex-grow: 1;
   overflow-y: auto;
 }
-.zd-tabs .v-tabs-items .v-window__container {
+.zd-tabs .v-window__container {
+  height: 100%;
+}
+.zd-tabs .v-tabs-window-item {
+  height: 100%;
+}
+.zd-tabs .v-tabs-window-item > .v-container {
   height: 100% !important;
 }.zd-text-input__affix, .v-input.zd-text-input--suffix .v-text-field__suffix__text, .v-input.zd-text-input .v-text-field__prefix__text {
   font-weight: var(--zd-font-body2-weight);
@@ -20283,6 +20282,8 @@ table.zd-table, .zd-table tr, .zd-table td, .zd-table th {
 .v-input.zd-textarea textarea {
   padding: var(--spacing-2);
   line-height: unset;
+  -webkit-mask-image: none;
+  mask-image: none;
 }
 .v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {
   text-align: left;
@@ -20726,6 +20727,7 @@ table.zd-table, .zd-table tr, .zd-table td, .zd-table th {
 }
 .zd-input.v-input.zd-dense > .v-input__details {
   min-height: 11px;
+  padding: 2px 4px;
 }
 .zd-input.v-input.zd-dense > .v-input__details .v-messages {
   min-height: 11px;
@@ -20746,8 +20748,8 @@ table.zd-table, .zd-table tr, .zd-table td, .zd-table th {
 .zd-input.v-input:hover .v-field__append-outer, .zd-input.v-input.v-input--is-focused .v-field__append-outer {
   margin-left: var(--spacing-1);
 }
-.zd-input.error--text.v-input > .v-input__control > .v-field {
-  border: solid var(--regular) var(--v-error-base);
+.zd-input.v-input--error:not(.v-input--focused).v-input > .v-input__control > .v-field {
+  border-color: rgb(var(--v-theme-error));
 }
 
 /* Class to make inputs without label be correctly align inside forms with inputs */