@vuetify/nightly 3.6.3-dev.2024-05-03 → 3.6.3-dev.2024-05-14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/json/attributes.json +20 -0
  3. package/dist/json/importMap-labs.json +4 -4
  4. package/dist/json/importMap.json +144 -144
  5. package/dist/json/tags.json +5 -0
  6. package/dist/json/web-types.json +47 -1
  7. package/dist/vuetify-labs.css +2500 -2493
  8. package/dist/vuetify-labs.d.ts +117 -75
  9. package/dist/vuetify-labs.esm.js +11 -5
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +11 -5
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +475 -468
  14. package/dist/vuetify.d.ts +149 -107
  15. package/dist/vuetify.esm.js +11 -5
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +11 -5
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +10 -10
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAppBar/index.d.mts +6 -0
  23. package/lib/components/VAutocomplete/index.d.mts +12 -12
  24. package/lib/components/VAvatar/VAvatar.css +7 -0
  25. package/lib/components/VAvatar/VAvatar.mjs +6 -1
  26. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  27. package/lib/components/VAvatar/VAvatar.sass +1 -0
  28. package/lib/components/VAvatar/_variables.scss +13 -0
  29. package/lib/components/VAvatar/index.d.mts +6 -0
  30. package/lib/components/VBreadcrumbs/index.d.mts +8 -8
  31. package/lib/components/VBtn/VBtn.mjs +3 -1
  32. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  33. package/lib/components/VBtn/index.d.mts +6 -0
  34. package/lib/components/VCombobox/index.d.mts +12 -12
  35. package/lib/components/VFab/index.d.mts +6 -0
  36. package/lib/components/VList/index.d.mts +12 -12
  37. package/lib/components/VSelect/index.d.mts +12 -12
  38. package/lib/components/VTabs/index.d.mts +21 -3
  39. package/lib/components/index.d.mts +101 -59
  40. package/lib/entry-bundler.mjs +1 -1
  41. package/lib/framework.mjs +1 -1
  42. package/lib/index.d.mts +48 -48
  43. package/lib/labs/VTreeview/index.d.mts +16 -16
  44. package/lib/labs/components.d.mts +16 -16
  45. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-dev.2024-05-03
2
+ * Vuetify v3.6.3-dev.2024-05-14
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17620,6 +17620,87 @@ html.overflow-y-hidden {
17620
17620
  text-transform: none;
17621
17621
  word-break: normal;
17622
17622
  word-wrap: break-word;
17623
+ }.v-autocomplete .v-field .v-text-field__prefix,
17624
+ .v-autocomplete .v-field .v-text-field__suffix,
17625
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17626
+ cursor: text;
17627
+ }
17628
+ .v-autocomplete .v-field .v-field__input > input {
17629
+ flex: 1 1;
17630
+ }
17631
+ .v-autocomplete .v-field input {
17632
+ min-width: 64px;
17633
+ }
17634
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17635
+ min-width: 0;
17636
+ }
17637
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17638
+ margin-inline-end: 2px;
17639
+ }
17640
+ .v-autocomplete .v-autocomplete__selection-text {
17641
+ overflow: hidden;
17642
+ text-overflow: ellipsis;
17643
+ white-space: nowrap;
17644
+ }
17645
+
17646
+ .v-autocomplete__content {
17647
+ overflow: hidden;
17648
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17649
+ border-radius: 4px;
17650
+ }
17651
+ .v-autocomplete__mask {
17652
+ background: rgb(var(--v-theme-surface-light));
17653
+ }
17654
+ .v-autocomplete__selection {
17655
+ display: inline-flex;
17656
+ align-items: center;
17657
+ height: 1.5rem;
17658
+ letter-spacing: inherit;
17659
+ line-height: inherit;
17660
+ max-width: calc(100% - 2px - 2px);
17661
+ }
17662
+ .v-autocomplete__selection:first-child {
17663
+ margin-inline-start: 0;
17664
+ }
17665
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17666
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17667
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17668
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17669
+ top: 0px;
17670
+ }
17671
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17672
+ opacity: var(--v-medium-emphasis-opacity);
17673
+ }
17674
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17675
+ opacity: 1;
17676
+ }
17677
+ .v-autocomplete--selecting-index .v-field__input > input {
17678
+ caret-color: transparent;
17679
+ }
17680
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17681
+ flex: 1 1;
17682
+ position: absolute;
17683
+ left: 0;
17684
+ right: 0;
17685
+ width: 100%;
17686
+ padding-inline: inherit;
17687
+ }
17688
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17689
+ transition: none;
17690
+ }
17691
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17692
+ opacity: 0;
17693
+ }
17694
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17695
+ opacity: 0;
17696
+ }
17697
+ .v-autocomplete__menu-icon {
17698
+ margin-inline-start: 4px;
17699
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17700
+ }
17701
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17702
+ opacity: var(--v-high-emphasis-opacity);
17703
+ transform: rotate(180deg);
17623
17704
  }.v-avatar {
17624
17705
  flex: none;
17625
17706
  align-items: center;
@@ -17632,6 +17713,9 @@ html.overflow-y-hidden {
17632
17713
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17633
17714
  transition-property: width, height;
17634
17715
  vertical-align: middle;
17716
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17717
+ border-style: solid;
17718
+ border-width: thin;
17635
17719
  border-radius: 50%;
17636
17720
  }
17637
17721
  .v-avatar.v-avatar--size-x-small {
@@ -17661,6 +17745,10 @@ html.overflow-y-hidden {
17661
17745
  height: calc(var(--v-avatar-height) + -8px);
17662
17746
  width: calc(var(--v-avatar-height) + -8px);
17663
17747
  }
17748
+ .v-avatar--border {
17749
+ border-width: thin;
17750
+ box-shadow: none;
17751
+ }
17664
17752
  .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17665
17753
  background: transparent;
17666
17754
  color: inherit;
@@ -17715,87 +17803,6 @@ html.overflow-y-hidden {
17715
17803
  .v-avatar .v-img {
17716
17804
  height: 100%;
17717
17805
  width: 100%;
17718
- }.v-autocomplete .v-field .v-text-field__prefix,
17719
- .v-autocomplete .v-field .v-text-field__suffix,
17720
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17721
- cursor: text;
17722
- }
17723
- .v-autocomplete .v-field .v-field__input > input {
17724
- flex: 1 1;
17725
- }
17726
- .v-autocomplete .v-field input {
17727
- min-width: 64px;
17728
- }
17729
- .v-autocomplete .v-field:not(.v-field--focused) input {
17730
- min-width: 0;
17731
- }
17732
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17733
- margin-inline-end: 2px;
17734
- }
17735
- .v-autocomplete .v-autocomplete__selection-text {
17736
- overflow: hidden;
17737
- text-overflow: ellipsis;
17738
- white-space: nowrap;
17739
- }
17740
-
17741
- .v-autocomplete__content {
17742
- overflow: hidden;
17743
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17744
- border-radius: 4px;
17745
- }
17746
- .v-autocomplete__mask {
17747
- background: rgb(var(--v-theme-surface-light));
17748
- }
17749
- .v-autocomplete__selection {
17750
- display: inline-flex;
17751
- align-items: center;
17752
- height: 1.5rem;
17753
- letter-spacing: inherit;
17754
- line-height: inherit;
17755
- max-width: calc(100% - 2px - 2px);
17756
- }
17757
- .v-autocomplete__selection:first-child {
17758
- margin-inline-start: 0;
17759
- }
17760
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17761
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17762
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17763
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17764
- top: 0px;
17765
- }
17766
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17767
- opacity: var(--v-medium-emphasis-opacity);
17768
- }
17769
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17770
- opacity: 1;
17771
- }
17772
- .v-autocomplete--selecting-index .v-field__input > input {
17773
- caret-color: transparent;
17774
- }
17775
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17776
- flex: 1 1;
17777
- position: absolute;
17778
- left: 0;
17779
- right: 0;
17780
- width: 100%;
17781
- padding-inline: inherit;
17782
- }
17783
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17784
- transition: none;
17785
- }
17786
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17787
- opacity: 0;
17788
- }
17789
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17790
- opacity: 0;
17791
- }
17792
- .v-autocomplete__menu-icon {
17793
- margin-inline-start: 4px;
17794
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17795
- }
17796
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17797
- opacity: var(--v-high-emphasis-opacity);
17798
- transform: rotate(180deg);
17799
17806
  }.v-badge {
17800
17807
  display: inline-block;
17801
17808
  line-height: 1;
@@ -18649,69 +18656,6 @@ html.overflow-y-hidden {
18649
18656
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18650
18657
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18651
18658
  }
18652
- }.v-carousel {
18653
- overflow: hidden;
18654
- position: relative;
18655
- width: 100%;
18656
- }
18657
- .v-carousel__controls {
18658
- align-items: center;
18659
- bottom: 0;
18660
- display: flex;
18661
- height: 50px;
18662
- justify-content: center;
18663
- list-style-type: none;
18664
- position: absolute;
18665
- width: 100%;
18666
- z-index: 1;
18667
- background: rgba(var(--v-theme-surface-variant), 0.3);
18668
- color: rgb(var(--v-theme-on-surface-variant));
18669
- }
18670
- .v-carousel__controls > .v-item-group {
18671
- flex: 0 1 auto;
18672
- }
18673
- .v-carousel__controls__item {
18674
- margin: 0 8px;
18675
- }
18676
- .v-carousel__controls__item .v-icon {
18677
- opacity: 0.5;
18678
- }
18679
- .v-carousel__controls__item--active .v-icon {
18680
- opacity: 1;
18681
- vertical-align: middle;
18682
- }
18683
- .v-carousel__controls__item:hover {
18684
- background: none;
18685
- }
18686
- .v-carousel__controls__item:hover .v-icon {
18687
- opacity: 0.8;
18688
- }
18689
-
18690
- .v-carousel__progress {
18691
- margin: 0;
18692
- position: absolute;
18693
- bottom: 0;
18694
- left: 0;
18695
- right: 0;
18696
- }
18697
-
18698
- .v-carousel-item {
18699
- display: block;
18700
- height: inherit;
18701
- text-decoration: none;
18702
- }
18703
- .v-carousel-item > .v-img {
18704
- height: inherit;
18705
- }
18706
-
18707
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18708
- background: transparent;
18709
- }
18710
-
18711
- .v-carousel--vertical-delimiters .v-carousel__controls {
18712
- flex-direction: column;
18713
- height: 100% !important;
18714
- width: 50px;
18715
18659
  }.v-card {
18716
18660
  display: block;
18717
18661
  overflow: hidden;
@@ -19011,32 +18955,95 @@ html.overflow-y-hidden {
19011
18955
  pointer-events: none;
19012
18956
  opacity: 0;
19013
18957
  transition: opacity 0.2s ease-in-out;
19014
- }.v-checkbox.v-input {
19015
- flex: 0 1 auto;
19016
- }
19017
- .v-checkbox .v-selection-control {
19018
- min-height: var(--v-input-control-height);
19019
- }.v-chip {
19020
- align-items: center;
19021
- display: inline-flex;
19022
- font-weight: 400;
19023
- max-width: 100%;
19024
- min-width: 0;
18958
+ }.v-carousel {
19025
18959
  overflow: hidden;
19026
18960
  position: relative;
19027
- text-decoration: none;
19028
- white-space: nowrap;
19029
- vertical-align: middle;
19030
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19031
- border-style: solid;
19032
- border-width: 0;
19033
- border-radius: 9999px;
19034
- }
19035
- .v-chip .v-icon {
19036
- --v-icon-size-multiplier: 0.8571428571;
18961
+ width: 100%;
19037
18962
  }
19038
- .v-chip.v-chip--size-x-small {
19039
- --v-chip-size: 0.625rem;
18963
+ .v-carousel__controls {
18964
+ align-items: center;
18965
+ bottom: 0;
18966
+ display: flex;
18967
+ height: 50px;
18968
+ justify-content: center;
18969
+ list-style-type: none;
18970
+ position: absolute;
18971
+ width: 100%;
18972
+ z-index: 1;
18973
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18974
+ color: rgb(var(--v-theme-on-surface-variant));
18975
+ }
18976
+ .v-carousel__controls > .v-item-group {
18977
+ flex: 0 1 auto;
18978
+ }
18979
+ .v-carousel__controls__item {
18980
+ margin: 0 8px;
18981
+ }
18982
+ .v-carousel__controls__item .v-icon {
18983
+ opacity: 0.5;
18984
+ }
18985
+ .v-carousel__controls__item--active .v-icon {
18986
+ opacity: 1;
18987
+ vertical-align: middle;
18988
+ }
18989
+ .v-carousel__controls__item:hover {
18990
+ background: none;
18991
+ }
18992
+ .v-carousel__controls__item:hover .v-icon {
18993
+ opacity: 0.8;
18994
+ }
18995
+
18996
+ .v-carousel__progress {
18997
+ margin: 0;
18998
+ position: absolute;
18999
+ bottom: 0;
19000
+ left: 0;
19001
+ right: 0;
19002
+ }
19003
+
19004
+ .v-carousel-item {
19005
+ display: block;
19006
+ height: inherit;
19007
+ text-decoration: none;
19008
+ }
19009
+ .v-carousel-item > .v-img {
19010
+ height: inherit;
19011
+ }
19012
+
19013
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19014
+ background: transparent;
19015
+ }
19016
+
19017
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19018
+ flex-direction: column;
19019
+ height: 100% !important;
19020
+ width: 50px;
19021
+ }.v-checkbox.v-input {
19022
+ flex: 0 1 auto;
19023
+ }
19024
+ .v-checkbox .v-selection-control {
19025
+ min-height: var(--v-input-control-height);
19026
+ }.v-chip {
19027
+ align-items: center;
19028
+ display: inline-flex;
19029
+ font-weight: 400;
19030
+ max-width: 100%;
19031
+ min-width: 0;
19032
+ overflow: hidden;
19033
+ position: relative;
19034
+ text-decoration: none;
19035
+ white-space: nowrap;
19036
+ vertical-align: middle;
19037
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19038
+ border-style: solid;
19039
+ border-width: 0;
19040
+ border-radius: 9999px;
19041
+ }
19042
+ .v-chip .v-icon {
19043
+ --v-icon-size-multiplier: 0.8571428571;
19044
+ }
19045
+ .v-chip.v-chip--size-x-small {
19046
+ --v-chip-size: 0.625rem;
19040
19047
  --v-chip-height: 20px;
19041
19048
  font-size: 0.625rem;
19042
19049
  padding: 0 8px;
@@ -20437,66 +20444,12 @@ html.overflow-y-hidden {
20437
20444
  }
20438
20445
  .v-data-table-footer__page {
20439
20446
  padding: 0 8px;
20440
- }.v-date-picker-header {
20441
- align-items: flex-end;
20442
- height: 70px;
20443
- display: grid;
20444
- grid-template-areas: "prepend content append";
20445
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20447
+ }.v-date-picker {
20446
20448
  overflow: hidden;
20447
- padding-inline: 24px 12px;
20448
- padding-bottom: 12px;
20449
- }
20450
-
20451
- .v-date-picker-header__append {
20452
- grid-area: append;
20453
- }
20454
-
20455
- .v-date-picker-header__prepend {
20456
- grid-area: prepend;
20457
- padding-inline-start: 8px;
20458
- }
20459
-
20460
- .v-date-picker-header__content {
20461
- align-items: center;
20462
- display: inline-flex;
20463
- font-size: 32px;
20464
- line-height: 40px;
20465
- grid-area: content;
20466
- justify-content: space-between;
20467
- }
20468
- .v-date-picker-header--clickable .v-date-picker-header__content {
20469
- cursor: pointer;
20470
- }
20471
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20472
- opacity: 0.7;
20473
- }
20474
-
20475
- .date-picker-header-transition-enter-active,
20476
- .date-picker-header-reverse-transition-enter-active {
20477
- transition-duration: 0.3s;
20478
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20479
- }
20480
- .date-picker-header-transition-leave-active,
20481
- .date-picker-header-reverse-transition-leave-active {
20482
- transition-duration: 0.3s;
20483
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20484
- }
20485
-
20486
- .date-picker-header-transition-enter-from {
20487
- transform: translate(0, 100%);
20488
- }
20489
- .date-picker-header-transition-leave-to {
20490
- opacity: 0;
20491
- transform: translate(0, -100%);
20492
- }
20493
-
20494
- .date-picker-header-reverse-transition-enter-from {
20495
- transform: translate(0, -100%);
20449
+ width: 328px;
20496
20450
  }
20497
- .date-picker-header-reverse-transition-leave-to {
20498
- opacity: 0;
20499
- transform: translate(0, 100%);
20451
+ .v-date-picker--show-week {
20452
+ width: 368px;
20500
20453
  }.v-date-picker-controls {
20501
20454
  display: flex;
20502
20455
  align-items: center;
@@ -20553,31 +20506,66 @@ html.overflow-y-hidden {
20553
20506
 
20554
20507
  .v-date-picker__title {
20555
20508
  display: inline-block;
20556
- }.v-date-picker {
20509
+ }.v-date-picker-header {
20510
+ align-items: flex-end;
20511
+ height: 70px;
20512
+ display: grid;
20513
+ grid-template-areas: "prepend content append";
20514
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20557
20515
  overflow: hidden;
20558
- width: 328px;
20516
+ padding-inline: 24px 12px;
20517
+ padding-bottom: 12px;
20559
20518
  }
20560
- .v-date-picker--show-week {
20561
- width: 368px;
20562
- }.v-date-picker-months {
20563
- height: 288px;
20519
+
20520
+ .v-date-picker-header__append {
20521
+ grid-area: append;
20564
20522
  }
20565
20523
 
20566
- .v-date-picker-months__content {
20524
+ .v-date-picker-header__prepend {
20525
+ grid-area: prepend;
20526
+ padding-inline-start: 8px;
20527
+ }
20528
+
20529
+ .v-date-picker-header__content {
20567
20530
  align-items: center;
20568
- display: grid;
20569
- flex: 1 1;
20570
- height: inherit;
20571
- justify-content: space-around;
20572
- grid-template-columns: repeat(2, 1fr);
20573
- grid-gap: 0px 24px;
20574
- padding-inline-start: 36px;
20575
- padding-inline-end: 36px;
20531
+ display: inline-flex;
20532
+ font-size: 32px;
20533
+ line-height: 40px;
20534
+ grid-area: content;
20535
+ justify-content: space-between;
20576
20536
  }
20577
- .v-date-picker-months__content .v-btn {
20578
- text-transform: none;
20579
- padding-inline-start: 8px;
20580
- padding-inline-end: 8px;
20537
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20538
+ cursor: pointer;
20539
+ }
20540
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20541
+ opacity: 0.7;
20542
+ }
20543
+
20544
+ .date-picker-header-transition-enter-active,
20545
+ .date-picker-header-reverse-transition-enter-active {
20546
+ transition-duration: 0.3s;
20547
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20548
+ }
20549
+ .date-picker-header-transition-leave-active,
20550
+ .date-picker-header-reverse-transition-leave-active {
20551
+ transition-duration: 0.3s;
20552
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20553
+ }
20554
+
20555
+ .date-picker-header-transition-enter-from {
20556
+ transform: translate(0, 100%);
20557
+ }
20558
+ .date-picker-header-transition-leave-to {
20559
+ opacity: 0;
20560
+ transform: translate(0, -100%);
20561
+ }
20562
+
20563
+ .date-picker-header-reverse-transition-enter-from {
20564
+ transform: translate(0, -100%);
20565
+ }
20566
+ .date-picker-header-reverse-transition-leave-to {
20567
+ opacity: 0;
20568
+ transform: translate(0, 100%);
20581
20569
  }.v-date-picker-month {
20582
20570
  display: flex;
20583
20571
  justify-content: center;
@@ -20633,6 +20621,25 @@ html.overflow-y-hidden {
20633
20621
 
20634
20622
  .v-date-picker-month__day--hide-adjacent {
20635
20623
  opacity: 0;
20624
+ }.v-date-picker-months {
20625
+ height: 288px;
20626
+ }
20627
+
20628
+ .v-date-picker-months__content {
20629
+ align-items: center;
20630
+ display: grid;
20631
+ flex: 1 1;
20632
+ height: inherit;
20633
+ justify-content: space-around;
20634
+ grid-template-columns: repeat(2, 1fr);
20635
+ grid-gap: 0px 24px;
20636
+ padding-inline-start: 36px;
20637
+ padding-inline-end: 36px;
20638
+ }
20639
+ .v-date-picker-months__content .v-btn {
20640
+ text-transform: none;
20641
+ padding-inline-start: 8px;
20642
+ padding-inline-end: 8px;
20636
20643
  }.v-date-picker-years {
20637
20644
  height: 288px;
20638
20645
  overflow-y: scroll;
@@ -22038,13 +22045,6 @@ textarea.v-field__input::placeholder {
22038
22045
 
22039
22046
  .v-label--clickable {
22040
22047
  cursor: pointer;
22041
- }.v-layout-item {
22042
- position: absolute;
22043
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22044
- }
22045
-
22046
- .v-layout-item--absolute {
22047
- position: absolute;
22048
22048
  }.v-layout {
22049
22049
  --v-scrollbar-offset: 0px;
22050
22050
  display: flex;
@@ -22053,6 +22053,13 @@ textarea.v-field__input::placeholder {
22053
22053
  .v-layout--full-height {
22054
22054
  --v-scrollbar-offset: inherit;
22055
22055
  height: 100%;
22056
+ }.v-layout-item {
22057
+ position: absolute;
22058
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22059
+ }
22060
+
22061
+ .v-layout-item--absolute {
22062
+ position: absolute;
22056
22063
  }.v-list {
22057
22064
  overflow: auto;
22058
22065
  padding: 8px 0;
@@ -22653,22 +22660,6 @@ textarea.v-field__input::placeholder {
22653
22660
  overflow: auto;
22654
22661
  height: 100%;
22655
22662
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22656
- }.v-messages {
22657
- flex: 1 1 auto;
22658
- font-size: 12px;
22659
- min-height: 14px;
22660
- min-width: 1px;
22661
- opacity: var(--v-medium-emphasis-opacity);
22662
- position: relative;
22663
- }
22664
- .v-messages__message {
22665
- line-height: 12px;
22666
- word-break: break-word;
22667
- overflow-wrap: break-word;
22668
- word-wrap: break-word;
22669
- -webkit-hyphens: auto;
22670
- hyphens: auto;
22671
- transition-duration: 150ms;
22672
22663
  }.v-navigation-drawer {
22673
22664
  -webkit-overflow-scrolling: touch;
22674
22665
  background: rgb(var(--v-theme-surface));
@@ -22771,6 +22762,22 @@ textarea.v-field__input::placeholder {
22771
22762
  .v-navigation-drawer__append {
22772
22763
  flex: none;
22773
22764
  overflow: hidden;
22765
+ }.v-messages {
22766
+ flex: 1 1 auto;
22767
+ font-size: 12px;
22768
+ min-height: 14px;
22769
+ min-width: 1px;
22770
+ opacity: var(--v-medium-emphasis-opacity);
22771
+ position: relative;
22772
+ }
22773
+ .v-messages__message {
22774
+ line-height: 12px;
22775
+ word-break: break-word;
22776
+ overflow-wrap: break-word;
22777
+ word-wrap: break-word;
22778
+ -webkit-hyphens: auto;
22779
+ hyphens: auto;
22780
+ transition-duration: 150ms;
22774
22781
  }.v-otp-input {
22775
22782
  border-radius: 4px;
22776
22783
  align-items: center;
@@ -24297,6 +24304,35 @@ html.v-overlay-scroll-blocked {
24297
24304
  }
24298
24305
  .v-system-bar:not(.v-system-bar--absolute) {
24299
24306
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24307
+ }.v-tab.v-tab.v-btn {
24308
+ height: var(--v-tabs-height);
24309
+ border-radius: 0;
24310
+ min-width: 90px;
24311
+ }
24312
+ .v-slide-group--horizontal .v-tab {
24313
+ max-width: 360px;
24314
+ }
24315
+ .v-slide-group--vertical .v-tab {
24316
+ justify-content: start;
24317
+ }
24318
+
24319
+ .v-tab__slider {
24320
+ position: absolute;
24321
+ bottom: 0;
24322
+ left: 0;
24323
+ height: 2px;
24324
+ width: 100%;
24325
+ background: currentColor;
24326
+ pointer-events: none;
24327
+ opacity: 0;
24328
+ }
24329
+ .v-tab--selected .v-tab__slider {
24330
+ opacity: 1;
24331
+ }
24332
+ .v-slide-group--vertical .v-tab__slider {
24333
+ top: 0;
24334
+ height: 100%;
24335
+ width: 2px;
24300
24336
  }.v-tabs {
24301
24337
  display: flex;
24302
24338
  height: var(--v-tabs-height);
@@ -24363,142 +24399,7 @@ html.v-overlay-scroll-blocked {
24363
24399
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24364
24400
  margin-inline-end: 52px;
24365
24401
  }
24366
- }.v-tab.v-tab.v-btn {
24367
- height: var(--v-tabs-height);
24368
- border-radius: 0;
24369
- min-width: 90px;
24370
- }
24371
- .v-slide-group--horizontal .v-tab {
24372
- max-width: 360px;
24373
- }
24374
- .v-slide-group--vertical .v-tab {
24375
- justify-content: start;
24376
- }
24377
-
24378
- .v-tab__slider {
24379
- position: absolute;
24380
- bottom: 0;
24381
- left: 0;
24382
- height: 2px;
24383
- width: 100%;
24384
- background: currentColor;
24385
- pointer-events: none;
24386
- opacity: 0;
24387
- }
24388
- .v-tab--selected .v-tab__slider {
24389
- opacity: 1;
24390
- }
24391
- .v-slide-group--vertical .v-tab__slider {
24392
- top: 0;
24393
- height: 100%;
24394
- width: 2px;
24395
- }.v-textarea .v-field {
24396
- --v-textarea-control-height: var(--v-input-control-height);
24397
- }
24398
- .v-textarea .v-field__field {
24399
- --v-input-control-height: var(--v-textarea-control-height);
24400
- }
24401
- .v-textarea .v-field__input {
24402
- flex: 1 1 auto;
24403
- outline: none;
24404
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24405
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24406
- }
24407
- .v-textarea .v-field__input.v-textarea__sizer {
24408
- visibility: hidden;
24409
- position: absolute;
24410
- top: 0;
24411
- left: 0;
24412
- height: 0 !important;
24413
- min-height: 0 !important;
24414
- pointer-events: none;
24415
- }
24416
- .v-textarea--no-resize .v-field__input {
24417
- resize: none;
24418
- }
24419
- .v-textarea .v-field--no-label textarea,
24420
- .v-textarea .v-field--active textarea {
24421
- opacity: 1;
24422
- }
24423
- .v-textarea textarea {
24424
- opacity: 0;
24425
- flex: 1;
24426
- min-width: 0;
24427
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24428
- }
24429
- .v-textarea textarea:focus, .v-textarea textarea:active {
24430
- outline: none;
24431
- }
24432
- .v-textarea textarea:invalid {
24433
- box-shadow: none;
24434
- }/* region BLOCK */
24435
- .v-text-field input {
24436
- color: inherit;
24437
- opacity: 0;
24438
- flex: 1;
24439
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24440
- min-width: 0;
24441
- }
24442
- .v-text-field input:focus, .v-text-field input:active {
24443
- outline: none;
24444
- }
24445
- .v-text-field input:invalid {
24446
- box-shadow: none;
24447
- }
24448
- .v-text-field .v-field {
24449
- cursor: text;
24450
- }
24451
- .v-text-field--prefixed.v-text-field .v-field__input {
24452
- --v-field-padding-start: 6px;
24453
- }
24454
-
24455
- .v-text-field--suffixed.v-text-field .v-field__input {
24456
- --v-field-padding-end: 0;
24457
- }
24458
-
24459
- .v-text-field .v-input__details {
24460
- padding-inline: 16px;
24461
- }
24462
- .v-input--plain-underlined.v-text-field .v-input__details {
24463
- padding-inline: 0;
24464
- }
24465
-
24466
- .v-text-field .v-field--no-label input,
24467
- .v-text-field .v-field--active input {
24468
- opacity: 1;
24469
- }
24470
- .v-text-field .v-field--single-line input {
24471
- transition: none;
24472
- }
24473
-
24474
- /* endregion */
24475
- /* region ELEMENTS */
24476
- .v-text-field__prefix, .v-text-field__suffix {
24477
- align-items: center;
24478
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24479
- cursor: default;
24480
- display: flex;
24481
- opacity: 0;
24482
- transition: inherit;
24483
- white-space: nowrap;
24484
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24485
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24486
- padding-bottom: var(--v-field-padding-bottom, 6px);
24487
- }
24488
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24489
- opacity: 1;
24490
- }
24491
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24492
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24493
- }
24494
- .v-text-field__prefix {
24495
- padding-inline-start: var(--v-field-padding-start);
24496
- }
24497
- .v-text-field__suffix {
24498
- padding-inline-end: var(--v-field-padding-end);
24499
- }
24500
-
24501
- /* endregion */.v-table {
24402
+ }.v-table {
24502
24403
  background: rgb(var(--v-theme-surface));
24503
24404
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24504
24405
  font-size: 0.875rem;
@@ -24636,7 +24537,113 @@ html.v-overlay-scroll-blocked {
24636
24537
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24637
24538
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24638
24539
  border-top: 0px !important;
24639
- }.v-theme-provider {
24540
+ }.v-textarea .v-field {
24541
+ --v-textarea-control-height: var(--v-input-control-height);
24542
+ }
24543
+ .v-textarea .v-field__field {
24544
+ --v-input-control-height: var(--v-textarea-control-height);
24545
+ }
24546
+ .v-textarea .v-field__input {
24547
+ flex: 1 1 auto;
24548
+ outline: none;
24549
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24550
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24551
+ }
24552
+ .v-textarea .v-field__input.v-textarea__sizer {
24553
+ visibility: hidden;
24554
+ position: absolute;
24555
+ top: 0;
24556
+ left: 0;
24557
+ height: 0 !important;
24558
+ min-height: 0 !important;
24559
+ pointer-events: none;
24560
+ }
24561
+ .v-textarea--no-resize .v-field__input {
24562
+ resize: none;
24563
+ }
24564
+ .v-textarea .v-field--no-label textarea,
24565
+ .v-textarea .v-field--active textarea {
24566
+ opacity: 1;
24567
+ }
24568
+ .v-textarea textarea {
24569
+ opacity: 0;
24570
+ flex: 1;
24571
+ min-width: 0;
24572
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24573
+ }
24574
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24575
+ outline: none;
24576
+ }
24577
+ .v-textarea textarea:invalid {
24578
+ box-shadow: none;
24579
+ }/* region BLOCK */
24580
+ .v-text-field input {
24581
+ color: inherit;
24582
+ opacity: 0;
24583
+ flex: 1;
24584
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24585
+ min-width: 0;
24586
+ }
24587
+ .v-text-field input:focus, .v-text-field input:active {
24588
+ outline: none;
24589
+ }
24590
+ .v-text-field input:invalid {
24591
+ box-shadow: none;
24592
+ }
24593
+ .v-text-field .v-field {
24594
+ cursor: text;
24595
+ }
24596
+ .v-text-field--prefixed.v-text-field .v-field__input {
24597
+ --v-field-padding-start: 6px;
24598
+ }
24599
+
24600
+ .v-text-field--suffixed.v-text-field .v-field__input {
24601
+ --v-field-padding-end: 0;
24602
+ }
24603
+
24604
+ .v-text-field .v-input__details {
24605
+ padding-inline: 16px;
24606
+ }
24607
+ .v-input--plain-underlined.v-text-field .v-input__details {
24608
+ padding-inline: 0;
24609
+ }
24610
+
24611
+ .v-text-field .v-field--no-label input,
24612
+ .v-text-field .v-field--active input {
24613
+ opacity: 1;
24614
+ }
24615
+ .v-text-field .v-field--single-line input {
24616
+ transition: none;
24617
+ }
24618
+
24619
+ /* endregion */
24620
+ /* region ELEMENTS */
24621
+ .v-text-field__prefix, .v-text-field__suffix {
24622
+ align-items: center;
24623
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24624
+ cursor: default;
24625
+ display: flex;
24626
+ opacity: 0;
24627
+ transition: inherit;
24628
+ white-space: nowrap;
24629
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24630
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24631
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24632
+ }
24633
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24634
+ opacity: 1;
24635
+ }
24636
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24637
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24638
+ }
24639
+ .v-text-field__prefix {
24640
+ padding-inline-start: var(--v-field-padding-start);
24641
+ }
24642
+ .v-text-field__suffix {
24643
+ padding-inline-end: var(--v-field-padding-end);
24644
+ }
24645
+
24646
+ /* endregion */.v-theme-provider {
24640
24647
  background: rgb(var(--v-theme-background));
24641
24648
  color: rgb(var(--v-theme-on-background));
24642
24649
  }.v-timeline .v-timeline-divider__dot {
@@ -25307,6 +25314,69 @@ html.v-overlay-scroll-blocked {
25307
25314
  }
25308
25315
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25309
25316
  will-change: transform;
25317
+ }.v-color-picker-swatches {
25318
+ overflow-y: auto;
25319
+ }
25320
+ .v-color-picker-swatches > div {
25321
+ display: flex;
25322
+ flex-wrap: wrap;
25323
+ justify-content: center;
25324
+ padding: 8px;
25325
+ }
25326
+
25327
+ .v-color-picker-swatches__swatch {
25328
+ display: flex;
25329
+ flex-direction: column;
25330
+ margin-bottom: 10px;
25331
+ }
25332
+
25333
+ .v-color-picker-swatches__color {
25334
+ position: relative;
25335
+ height: 18px;
25336
+ max-height: 18px;
25337
+ width: 45px;
25338
+ margin: 2px 4px;
25339
+ border-radius: 2px;
25340
+ -webkit-user-select: none;
25341
+ user-select: none;
25342
+ overflow: hidden;
25343
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25344
+ cursor: pointer;
25345
+ }
25346
+ .v-color-picker-swatches__color > div {
25347
+ display: flex;
25348
+ align-items: center;
25349
+ justify-content: center;
25350
+ width: 100%;
25351
+ height: 100%;
25352
+ }.v-color-picker-edit {
25353
+ display: flex;
25354
+ margin-top: 24px;
25355
+ }
25356
+
25357
+ .v-color-picker-edit__input {
25358
+ width: 100%;
25359
+ display: flex;
25360
+ flex-wrap: wrap;
25361
+ justify-content: center;
25362
+ text-align: center;
25363
+ }
25364
+ .v-color-picker-edit__input:not(:last-child) {
25365
+ margin-inline-end: 8px;
25366
+ }
25367
+ .v-color-picker-edit__input input {
25368
+ border-radius: 4px;
25369
+ margin-bottom: 8px;
25370
+ min-width: 0;
25371
+ outline: none;
25372
+ text-align: center;
25373
+ width: 100%;
25374
+ height: 32px;
25375
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25376
+ color: rgba(var(--v-theme-on-surface));
25377
+ }
25378
+ .v-color-picker-edit__input span {
25379
+ font-size: 0.75rem;
25310
25380
  }.v-color-picker-preview__alpha .v-slider-track__background {
25311
25381
  background-color: transparent !important;
25312
25382
  }
@@ -25377,69 +25447,6 @@ html.v-overlay-scroll-blocked {
25377
25447
  .v-color-picker-preview__eye-dropper {
25378
25448
  position: relative;
25379
25449
  margin-right: 12px;
25380
- }.v-color-picker-edit {
25381
- display: flex;
25382
- margin-top: 24px;
25383
- }
25384
-
25385
- .v-color-picker-edit__input {
25386
- width: 100%;
25387
- display: flex;
25388
- flex-wrap: wrap;
25389
- justify-content: center;
25390
- text-align: center;
25391
- }
25392
- .v-color-picker-edit__input:not(:last-child) {
25393
- margin-inline-end: 8px;
25394
- }
25395
- .v-color-picker-edit__input input {
25396
- border-radius: 4px;
25397
- margin-bottom: 8px;
25398
- min-width: 0;
25399
- outline: none;
25400
- text-align: center;
25401
- width: 100%;
25402
- height: 32px;
25403
- background: rgba(var(--v-theme-surface-variant), 0.2);
25404
- color: rgba(var(--v-theme-on-surface));
25405
- }
25406
- .v-color-picker-edit__input span {
25407
- font-size: 0.75rem;
25408
- }.v-color-picker-swatches {
25409
- overflow-y: auto;
25410
- }
25411
- .v-color-picker-swatches > div {
25412
- display: flex;
25413
- flex-wrap: wrap;
25414
- justify-content: center;
25415
- padding: 8px;
25416
- }
25417
-
25418
- .v-color-picker-swatches__swatch {
25419
- display: flex;
25420
- flex-direction: column;
25421
- margin-bottom: 10px;
25422
- }
25423
-
25424
- .v-color-picker-swatches__color {
25425
- position: relative;
25426
- height: 18px;
25427
- max-height: 18px;
25428
- width: 45px;
25429
- margin: 2px 4px;
25430
- border-radius: 2px;
25431
- -webkit-user-select: none;
25432
- user-select: none;
25433
- overflow: hidden;
25434
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25435
- cursor: pointer;
25436
- }
25437
- .v-color-picker-swatches__color > div {
25438
- display: flex;
25439
- align-items: center;
25440
- justify-content: center;
25441
- width: 100%;
25442
- height: 100%;
25443
25450
  }.v-picker.v-sheet {
25444
25451
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25445
25452
  border-radius: 4px;