@vuetify/nightly 3.5.3-dev.2024-02-14 → 3.5.3-dev.2024-02-25

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.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3-dev.2024-02-14
2
+ * Vuetify v3.5.3-dev.2024-02-25
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17734,6 +17734,38 @@ html.overflow-y-hidden {
17734
17734
  }
17735
17735
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17736
17736
  transform: translateY(0.5rem);
17737
+ }.bottom-sheet-transition-enter-from {
17738
+ transform: translateY(100%);
17739
+ }
17740
+ .bottom-sheet-transition-leave-to {
17741
+ transform: translateY(100%);
17742
+ }
17743
+
17744
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17745
+ align-self: flex-end;
17746
+ border-radius: 0;
17747
+ flex: 0 1 auto;
17748
+ left: 0;
17749
+ right: 0;
17750
+ margin-inline: 0;
17751
+ margin-bottom: 0;
17752
+ transition-duration: 0.2s;
17753
+ width: 100%;
17754
+ max-width: 100%;
17755
+ overflow: visible;
17756
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17757
+ }
17758
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17759
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17760
+ border-radius: 0;
17761
+ }
17762
+ .v-bottom-sheet.v-bottom-sheet--inset {
17763
+ max-width: none;
17764
+ }
17765
+ @media (min-width: 600px) {
17766
+ .v-bottom-sheet.v-bottom-sheet--inset {
17767
+ max-width: 70%;
17768
+ }
17737
17769
  }.v-breadcrumbs {
17738
17770
  display: flex;
17739
17771
  align-items: center;
@@ -17791,38 +17823,6 @@ html.overflow-y-hidden {
17791
17823
  display: inline-block;
17792
17824
  padding: 0 8px;
17793
17825
  vertical-align: middle;
17794
- }.bottom-sheet-transition-enter-from {
17795
- transform: translateY(100%);
17796
- }
17797
- .bottom-sheet-transition-leave-to {
17798
- transform: translateY(100%);
17799
- }
17800
-
17801
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17802
- align-self: flex-end;
17803
- border-radius: 0;
17804
- flex: 0 1 auto;
17805
- left: 0;
17806
- right: 0;
17807
- margin-inline: 0;
17808
- margin-bottom: 0;
17809
- transition-duration: 0.2s;
17810
- width: 100%;
17811
- max-width: 100%;
17812
- overflow: visible;
17813
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17814
- }
17815
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17816
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17817
- border-radius: 0;
17818
- }
17819
- .v-bottom-sheet.v-bottom-sheet--inset {
17820
- max-width: none;
17821
- }
17822
- @media (min-width: 600px) {
17823
- .v-bottom-sheet.v-bottom-sheet--inset {
17824
- max-width: 70%;
17825
- }
17826
17826
  }.v-btn {
17827
17827
  align-items: center;
17828
17828
  border-radius: 4px;
@@ -18226,62 +18226,6 @@ html.overflow-y-hidden {
18226
18226
  }
18227
18227
  .v-pagination__item--is-active .v-btn__overlay {
18228
18228
  opacity: var(--v-border-opacity);
18229
- }.v-btn-group {
18230
- display: inline-flex;
18231
- flex-wrap: nowrap;
18232
- max-width: 100%;
18233
- min-width: 0;
18234
- overflow: hidden;
18235
- vertical-align: middle;
18236
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18237
- border-style: solid;
18238
- border-width: 0;
18239
- 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));
18240
- border-radius: 4px;
18241
- background: transparent;
18242
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18243
- }
18244
- .v-btn-group--border {
18245
- border-width: thin;
18246
- box-shadow: none;
18247
- }
18248
- .v-btn-group--density-default.v-btn-group {
18249
- height: 48px;
18250
- }
18251
-
18252
- .v-btn-group--density-comfortable.v-btn-group {
18253
- height: 40px;
18254
- }
18255
-
18256
- .v-btn-group--density-compact.v-btn-group {
18257
- height: 36px;
18258
- }
18259
-
18260
- .v-btn-group .v-btn {
18261
- border-radius: 0;
18262
- border-color: inherit;
18263
- }
18264
- .v-btn-group .v-btn:not(:last-child) {
18265
- border-inline-end: none;
18266
- }
18267
- .v-btn-group .v-btn:not(:first-child) {
18268
- border-inline-start: none;
18269
- }
18270
- .v-btn-group .v-btn:first-child {
18271
- border-start-start-radius: inherit;
18272
- border-end-start-radius: inherit;
18273
- }
18274
- .v-btn-group .v-btn:last-child {
18275
- border-start-end-radius: inherit;
18276
- border-end-end-radius: inherit;
18277
- }
18278
- .v-btn-group--divided .v-btn:not(:last-child) {
18279
- border-inline-end-width: thin;
18280
- border-inline-end-style: solid;
18281
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18282
- }
18283
- .v-btn-group--tile {
18284
- border-radius: 0;
18285
18229
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18286
18230
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18287
18231
  }
@@ -18654,6 +18598,62 @@ html.overflow-y-hidden {
18654
18598
  flex-direction: column;
18655
18599
  height: 100% !important;
18656
18600
  width: 50px;
18601
+ }.v-btn-group {
18602
+ display: inline-flex;
18603
+ flex-wrap: nowrap;
18604
+ max-width: 100%;
18605
+ min-width: 0;
18606
+ overflow: hidden;
18607
+ vertical-align: middle;
18608
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18609
+ border-style: solid;
18610
+ border-width: 0;
18611
+ 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));
18612
+ border-radius: 4px;
18613
+ background: transparent;
18614
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18615
+ }
18616
+ .v-btn-group--border {
18617
+ border-width: thin;
18618
+ box-shadow: none;
18619
+ }
18620
+ .v-btn-group--density-default.v-btn-group {
18621
+ height: 48px;
18622
+ }
18623
+
18624
+ .v-btn-group--density-comfortable.v-btn-group {
18625
+ height: 40px;
18626
+ }
18627
+
18628
+ .v-btn-group--density-compact.v-btn-group {
18629
+ height: 36px;
18630
+ }
18631
+
18632
+ .v-btn-group .v-btn {
18633
+ border-radius: 0;
18634
+ border-color: inherit;
18635
+ }
18636
+ .v-btn-group .v-btn:not(:last-child) {
18637
+ border-inline-end: none;
18638
+ }
18639
+ .v-btn-group .v-btn:not(:first-child) {
18640
+ border-inline-start: none;
18641
+ }
18642
+ .v-btn-group .v-btn:first-child {
18643
+ border-start-start-radius: inherit;
18644
+ border-end-start-radius: inherit;
18645
+ }
18646
+ .v-btn-group .v-btn:last-child {
18647
+ border-start-end-radius: inherit;
18648
+ border-end-end-radius: inherit;
18649
+ }
18650
+ .v-btn-group--divided .v-btn:not(:last-child) {
18651
+ border-inline-end-width: thin;
18652
+ border-inline-end-style: solid;
18653
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18654
+ }
18655
+ .v-btn-group--tile {
18656
+ border-radius: 0;
18657
18657
  }.v-checkbox.v-input {
18658
18658
  flex: 0 1 auto;
18659
18659
  }
@@ -20055,6 +20055,64 @@ html.overflow-y-hidden {
20055
20055
  .v-date-picker-month__day .v-btn {
20056
20056
  --v-btn-height: 28px;
20057
20057
  --v-btn-size: 0.85rem;
20058
+ }.v-date-picker-header {
20059
+ display: grid;
20060
+ grid-template-areas: "prepend content append";
20061
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20062
+ overflow: hidden;
20063
+ padding-inline: 24px 12px;
20064
+ padding-bottom: 12px;
20065
+ }
20066
+
20067
+ .v-date-picker-header__append {
20068
+ grid-area: append;
20069
+ }
20070
+
20071
+ .v-date-picker-header__prepend {
20072
+ grid-area: prepend;
20073
+ padding-inline-start: 8px;
20074
+ }
20075
+
20076
+ .v-date-picker-header__content {
20077
+ align-items: center;
20078
+ display: inline-flex;
20079
+ font-size: 32px;
20080
+ line-height: 40px;
20081
+ grid-area: content;
20082
+ justify-content: space-between;
20083
+ }
20084
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20085
+ cursor: pointer;
20086
+ }
20087
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20088
+ opacity: 0.7;
20089
+ }
20090
+
20091
+ .date-picker-header-transition-enter-active,
20092
+ .date-picker-header-reverse-transition-enter-active {
20093
+ transition-duration: 0.3s;
20094
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20095
+ }
20096
+ .date-picker-header-transition-leave-active,
20097
+ .date-picker-header-reverse-transition-leave-active {
20098
+ transition-duration: 0.3s;
20099
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20100
+ }
20101
+
20102
+ .date-picker-header-transition-enter-from {
20103
+ transform: translate(0, 100%);
20104
+ }
20105
+ .date-picker-header-transition-leave-to {
20106
+ opacity: 0;
20107
+ transform: translate(0, -100%);
20108
+ }
20109
+
20110
+ .date-picker-header-reverse-transition-enter-from {
20111
+ transform: translate(0, -100%);
20112
+ }
20113
+ .date-picker-header-reverse-transition-leave-to {
20114
+ opacity: 0;
20115
+ transform: translate(0, 100%);
20058
20116
  }.v-date-picker-month {
20059
20117
  display: flex;
20060
20118
  justify-content: center;
@@ -20160,6 +20218,21 @@ html.overflow-y-hidden {
20160
20218
 
20161
20219
  .v-date-picker__title {
20162
20220
  display: inline-block;
20221
+ }.v-date-picker-years {
20222
+ height: 320px;
20223
+ overflow-y: scroll;
20224
+ }
20225
+
20226
+ .v-date-picker-years__content {
20227
+ display: grid;
20228
+ flex: 1 1;
20229
+ justify-content: space-around;
20230
+ grid-template-columns: repeat(3, 1fr);
20231
+ gap: 8px 24px;
20232
+ padding-inline: 36px;
20233
+ }
20234
+ .v-date-picker-years__content .v-btn {
20235
+ padding-inline: 8px;
20163
20236
  }.v-date-picker-months {
20164
20237
  height: 320px;
20165
20238
  overflow-y: scroll;
@@ -20180,108 +20253,6 @@ html.overflow-y-hidden {
20180
20253
  text-transform: none;
20181
20254
  padding-inline-start: 8px;
20182
20255
  padding-inline-end: 8px;
20183
- }.v-date-picker-header {
20184
- display: grid;
20185
- grid-template-areas: "prepend content append";
20186
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20187
- overflow: hidden;
20188
- padding-inline: 24px 12px;
20189
- padding-bottom: 12px;
20190
- }
20191
-
20192
- .v-date-picker-header__append {
20193
- grid-area: append;
20194
- }
20195
-
20196
- .v-date-picker-header__prepend {
20197
- grid-area: prepend;
20198
- padding-inline-start: 8px;
20199
- }
20200
-
20201
- .v-date-picker-header__content {
20202
- align-items: center;
20203
- display: inline-flex;
20204
- font-size: 32px;
20205
- line-height: 40px;
20206
- grid-area: content;
20207
- justify-content: space-between;
20208
- }
20209
- .v-date-picker-header--clickable .v-date-picker-header__content {
20210
- cursor: pointer;
20211
- }
20212
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20213
- opacity: 0.7;
20214
- }
20215
-
20216
- .date-picker-header-transition-enter-active,
20217
- .date-picker-header-reverse-transition-enter-active {
20218
- transition-duration: 0.3s;
20219
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20220
- }
20221
- .date-picker-header-transition-leave-active,
20222
- .date-picker-header-reverse-transition-leave-active {
20223
- transition-duration: 0.3s;
20224
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20225
- }
20226
-
20227
- .date-picker-header-transition-enter-from {
20228
- transform: translate(0, 100%);
20229
- }
20230
- .date-picker-header-transition-leave-to {
20231
- opacity: 0;
20232
- transform: translate(0, -100%);
20233
- }
20234
-
20235
- .date-picker-header-reverse-transition-enter-from {
20236
- transform: translate(0, -100%);
20237
- }
20238
- .date-picker-header-reverse-transition-leave-to {
20239
- opacity: 0;
20240
- transform: translate(0, 100%);
20241
- }.v-date-picker-years {
20242
- height: 320px;
20243
- overflow-y: scroll;
20244
- }
20245
-
20246
- .v-date-picker-years__content {
20247
- display: grid;
20248
- flex: 1 1;
20249
- justify-content: space-around;
20250
- grid-template-columns: repeat(3, 1fr);
20251
- gap: 8px 24px;
20252
- padding-inline: 36px;
20253
- }
20254
- .v-date-picker-years__content .v-btn {
20255
- padding-inline: 8px;
20256
- }.v-divider {
20257
- display: block;
20258
- flex: 1 1 100%;
20259
- height: 0px;
20260
- max-height: 0px;
20261
- opacity: var(--v-border-opacity);
20262
- transition: inherit;
20263
- border-style: solid;
20264
- border-width: thin 0 0 0;
20265
- }
20266
- .v-divider--vertical {
20267
- align-self: stretch;
20268
- border-width: 0 thin 0 0;
20269
- display: inline-flex;
20270
- height: inherit;
20271
- margin-left: -1px;
20272
- max-height: 100%;
20273
- max-width: 0px;
20274
- vertical-align: text-bottom;
20275
- width: 0px;
20276
- }
20277
- .v-divider--inset:not(.v-divider--vertical) {
20278
- max-width: calc(100% - 72px);
20279
- margin-inline-start: 72px;
20280
- }
20281
- .v-divider--inset.v-divider--vertical {
20282
- margin-bottom: 8px;
20283
- margin-top: 8px;
20284
- max-height: calc(100% - 16px);
20285
20256
  }.v-dialog {
20286
20257
  align-items: center;
20287
20258
  justify-content: center;
@@ -20370,6 +20341,35 @@ html.overflow-y-hidden {
20370
20341
  -webkit-backface-visibility: hidden;
20371
20342
  backface-visibility: hidden;
20372
20343
  overflow-y: auto;
20344
+ }.v-divider {
20345
+ display: block;
20346
+ flex: 1 1 100%;
20347
+ height: 0px;
20348
+ max-height: 0px;
20349
+ opacity: var(--v-border-opacity);
20350
+ transition: inherit;
20351
+ border-style: solid;
20352
+ border-width: thin 0 0 0;
20353
+ }
20354
+ .v-divider--vertical {
20355
+ align-self: stretch;
20356
+ border-width: 0 thin 0 0;
20357
+ display: inline-flex;
20358
+ height: inherit;
20359
+ margin-left: -1px;
20360
+ max-height: 100%;
20361
+ max-width: 0px;
20362
+ vertical-align: text-bottom;
20363
+ width: 0px;
20364
+ }
20365
+ .v-divider--inset:not(.v-divider--vertical) {
20366
+ max-width: calc(100% - 72px);
20367
+ margin-inline-start: 72px;
20368
+ }
20369
+ .v-divider--inset.v-divider--vertical {
20370
+ margin-bottom: 8px;
20371
+ margin-top: 8px;
20372
+ max-height: calc(100% - 16px);
20373
20373
  }.v-expansion-panel {
20374
20374
  background-color: rgb(var(--v-theme-surface));
20375
20375
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21423,21 +21423,6 @@ textarea.v-field__input::placeholder {
21423
21423
  max-width: 100%;
21424
21424
  position: relative;
21425
21425
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21426
- }.v-layout {
21427
- --v-scrollbar-offset: 0px;
21428
- display: flex;
21429
- flex: 1 1 auto;
21430
- }
21431
- .v-layout--full-height {
21432
- --v-scrollbar-offset: inherit;
21433
- height: 100%;
21434
- }.v-layout-item {
21435
- position: absolute;
21436
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21437
- }
21438
-
21439
- .v-layout-item--absolute {
21440
- position: absolute;
21441
21426
  }.v-label {
21442
21427
  align-items: center;
21443
21428
  color: inherit;
@@ -22004,6 +21989,21 @@ textarea.v-field__input::placeholder {
22004
21989
  }
22005
21990
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22006
21991
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21992
+ }.v-layout-item {
21993
+ position: absolute;
21994
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21995
+ }
21996
+
21997
+ .v-layout-item--absolute {
21998
+ position: absolute;
21999
+ }.v-layout {
22000
+ --v-scrollbar-offset: 0px;
22001
+ display: flex;
22002
+ flex: 1 1 auto;
22003
+ }
22004
+ .v-layout--full-height {
22005
+ --v-scrollbar-offset: inherit;
22006
+ height: 100%;
22007
22007
  }.v-locale-provider {
22008
22008
  display: contents;
22009
22009
  }.v-main {
@@ -22288,6 +22288,12 @@ html.v-overlay-scroll-blocked {
22288
22288
  }
22289
22289
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22290
22290
  margin: 0.3rem;
22291
+ }.v-parallax {
22292
+ position: relative;
22293
+ overflow: hidden;
22294
+ }
22295
+ .v-parallax--active > .v-img__img {
22296
+ will-change: transform;
22291
22297
  }.v-progress-circular {
22292
22298
  align-items: center;
22293
22299
  display: inline-flex;
@@ -22390,12 +22396,6 @@ html.v-overlay-scroll-blocked {
22390
22396
  100% {
22391
22397
  transform: rotate(270deg);
22392
22398
  }
22393
- }.v-parallax {
22394
- position: relative;
22395
- overflow: hidden;
22396
- }
22397
- .v-parallax--active > .v-img__img {
22398
- will-change: transform;
22399
22399
  }.v-progress-linear {
22400
22400
  background: transparent;
22401
22401
  overflow: hidden;
@@ -22940,6 +22940,48 @@ html.v-overlay-scroll-blocked {
22940
22940
  }
22941
22941
  .v-sheet--rounded {
22942
22942
  border-radius: 4px;
22943
+ }.v-slide-group {
22944
+ display: flex;
22945
+ overflow: hidden;
22946
+ }
22947
+
22948
+ .v-slide-group__next,
22949
+ .v-slide-group__prev {
22950
+ align-items: center;
22951
+ display: flex;
22952
+ flex: 0 1 52px;
22953
+ justify-content: center;
22954
+ min-width: 52px;
22955
+ cursor: pointer;
22956
+ }
22957
+ .v-slide-group__next--disabled,
22958
+ .v-slide-group__prev--disabled {
22959
+ pointer-events: none;
22960
+ opacity: var(--v-disabled-opacity);
22961
+ }
22962
+
22963
+ .v-slide-group__content {
22964
+ display: flex;
22965
+ flex: 1 0 auto;
22966
+ position: relative;
22967
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22968
+ white-space: nowrap;
22969
+ }
22970
+ .v-slide-group__content > * {
22971
+ white-space: initial;
22972
+ }
22973
+
22974
+ .v-slide-group__container {
22975
+ contain: content;
22976
+ display: flex;
22977
+ flex: 1 1 auto;
22978
+ overflow: hidden;
22979
+ }
22980
+
22981
+ .v-slide-group--vertical,
22982
+ .v-slide-group--vertical .v-slide-group__container,
22983
+ .v-slide-group--vertical .v-slide-group__content {
22984
+ flex-direction: column;
22943
22985
  }.v-skeleton-loader {
22944
22986
  align-items: center;
22945
22987
  background: rgb(var(--v-theme-surface));
@@ -23163,48 +23205,6 @@ html.v-overlay-scroll-blocked {
23163
23205
  100% {
23164
23206
  transform: translateX(100%);
23165
23207
  }
23166
- }.v-slide-group {
23167
- display: flex;
23168
- overflow: hidden;
23169
- }
23170
-
23171
- .v-slide-group__next,
23172
- .v-slide-group__prev {
23173
- align-items: center;
23174
- display: flex;
23175
- flex: 0 1 52px;
23176
- justify-content: center;
23177
- min-width: 52px;
23178
- cursor: pointer;
23179
- }
23180
- .v-slide-group__next--disabled,
23181
- .v-slide-group__prev--disabled {
23182
- pointer-events: none;
23183
- opacity: var(--v-disabled-opacity);
23184
- }
23185
-
23186
- .v-slide-group__content {
23187
- display: flex;
23188
- flex: 1 0 auto;
23189
- position: relative;
23190
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23191
- white-space: nowrap;
23192
- }
23193
- .v-slide-group__content > * {
23194
- white-space: initial;
23195
- }
23196
-
23197
- .v-slide-group__container {
23198
- contain: content;
23199
- display: flex;
23200
- flex: 1 1 auto;
23201
- overflow: hidden;
23202
- }
23203
-
23204
- .v-slide-group--vertical,
23205
- .v-slide-group--vertical .v-slide-group__container,
23206
- .v-slide-group--vertical .v-slide-group__content {
23207
- flex-direction: column;
23208
23208
  }.v-snackbar {
23209
23209
  justify-content: center;
23210
23210
  z-index: 10000;
@@ -23324,56 +23324,6 @@ html.v-overlay-scroll-blocked {
23324
23324
  }
23325
23325
  .v-snackbar-transition-leave-to {
23326
23326
  opacity: 0;
23327
- }.v-stepper.v-sheet {
23328
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23329
- border-radius: 4px;
23330
- overflow: hidden;
23331
- }
23332
- .v-stepper.v-sheet.v-stepper--flat {
23333
- 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));
23334
- }
23335
-
23336
- .v-stepper-header {
23337
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23338
- align-items: center;
23339
- display: flex;
23340
- position: relative;
23341
- overflow-x: auto;
23342
- justify-content: space-between;
23343
- z-index: 1;
23344
- }
23345
- .v-stepper-header .v-divider {
23346
- margin: 0 -16px;
23347
- }
23348
- .v-stepper-header .v-divider:last-child {
23349
- margin-inline-end: 0;
23350
- }
23351
- .v-stepper-header .v-divider:first-child {
23352
- margin-inline-start: 0;
23353
- }
23354
- .v-stepper--alt-labels .v-stepper-header {
23355
- height: auto;
23356
- }
23357
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23358
- align-self: flex-start;
23359
- margin: 35px -67px 0;
23360
- }
23361
-
23362
- .v-stepper-window {
23363
- margin: 1.5rem;
23364
- }
23365
-
23366
- .v-stepper-actions {
23367
- display: flex;
23368
- align-items: center;
23369
- justify-content: space-between;
23370
- padding: 1rem;
23371
- }
23372
- .v-stepper .v-stepper-actions {
23373
- padding: 0 1.5rem 1rem;
23374
- }
23375
- .v-stepper-window-item .v-stepper-actions {
23376
- padding: 1.5rem 0 0;
23377
23327
  }.v-stepper-item {
23378
23328
  align-items: center;
23379
23329
  align-self: stretch;
@@ -23440,6 +23390,56 @@ html.v-overlay-scroll-blocked {
23440
23390
  }
23441
23391
  .v-stepper--mobile .v-stepper-item__subtitle {
23442
23392
  display: none;
23393
+ }.v-stepper.v-sheet {
23394
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23395
+ border-radius: 4px;
23396
+ overflow: hidden;
23397
+ }
23398
+ .v-stepper.v-sheet.v-stepper--flat {
23399
+ 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));
23400
+ }
23401
+
23402
+ .v-stepper-header {
23403
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23404
+ align-items: center;
23405
+ display: flex;
23406
+ position: relative;
23407
+ overflow-x: auto;
23408
+ justify-content: space-between;
23409
+ z-index: 1;
23410
+ }
23411
+ .v-stepper-header .v-divider {
23412
+ margin: 0 -16px;
23413
+ }
23414
+ .v-stepper-header .v-divider:last-child {
23415
+ margin-inline-end: 0;
23416
+ }
23417
+ .v-stepper-header .v-divider:first-child {
23418
+ margin-inline-start: 0;
23419
+ }
23420
+ .v-stepper--alt-labels .v-stepper-header {
23421
+ height: auto;
23422
+ }
23423
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23424
+ align-self: flex-start;
23425
+ margin: 35px -67px 0;
23426
+ }
23427
+
23428
+ .v-stepper-window {
23429
+ margin: 1.5rem;
23430
+ }
23431
+
23432
+ .v-stepper-actions {
23433
+ display: flex;
23434
+ align-items: center;
23435
+ justify-content: space-between;
23436
+ padding: 1rem;
23437
+ }
23438
+ .v-stepper .v-stepper-actions {
23439
+ padding: 0 1.5rem 1rem;
23440
+ }
23441
+ .v-stepper-window-item .v-stepper-actions {
23442
+ padding: 1.5rem 0 0;
23443
23443
  }.v-switch .v-label {
23444
23444
  padding-inline-start: 10px;
23445
23445
  }
@@ -23591,35 +23591,6 @@ html.v-overlay-scroll-blocked {
23591
23591
  }
23592
23592
  .v-system-bar:not(.v-system-bar--absolute) {
23593
23593
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23594
- }.v-tab.v-tab.v-btn {
23595
- height: var(--v-tabs-height);
23596
- border-radius: 0;
23597
- min-width: 90px;
23598
- }
23599
- .v-slide-group--horizontal .v-tab {
23600
- max-width: 360px;
23601
- }
23602
- .v-slide-group--vertical .v-tab {
23603
- justify-content: start;
23604
- }
23605
-
23606
- .v-tab__slider {
23607
- position: absolute;
23608
- bottom: 0;
23609
- left: 0;
23610
- height: 2px;
23611
- width: 100%;
23612
- background: currentColor;
23613
- pointer-events: none;
23614
- opacity: 0;
23615
- }
23616
- .v-tab--selected .v-tab__slider {
23617
- opacity: 1;
23618
- }
23619
- .v-slide-group--vertical .v-tab__slider {
23620
- top: 0;
23621
- height: 100%;
23622
- width: 2px;
23623
23594
  }.v-tabs {
23624
23595
  display: flex;
23625
23596
  height: var(--v-tabs-height);
@@ -23686,6 +23657,35 @@ html.v-overlay-scroll-blocked {
23686
23657
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23687
23658
  margin-inline-end: 52px;
23688
23659
  }
23660
+ }.v-tab.v-tab.v-btn {
23661
+ height: var(--v-tabs-height);
23662
+ border-radius: 0;
23663
+ min-width: 90px;
23664
+ }
23665
+ .v-slide-group--horizontal .v-tab {
23666
+ max-width: 360px;
23667
+ }
23668
+ .v-slide-group--vertical .v-tab {
23669
+ justify-content: start;
23670
+ }
23671
+
23672
+ .v-tab__slider {
23673
+ position: absolute;
23674
+ bottom: 0;
23675
+ left: 0;
23676
+ height: 2px;
23677
+ width: 100%;
23678
+ background: currentColor;
23679
+ pointer-events: none;
23680
+ opacity: 0;
23681
+ }
23682
+ .v-tab--selected .v-tab__slider {
23683
+ opacity: 1;
23684
+ }
23685
+ .v-slide-group--vertical .v-tab__slider {
23686
+ top: 0;
23687
+ height: 100%;
23688
+ width: 2px;
23689
23689
  }.v-table {
23690
23690
  background: rgb(var(--v-theme-surface));
23691
23691
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23930,9 +23930,6 @@ html.v-overlay-scroll-blocked {
23930
23930
  }
23931
23931
  .v-textarea textarea:invalid {
23932
23932
  box-shadow: none;
23933
- }.v-theme-provider {
23934
- background: rgb(var(--v-theme-background));
23935
- color: rgb(var(--v-theme-on-background));
23936
23933
  }.v-timeline .v-timeline-divider__dot {
23937
23934
  background: rgb(var(--v-theme-surface-light));
23938
23935
  }
@@ -24349,6 +24346,9 @@ html.v-overlay-scroll-blocked {
24349
24346
 
24350
24347
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24351
24348
  padding-inline-end: 0;
24349
+ }.v-theme-provider {
24350
+ background: rgb(var(--v-theme-background));
24351
+ color: rgb(var(--v-theme-on-background));
24352
24352
  }.v-toolbar {
24353
24353
  align-items: flex-start;
24354
24354
  display: flex;
@@ -24497,6 +24497,15 @@ html.v-overlay-scroll-blocked {
24497
24497
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24498
24498
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24499
24499
  transition-duration: 75ms;
24500
+ }.v-virtual-scroll {
24501
+ display: block;
24502
+ flex: 1 1 auto;
24503
+ max-width: 100%;
24504
+ overflow: auto;
24505
+ position: relative;
24506
+ }
24507
+ .v-virtual-scroll__container {
24508
+ display: block;
24500
24509
  }.v-window {
24501
24510
  overflow: hidden;
24502
24511
  }
@@ -24566,15 +24575,69 @@ html.v-overlay-scroll-blocked {
24566
24575
  }
24567
24576
  .v-window-y-reverse-transition-leave-to {
24568
24577
  transform: translateY(100%);
24569
- }.v-virtual-scroll {
24570
- display: block;
24571
- flex: 1 1 auto;
24572
- max-width: 100%;
24573
- overflow: auto;
24578
+ }.v-color-picker-edit {
24579
+ display: flex;
24580
+ margin-top: 24px;
24581
+ }
24582
+
24583
+ .v-color-picker-edit__input {
24584
+ width: 100%;
24585
+ display: flex;
24586
+ flex-wrap: wrap;
24587
+ justify-content: center;
24588
+ text-align: center;
24589
+ }
24590
+ .v-color-picker-edit__input:not(:last-child) {
24591
+ margin-inline-end: 8px;
24592
+ }
24593
+ .v-color-picker-edit__input input {
24594
+ border-radius: 4px;
24595
+ margin-bottom: 8px;
24596
+ min-width: 0;
24597
+ outline: none;
24598
+ text-align: center;
24599
+ width: 100%;
24600
+ height: 32px;
24601
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24602
+ color: rgba(var(--v-theme-on-surface));
24603
+ }
24604
+ .v-color-picker-edit__input span {
24605
+ font-size: 0.75rem;
24606
+ }.v-color-picker-swatches {
24607
+ overflow-y: auto;
24608
+ }
24609
+ .v-color-picker-swatches > div {
24610
+ display: flex;
24611
+ flex-wrap: wrap;
24612
+ justify-content: center;
24613
+ padding: 8px;
24614
+ }
24615
+
24616
+ .v-color-picker-swatches__swatch {
24617
+ display: flex;
24618
+ flex-direction: column;
24619
+ margin-bottom: 10px;
24620
+ }
24621
+
24622
+ .v-color-picker-swatches__color {
24574
24623
  position: relative;
24624
+ height: 18px;
24625
+ max-height: 18px;
24626
+ width: 45px;
24627
+ margin: 2px 4px;
24628
+ border-radius: 2px;
24629
+ -webkit-user-select: none;
24630
+ user-select: none;
24631
+ overflow: hidden;
24632
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24633
+ cursor: pointer;
24575
24634
  }
24576
- .v-virtual-scroll__container {
24577
- display: block;
24635
+ .v-color-picker-swatches__color > div {
24636
+ display: flex;
24637
+ align-items: center;
24638
+ justify-content: center;
24639
+ width: 100%;
24640
+ height: 100%;
24578
24641
  }.v-color-picker-canvas {
24579
24642
  display: flex;
24580
24643
  position: relative;
@@ -24666,69 +24729,6 @@ html.v-overlay-scroll-blocked {
24666
24729
  .v-color-picker-preview__eye-dropper {
24667
24730
  position: relative;
24668
24731
  margin-right: 12px;
24669
- }.v-color-picker-edit {
24670
- display: flex;
24671
- margin-top: 24px;
24672
- }
24673
-
24674
- .v-color-picker-edit__input {
24675
- width: 100%;
24676
- display: flex;
24677
- flex-wrap: wrap;
24678
- justify-content: center;
24679
- text-align: center;
24680
- }
24681
- .v-color-picker-edit__input:not(:last-child) {
24682
- margin-inline-end: 8px;
24683
- }
24684
- .v-color-picker-edit__input input {
24685
- border-radius: 4px;
24686
- margin-bottom: 8px;
24687
- min-width: 0;
24688
- outline: none;
24689
- text-align: center;
24690
- width: 100%;
24691
- height: 32px;
24692
- background: rgba(var(--v-theme-surface-variant), 0.2);
24693
- color: rgba(var(--v-theme-on-surface));
24694
- }
24695
- .v-color-picker-edit__input span {
24696
- font-size: 0.75rem;
24697
- }.v-color-picker-swatches {
24698
- overflow-y: auto;
24699
- }
24700
- .v-color-picker-swatches > div {
24701
- display: flex;
24702
- flex-wrap: wrap;
24703
- justify-content: center;
24704
- padding: 8px;
24705
- }
24706
-
24707
- .v-color-picker-swatches__swatch {
24708
- display: flex;
24709
- flex-direction: column;
24710
- margin-bottom: 10px;
24711
- }
24712
-
24713
- .v-color-picker-swatches__color {
24714
- position: relative;
24715
- height: 18px;
24716
- max-height: 18px;
24717
- width: 45px;
24718
- margin: 2px 4px;
24719
- border-radius: 2px;
24720
- -webkit-user-select: none;
24721
- user-select: none;
24722
- overflow: hidden;
24723
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24724
- cursor: pointer;
24725
- }
24726
- .v-color-picker-swatches__color > div {
24727
- display: flex;
24728
- align-items: center;
24729
- justify-content: center;
24730
- width: 100%;
24731
- height: 100%;
24732
24732
  }.v-picker.v-sheet {
24733
24733
  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));
24734
24734
  border-radius: 4px;