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

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-25
2
+ * Vuetify v3.5.3-dev.2024-03-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18226,19 +18226,62 @@ 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-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18230
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
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));
18231
18243
  }
18232
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18233
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18244
+ .v-btn-group--border {
18245
+ border-width: thin;
18246
+ box-shadow: none;
18234
18247
  }
18235
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18236
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18248
+ .v-btn-group--density-default.v-btn-group {
18249
+ height: 48px;
18237
18250
  }
18238
- @supports not selector(:focus-visible) {
18239
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18240
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18241
- }
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;
18242
18285
  }.v-card {
18243
18286
  display: block;
18244
18287
  overflow: hidden;
@@ -18535,6 +18578,19 @@ html.overflow-y-hidden {
18535
18578
  pointer-events: none;
18536
18579
  opacity: 0;
18537
18580
  transition: opacity 0.2s ease-in-out;
18581
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18582
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18583
+ }
18584
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18585
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18586
+ }
18587
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18588
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18589
+ }
18590
+ @supports not selector(:focus-visible) {
18591
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18592
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18593
+ }
18538
18594
  }.v-carousel {
18539
18595
  overflow: hidden;
18540
18596
  position: relative;
@@ -18598,62 +18654,6 @@ html.overflow-y-hidden {
18598
18654
  flex-direction: column;
18599
18655
  height: 100% !important;
18600
18656
  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,82 @@ 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-controls {
20059
+ display: flex;
20060
+ align-items: center;
20061
+ justify-content: space-between;
20062
+ font-size: 0.875rem;
20063
+ padding-top: 4px;
20064
+ padding-bottom: 4px;
20065
+ padding-inline-start: 6px;
20066
+ padding-inline-end: 12px;
20067
+ }
20068
+ .v-date-picker-controls > .v-btn:first-child {
20069
+ text-transform: none;
20070
+ font-weight: 400;
20071
+ line-height: initial;
20072
+ letter-spacing: initial;
20073
+ }
20074
+ .v-date-picker-controls--variant-classic {
20075
+ padding-inline-start: 12px;
20076
+ }
20077
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20078
+ opacity: 0.7;
20079
+ }
20080
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20081
+ cursor: pointer;
20082
+ }
20083
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20084
+ opacity: 1;
20085
+ }
20086
+ .v-date-picker-controls .v-btn:last-child {
20087
+ margin-inline-start: 4px;
20088
+ }
20089
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20090
+ transform: rotate(180deg);
20091
+ }
20092
+
20093
+ .v-date-picker-controls__date {
20094
+ margin-inline-end: 4px;
20095
+ }
20096
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20097
+ margin: auto;
20098
+ text-align: center;
20099
+ }
20100
+
20101
+ .v-date-picker-controls__month {
20102
+ display: flex;
20103
+ }
20104
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20105
+ flex-direction: row-reverse;
20106
+ }
20107
+
20108
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20109
+ flex: 1 0 auto;
20110
+ }
20111
+
20112
+ .v-date-picker__title {
20113
+ display: inline-block;
20114
+ }.v-date-picker-months {
20115
+ height: 320px;
20116
+ overflow-y: scroll;
20117
+ }
20118
+
20119
+ .v-date-picker-months__content {
20120
+ align-items: center;
20121
+ display: grid;
20122
+ flex: 1 1;
20123
+ height: inherit;
20124
+ justify-content: space-around;
20125
+ grid-template-columns: repeat(2, 1fr);
20126
+ grid-gap: 4px 24px;
20127
+ padding-inline-start: 36px;
20128
+ padding-inline-end: 36px;
20129
+ }
20130
+ .v-date-picker-months__content .v-btn {
20131
+ text-transform: none;
20132
+ padding-inline-start: 8px;
20133
+ padding-inline-end: 8px;
20058
20134
  }.v-date-picker-header {
20059
20135
  display: grid;
20060
20136
  grid-template-areas: "prepend content append";
@@ -20113,6 +20189,21 @@ html.overflow-y-hidden {
20113
20189
  .date-picker-header-reverse-transition-leave-to {
20114
20190
  opacity: 0;
20115
20191
  transform: translate(0, 100%);
20192
+ }.v-date-picker-years {
20193
+ height: 320px;
20194
+ overflow-y: scroll;
20195
+ }
20196
+
20197
+ .v-date-picker-years__content {
20198
+ display: grid;
20199
+ flex: 1 1;
20200
+ justify-content: space-around;
20201
+ grid-template-columns: repeat(3, 1fr);
20202
+ gap: 8px 24px;
20203
+ padding-inline: 36px;
20204
+ }
20205
+ .v-date-picker-years__content .v-btn {
20206
+ padding-inline: 8px;
20116
20207
  }.v-date-picker-month {
20117
20208
  display: flex;
20118
20209
  justify-content: center;
@@ -20162,113 +20253,22 @@ html.overflow-y-hidden {
20162
20253
 
20163
20254
  .v-date-picker-month__day--hide-adjacent {
20164
20255
  opacity: 0;
20165
- }.v-date-picker-controls {
20166
- display: flex;
20256
+ }.v-dialog {
20167
20257
  align-items: center;
20168
- justify-content: space-between;
20169
- font-size: 0.875rem;
20170
- padding-top: 4px;
20171
- padding-bottom: 4px;
20172
- padding-inline-start: 6px;
20173
- padding-inline-end: 12px;
20174
- }
20175
- .v-date-picker-controls > .v-btn:first-child {
20176
- text-transform: none;
20177
- font-weight: 400;
20178
- line-height: initial;
20179
- letter-spacing: initial;
20258
+ justify-content: center;
20259
+ margin: auto;
20180
20260
  }
20181
- .v-date-picker-controls--variant-classic {
20182
- padding-inline-start: 12px;
20261
+ .v-dialog > .v-overlay__content {
20262
+ max-height: calc(100% - 48px);
20263
+ width: calc(100% - 48px);
20264
+ max-width: calc(100% - 48px);
20265
+ margin: 24px;
20183
20266
  }
20184
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20185
- opacity: 0.7;
20186
- }
20187
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20188
- cursor: pointer;
20189
- }
20190
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20191
- opacity: 1;
20192
- }
20193
- .v-date-picker-controls .v-btn:last-child {
20194
- margin-inline-start: 4px;
20195
- }
20196
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20197
- transform: rotate(180deg);
20198
- }
20199
-
20200
- .v-date-picker-controls__date {
20201
- margin-inline-end: 4px;
20202
- }
20203
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20204
- margin: auto;
20205
- text-align: center;
20206
- }
20207
-
20208
- .v-date-picker-controls__month {
20209
- display: flex;
20210
- }
20211
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20212
- flex-direction: row-reverse;
20213
- }
20214
-
20215
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20216
- flex: 1 0 auto;
20217
- }
20218
-
20219
- .v-date-picker__title {
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;
20236
- }.v-date-picker-months {
20237
- height: 320px;
20238
- overflow-y: scroll;
20239
- }
20240
-
20241
- .v-date-picker-months__content {
20242
- align-items: center;
20243
- display: grid;
20244
- flex: 1 1;
20245
- height: inherit;
20246
- justify-content: space-around;
20247
- grid-template-columns: repeat(2, 1fr);
20248
- grid-gap: 4px 24px;
20249
- padding-inline-start: 36px;
20250
- padding-inline-end: 36px;
20251
- }
20252
- .v-date-picker-months__content .v-btn {
20253
- text-transform: none;
20254
- padding-inline-start: 8px;
20255
- padding-inline-end: 8px;
20256
- }.v-dialog {
20257
- align-items: center;
20258
- justify-content: center;
20259
- margin: auto;
20260
- }
20261
- .v-dialog > .v-overlay__content {
20262
- max-height: calc(100% - 48px);
20263
- width: calc(100% - 48px);
20264
- max-width: calc(100% - 48px);
20265
- margin: 24px;
20266
- }
20267
- .v-dialog > .v-overlay__content,
20268
- .v-dialog > .v-overlay__content > form {
20269
- display: flex;
20270
- flex-direction: column;
20271
- min-height: 0;
20267
+ .v-dialog > .v-overlay__content,
20268
+ .v-dialog > .v-overlay__content > form {
20269
+ display: flex;
20270
+ flex-direction: column;
20271
+ min-height: 0;
20272
20272
  }
20273
20273
  .v-dialog > .v-overlay__content > .v-card,
20274
20274
  .v-dialog > .v-overlay__content > .v-sheet,
@@ -21438,6 +21438,21 @@ textarea.v-field__input::placeholder {
21438
21438
 
21439
21439
  .v-label--clickable {
21440
21440
  cursor: pointer;
21441
+ }.v-layout {
21442
+ --v-scrollbar-offset: 0px;
21443
+ display: flex;
21444
+ flex: 1 1 auto;
21445
+ }
21446
+ .v-layout--full-height {
21447
+ --v-scrollbar-offset: inherit;
21448
+ height: 100%;
21449
+ }.v-layout-item {
21450
+ position: absolute;
21451
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21452
+ }
21453
+
21454
+ .v-layout-item--absolute {
21455
+ position: absolute;
21441
21456
  }.v-list {
21442
21457
  overflow: auto;
21443
21458
  padding: 8px 0;
@@ -21989,23 +22004,21 @@ textarea.v-field__input::placeholder {
21989
22004
  }
21990
22005
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21991
22006
  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;
22007
+ }.v-locale-provider {
22008
+ display: contents;
22009
+ }.v-menu > .v-overlay__content {
22001
22010
  display: flex;
22002
- flex: 1 1 auto;
22011
+ flex-direction: column;
22012
+ border-radius: 4px;
22003
22013
  }
22004
- .v-layout--full-height {
22005
- --v-scrollbar-offset: inherit;
22014
+ .v-menu > .v-overlay__content > .v-card,
22015
+ .v-menu > .v-overlay__content > .v-sheet,
22016
+ .v-menu > .v-overlay__content > .v-list {
22017
+ background: rgb(var(--v-theme-surface));
22018
+ border-radius: inherit;
22019
+ overflow: auto;
22006
22020
  height: 100%;
22007
- }.v-locale-provider {
22008
- display: contents;
22021
+ 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));
22009
22022
  }.v-main {
22010
22023
  flex: 1 0 auto;
22011
22024
  max-width: 100%;
@@ -22034,19 +22047,6 @@ textarea.v-field__input::placeholder {
22034
22047
  --v-layout-right: 0px;
22035
22048
  --v-layout-top: 0px;
22036
22049
  --v-layout-bottom: 0px;
22037
- }.v-menu > .v-overlay__content {
22038
- display: flex;
22039
- flex-direction: column;
22040
- border-radius: 4px;
22041
- }
22042
- .v-menu > .v-overlay__content > .v-card,
22043
- .v-menu > .v-overlay__content > .v-sheet,
22044
- .v-menu > .v-overlay__content > .v-list {
22045
- background: rgb(var(--v-theme-surface));
22046
- border-radius: inherit;
22047
- overflow: auto;
22048
- height: 100%;
22049
- 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));
22050
22050
  }.v-messages {
22051
22051
  flex: 1 1 auto;
22052
22052
  font-size: 12px;
@@ -22606,18 +22606,6 @@ html.v-overlay-scroll-blocked {
22606
22606
  0% {
22607
22607
  background-position-x: var(--v-progress-linear-height);
22608
22608
  }
22609
- }.v-radio-group > .v-input__control {
22610
- flex-direction: column;
22611
- }
22612
- .v-radio-group > .v-input__control > .v-label {
22613
- margin-inline-start: 16px;
22614
- }
22615
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22616
- padding-inline-start: 6px;
22617
- margin-top: 8px;
22618
- }
22619
- .v-radio-group .v-input__details {
22620
- padding-inline: 16px;
22621
22609
  }.v-slider .v-slider__container input {
22622
22610
  cursor: default;
22623
22611
  padding: 0;
@@ -22675,6 +22663,18 @@ html.v-overlay-scroll-blocked {
22675
22663
 
22676
22664
  .v-slider__label {
22677
22665
  margin-inline-end: 12px;
22666
+ }.v-radio-group > .v-input__control {
22667
+ flex-direction: column;
22668
+ }
22669
+ .v-radio-group > .v-input__control > .v-label {
22670
+ margin-inline-start: 16px;
22671
+ }
22672
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22673
+ padding-inline-start: 6px;
22674
+ margin-top: 8px;
22675
+ }
22676
+ .v-radio-group .v-input__details {
22677
+ padding-inline: 16px;
22678
22678
  }.v-rating {
22679
22679
  max-width: 100%;
22680
22680
  display: inline-flex;
@@ -22803,6 +22803,14 @@ html.v-overlay-scroll-blocked {
22803
22803
  .v-select--active-menu .v-select__menu-icon {
22804
22804
  opacity: var(--v-high-emphasis-opacity);
22805
22805
  transform: rotate(180deg);
22806
+ }.v-selection-control-group {
22807
+ grid-area: control;
22808
+ display: flex;
22809
+ flex-direction: column;
22810
+ }
22811
+ .v-selection-control-group--inline {
22812
+ flex-direction: row;
22813
+ flex-wrap: wrap;
22806
22814
  }.v-selection-control {
22807
22815
  align-items: center;
22808
22816
  contain: layout;
@@ -22904,14 +22912,6 @@ html.v-overlay-scroll-blocked {
22904
22912
  }
22905
22913
  .v-selection-control--focus-visible .v-selection-control__input::before {
22906
22914
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22907
- }.v-selection-control-group {
22908
- grid-area: control;
22909
- display: flex;
22910
- flex-direction: column;
22911
- }
22912
- .v-selection-control-group--inline {
22913
- flex-direction: row;
22914
- flex-wrap: wrap;
22915
22915
  }.v-sheet {
22916
22916
  display: block;
22917
22917
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22940,48 +22940,6 @@ 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;
22985
22943
  }.v-skeleton-loader {
22986
22944
  align-items: center;
22987
22945
  background: rgb(var(--v-theme-surface));
@@ -23205,33 +23163,75 @@ html.v-overlay-scroll-blocked {
23205
23163
  100% {
23206
23164
  transform: translateX(100%);
23207
23165
  }
23208
- }.v-snackbar {
23209
- justify-content: center;
23210
- z-index: 10000;
23211
- margin: 8px;
23212
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23213
- }
23214
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23215
- align-items: flex-end;
23216
- }
23217
- .v-snackbar__wrapper {
23218
- align-items: center;
23166
+ }.v-slide-group {
23219
23167
  display: flex;
23220
- max-width: 672px;
23221
- min-height: 48px;
23222
- min-width: 344px;
23223
23168
  overflow: hidden;
23224
- padding: 0;
23225
- border-radius: 4px;
23226
23169
  }
23227
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23228
- background: transparent;
23229
- color: inherit;
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;
23230
23179
  }
23231
- .v-snackbar--variant-plain {
23232
- opacity: 0.62;
23180
+ .v-slide-group__next--disabled,
23181
+ .v-slide-group__prev--disabled {
23182
+ pointer-events: none;
23183
+ opacity: var(--v-disabled-opacity);
23233
23184
  }
23234
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
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
+ }.v-snackbar {
23209
+ justify-content: center;
23210
+ z-index: 10000;
23211
+ margin: 8px;
23212
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23213
+ }
23214
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23215
+ align-items: flex-end;
23216
+ }
23217
+ .v-snackbar__wrapper {
23218
+ align-items: center;
23219
+ display: flex;
23220
+ max-width: 672px;
23221
+ min-height: 48px;
23222
+ min-width: 344px;
23223
+ overflow: hidden;
23224
+ padding: 0;
23225
+ border-radius: 4px;
23226
+ }
23227
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23228
+ background: transparent;
23229
+ color: inherit;
23230
+ }
23231
+ .v-snackbar--variant-plain {
23232
+ opacity: 0.62;
23233
+ }
23234
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23235
23235
  opacity: 1;
23236
23236
  }
23237
23237
  .v-snackbar--variant-plain .v-snackbar__overlay {
@@ -23324,6 +23324,56 @@ 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;
23327
23377
  }.v-stepper-item {
23328
23378
  align-items: center;
23329
23379
  align-self: stretch;
@@ -23390,56 +23440,6 @@ html.v-overlay-scroll-blocked {
23390
23440
  }
23391
23441
  .v-stepper--mobile .v-stepper-item__subtitle {
23392
23442
  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,6 +23591,35 @@ 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;
23594
23623
  }.v-tabs {
23595
23624
  display: flex;
23596
23625
  height: var(--v-tabs-height);
@@ -23657,35 +23686,6 @@ html.v-overlay-scroll-blocked {
23657
23686
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23658
23687
  margin-inline-end: 52px;
23659
23688
  }
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,6 +23930,9 @@ 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));
23933
23936
  }.v-timeline .v-timeline-divider__dot {
23934
23937
  background: rgb(var(--v-theme-surface-light));
23935
23938
  }
@@ -24346,9 +24349,6 @@ html.v-overlay-scroll-blocked {
24346
24349
 
24347
24350
  .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 {
24348
24351
  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;
@@ -24575,6 +24575,75 @@ html.v-overlay-scroll-blocked {
24575
24575
  }
24576
24576
  .v-window-y-reverse-transition-leave-to {
24577
24577
  transform: translateY(100%);
24578
+ }.v-color-picker-preview__alpha .v-slider-track__background {
24579
+ background-color: transparent !important;
24580
+ }
24581
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
24582
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
24583
+ }
24584
+
24585
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
24586
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
24587
+ }
24588
+
24589
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
24590
+ content: "";
24591
+ z-index: -1;
24592
+ left: 0;
24593
+ top: 0;
24594
+ width: 100%;
24595
+ height: 100%;
24596
+ position: absolute;
24597
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24598
+ border-radius: inherit;
24599
+ }
24600
+
24601
+ .v-color-picker-preview__sliders {
24602
+ display: flex;
24603
+ flex: 1 0 auto;
24604
+ flex-direction: column;
24605
+ }
24606
+
24607
+ .v-color-picker-preview__dot {
24608
+ position: relative;
24609
+ height: 30px;
24610
+ width: 30px;
24611
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24612
+ border-radius: 50%;
24613
+ overflow: hidden;
24614
+ margin-inline-end: 24px;
24615
+ }
24616
+ .v-color-picker-preview__dot > div {
24617
+ width: 100%;
24618
+ height: 100%;
24619
+ }
24620
+
24621
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24622
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24623
+ }
24624
+
24625
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24626
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24627
+ }
24628
+
24629
+ .v-color-picker-preview__track {
24630
+ position: relative;
24631
+ width: 100%;
24632
+ margin: 0 !important;
24633
+ }
24634
+ .v-color-picker-preview__track .v-slider-track__fill {
24635
+ display: none;
24636
+ }
24637
+
24638
+ .v-color-picker-preview {
24639
+ align-items: center;
24640
+ display: flex;
24641
+ margin-bottom: 0;
24642
+ }
24643
+
24644
+ .v-color-picker-preview__eye-dropper {
24645
+ position: relative;
24646
+ margin-right: 12px;
24578
24647
  }.v-color-picker-edit {
24579
24648
  display: flex;
24580
24649
  margin-top: 24px;
@@ -24660,75 +24729,6 @@ html.v-overlay-scroll-blocked {
24660
24729
  }
24661
24730
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24662
24731
  will-change: transform;
24663
- }.v-color-picker-preview__alpha .v-slider-track__background {
24664
- background-color: transparent !important;
24665
- }
24666
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
24667
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
24668
- }
24669
-
24670
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
24671
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
24672
- }
24673
-
24674
- .v-color-picker-preview__alpha .v-slider-track__background::after {
24675
- content: "";
24676
- z-index: -1;
24677
- left: 0;
24678
- top: 0;
24679
- width: 100%;
24680
- height: 100%;
24681
- position: absolute;
24682
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24683
- border-radius: inherit;
24684
- }
24685
-
24686
- .v-color-picker-preview__sliders {
24687
- display: flex;
24688
- flex: 1 0 auto;
24689
- flex-direction: column;
24690
- }
24691
-
24692
- .v-color-picker-preview__dot {
24693
- position: relative;
24694
- height: 30px;
24695
- width: 30px;
24696
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24697
- border-radius: 50%;
24698
- overflow: hidden;
24699
- margin-inline-end: 24px;
24700
- }
24701
- .v-color-picker-preview__dot > div {
24702
- width: 100%;
24703
- height: 100%;
24704
- }
24705
-
24706
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24707
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24708
- }
24709
-
24710
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24711
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24712
- }
24713
-
24714
- .v-color-picker-preview__track {
24715
- position: relative;
24716
- width: 100%;
24717
- margin: 0 !important;
24718
- }
24719
- .v-color-picker-preview__track .v-slider-track__fill {
24720
- display: none;
24721
- }
24722
-
24723
- .v-color-picker-preview {
24724
- align-items: center;
24725
- display: flex;
24726
- margin-bottom: 0;
24727
- }
24728
-
24729
- .v-color-picker-preview__eye-dropper {
24730
- position: relative;
24731
- margin-right: 12px;
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;