@vuetify/nightly 3.4.0-dev.2023-12-01 → 3.4.0-dev.2023-12-07

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.4.0-dev.2023-12-01
2
+ * Vuetify v3.4.0-dev.2023-12-07
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17009,87 +17009,6 @@ html.overflow-y-hidden {
17009
17009
  }
17010
17010
  .v-app-bar:not(.v-toolbar--absolute) {
17011
17011
  padding-inline-end: var(--v-scrollbar-offset);
17012
- }.v-autocomplete .v-field .v-text-field__prefix,
17013
- .v-autocomplete .v-field .v-text-field__suffix,
17014
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17015
- cursor: text;
17016
- }
17017
- .v-autocomplete .v-field .v-field__input > input {
17018
- flex: 1 1;
17019
- }
17020
- .v-autocomplete .v-field input {
17021
- min-width: 64px;
17022
- }
17023
- .v-autocomplete .v-field:not(.v-field--focused) input {
17024
- min-width: 0;
17025
- }
17026
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17027
- margin-inline-end: 2px;
17028
- }
17029
- .v-autocomplete .v-autocomplete__selection-text {
17030
- overflow: hidden;
17031
- text-overflow: ellipsis;
17032
- white-space: nowrap;
17033
- }
17034
-
17035
- .v-autocomplete__content {
17036
- overflow: hidden;
17037
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17038
- border-radius: 4px;
17039
- }
17040
- .v-autocomplete__mask {
17041
- background: rgb(var(--v-theme-on-surface-variant));
17042
- }
17043
- .v-autocomplete__selection {
17044
- display: inline-flex;
17045
- align-items: center;
17046
- height: 1.5rem;
17047
- letter-spacing: inherit;
17048
- line-height: inherit;
17049
- max-width: calc(100% - 2px);
17050
- }
17051
- .v-autocomplete__selection:first-child {
17052
- margin-inline-start: 0;
17053
- }
17054
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17055
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17056
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17057
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17058
- top: 0px;
17059
- }
17060
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17061
- opacity: var(--v-medium-emphasis-opacity);
17062
- }
17063
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17064
- opacity: 1;
17065
- }
17066
- .v-autocomplete--selecting-index .v-field__input > input {
17067
- caret-color: transparent;
17068
- }
17069
- .v-autocomplete--single.v-text-field input {
17070
- flex: 1 1;
17071
- position: absolute;
17072
- left: 0;
17073
- right: 0;
17074
- width: 100%;
17075
- padding-inline: inherit;
17076
- }
17077
- .v-autocomplete--single .v-field--active input {
17078
- transition: none;
17079
- }
17080
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17081
- opacity: 0;
17082
- }
17083
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17084
- opacity: 0;
17085
- }
17086
- .v-autocomplete__menu-icon {
17087
- margin-inline-start: 4px;
17088
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17089
- }
17090
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17091
- opacity: var(--v-high-emphasis-opacity);
17092
- transform: rotate(180deg);
17093
17012
  }.v-alert {
17094
17013
  display: grid;
17095
17014
  flex: 1 1;
@@ -17300,6 +17219,87 @@ html.overflow-y-hidden {
17300
17219
  text-transform: none;
17301
17220
  word-break: normal;
17302
17221
  word-wrap: break-word;
17222
+ }.v-autocomplete .v-field .v-text-field__prefix,
17223
+ .v-autocomplete .v-field .v-text-field__suffix,
17224
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17225
+ cursor: text;
17226
+ }
17227
+ .v-autocomplete .v-field .v-field__input > input {
17228
+ flex: 1 1;
17229
+ }
17230
+ .v-autocomplete .v-field input {
17231
+ min-width: 64px;
17232
+ }
17233
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17234
+ min-width: 0;
17235
+ }
17236
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17237
+ margin-inline-end: 2px;
17238
+ }
17239
+ .v-autocomplete .v-autocomplete__selection-text {
17240
+ overflow: hidden;
17241
+ text-overflow: ellipsis;
17242
+ white-space: nowrap;
17243
+ }
17244
+
17245
+ .v-autocomplete__content {
17246
+ overflow: hidden;
17247
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17248
+ border-radius: 4px;
17249
+ }
17250
+ .v-autocomplete__mask {
17251
+ background: rgb(var(--v-theme-on-surface-variant));
17252
+ }
17253
+ .v-autocomplete__selection {
17254
+ display: inline-flex;
17255
+ align-items: center;
17256
+ height: 1.5rem;
17257
+ letter-spacing: inherit;
17258
+ line-height: inherit;
17259
+ max-width: calc(100% - 2px);
17260
+ }
17261
+ .v-autocomplete__selection:first-child {
17262
+ margin-inline-start: 0;
17263
+ }
17264
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17265
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17266
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17267
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17268
+ top: 0px;
17269
+ }
17270
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17271
+ opacity: var(--v-medium-emphasis-opacity);
17272
+ }
17273
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17274
+ opacity: 1;
17275
+ }
17276
+ .v-autocomplete--selecting-index .v-field__input > input {
17277
+ caret-color: transparent;
17278
+ }
17279
+ .v-autocomplete--single.v-text-field input {
17280
+ flex: 1 1;
17281
+ position: absolute;
17282
+ left: 0;
17283
+ right: 0;
17284
+ width: 100%;
17285
+ padding-inline: inherit;
17286
+ }
17287
+ .v-autocomplete--single .v-field--active input {
17288
+ transition: none;
17289
+ }
17290
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17291
+ opacity: 0;
17292
+ }
17293
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17294
+ opacity: 0;
17295
+ }
17296
+ .v-autocomplete__menu-icon {
17297
+ margin-inline-start: 4px;
17298
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17299
+ }
17300
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17301
+ opacity: var(--v-high-emphasis-opacity);
17302
+ transform: rotate(180deg);
17303
17303
  }.v-avatar {
17304
17304
  flex: none;
17305
17305
  align-items: center;
@@ -19788,36 +19788,6 @@ html.overflow-y-hidden {
19788
19788
  flex: 0 1 auto;
19789
19789
  font-size: 12px;
19790
19790
  transition-duration: 150ms;
19791
- }.v-data-table-footer {
19792
- display: flex;
19793
- align-items: center;
19794
- flex-wrap: wrap;
19795
- padding: 0 8px;
19796
- justify-content: flex-end;
19797
- }
19798
-
19799
- .v-data-table-footer__items-per-page {
19800
- padding-inline-end: 24px;
19801
- display: flex;
19802
- align-items: center;
19803
- justify-content: space-between;
19804
- }
19805
- .v-data-table-footer__items-per-page > span {
19806
- padding-inline-end: 24px;
19807
- }
19808
-
19809
- .v-data-table-footer__info {
19810
- display: flex;
19811
- padding-inline-end: 24px;
19812
- }
19813
-
19814
- .v-data-table-footer__pagination {
19815
- display: flex;
19816
- align-items: center;
19817
- }
19818
-
19819
- .v-data-table-footer__page {
19820
- padding: 0 8px;
19821
19791
  }.v-data-table {
19822
19792
  width: 100%;
19823
19793
  }
@@ -19946,6 +19916,36 @@ html.overflow-y-hidden {
19946
19916
  .v-data-table-rows-loading,
19947
19917
  .v-data-table-rows-no-data {
19948
19918
  text-align: center;
19919
+ }.v-data-table-footer {
19920
+ display: flex;
19921
+ align-items: center;
19922
+ flex-wrap: wrap;
19923
+ padding: 0 8px;
19924
+ justify-content: flex-end;
19925
+ }
19926
+
19927
+ .v-data-table-footer__items-per-page {
19928
+ padding-inline-end: 24px;
19929
+ display: flex;
19930
+ align-items: center;
19931
+ justify-content: space-between;
19932
+ }
19933
+ .v-data-table-footer__items-per-page > span {
19934
+ padding-inline-end: 24px;
19935
+ }
19936
+
19937
+ .v-data-table-footer__info {
19938
+ display: flex;
19939
+ padding-inline-end: 24px;
19940
+ }
19941
+
19942
+ .v-data-table-footer__pagination {
19943
+ display: flex;
19944
+ align-items: center;
19945
+ }
19946
+
19947
+ .v-data-table-footer__page {
19948
+ padding: 0 8px;
19949
19949
  }.v-date-picker__input {
19950
19950
  padding-top: 16px;
19951
19951
  padding-left: 24px;
@@ -20023,55 +20023,26 @@ html.overflow-y-hidden {
20023
20023
 
20024
20024
  .v-date-picker__title {
20025
20025
  display: inline-block;
20026
- }.v-date-picker-month {
20027
- display: flex;
20028
- justify-content: center;
20029
- min-width: 328px;
20030
- --v-date-picker-month-day-diff: 4px;
20031
- }
20032
-
20033
- .v-date-picker-month__weeks {
20034
- display: grid;
20035
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20036
- row-gap: 4px;
20037
- font-size: 0.875rem;
20038
- }
20039
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20040
- grid-row-gap: 0;
20041
- }
20042
-
20043
- .v-date-picker-month__weekday {
20044
- font-size: 0.875rem;
20026
+ }.v-date-picker-months {
20027
+ height: 320px;
20028
+ overflow-y: scroll;
20045
20029
  }
20046
20030
 
20047
- .v-date-picker-month__days {
20031
+ .v-date-picker-months__content {
20032
+ align-items: center;
20048
20033
  display: grid;
20049
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20050
- row-gap: 4px;
20051
20034
  flex: 1 1;
20035
+ height: inherit;
20052
20036
  justify-content: space-around;
20037
+ grid-template-columns: repeat(2, 1fr);
20038
+ grid-gap: 4px 24px;
20039
+ padding-inline-start: 36px;
20040
+ padding-inline-end: 36px;
20053
20041
  }
20054
-
20055
- .v-date-picker-month__day {
20056
- align-items: center;
20057
- display: flex;
20058
- justify-content: center;
20059
- position: relative;
20060
- }
20061
- .v-date-picker-month__day--selected .v-btn {
20062
- background-color: rgb(var(--v-theme-surface-variant));
20063
- color: rgb(var(--v-theme-on-surface-variant));
20064
- }
20065
- .v-date-picker-month__day--week {
20066
- font-size: var(--v-btn-size);
20067
- }
20068
-
20069
- .v-date-picker-month__day--adjacent {
20070
- opacity: 0.5;
20071
- }
20072
-
20073
- .v-date-picker-month__day--hide-adjacent {
20074
- opacity: 0;
20042
+ .v-date-picker-months__content .v-btn {
20043
+ text-transform: none;
20044
+ padding-inline-start: 8px;
20045
+ padding-inline-end: 8px;
20075
20046
  }.v-date-picker-header {
20076
20047
  display: grid;
20077
20048
  grid-template-areas: "prepend content append";
@@ -20133,6 +20104,55 @@ html.overflow-y-hidden {
20133
20104
  .date-picker-header-reverse-transition-leave-to {
20134
20105
  opacity: 0;
20135
20106
  transform: translate(0, 100%);
20107
+ }.v-date-picker-month {
20108
+ display: flex;
20109
+ justify-content: center;
20110
+ min-width: 328px;
20111
+ --v-date-picker-month-day-diff: 4px;
20112
+ }
20113
+
20114
+ .v-date-picker-month__weeks {
20115
+ display: grid;
20116
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20117
+ row-gap: 4px;
20118
+ font-size: 0.875rem;
20119
+ }
20120
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20121
+ grid-row-gap: 0;
20122
+ }
20123
+
20124
+ .v-date-picker-month__weekday {
20125
+ font-size: 0.875rem;
20126
+ }
20127
+
20128
+ .v-date-picker-month__days {
20129
+ display: grid;
20130
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20131
+ row-gap: 4px;
20132
+ flex: 1 1;
20133
+ justify-content: space-around;
20134
+ }
20135
+
20136
+ .v-date-picker-month__day {
20137
+ align-items: center;
20138
+ display: flex;
20139
+ justify-content: center;
20140
+ position: relative;
20141
+ }
20142
+ .v-date-picker-month__day--selected .v-btn {
20143
+ background-color: rgb(var(--v-theme-surface-variant));
20144
+ color: rgb(var(--v-theme-on-surface-variant));
20145
+ }
20146
+ .v-date-picker-month__day--week {
20147
+ font-size: var(--v-btn-size);
20148
+ }
20149
+
20150
+ .v-date-picker-month__day--adjacent {
20151
+ opacity: 0.5;
20152
+ }
20153
+
20154
+ .v-date-picker-month__day--hide-adjacent {
20155
+ opacity: 0;
20136
20156
  }.v-date-picker-years {
20137
20157
  height: 320px;
20138
20158
  overflow-y: scroll;
@@ -20148,26 +20168,6 @@ html.overflow-y-hidden {
20148
20168
  }
20149
20169
  .v-date-picker-years__content .v-btn {
20150
20170
  padding-inline: 8px;
20151
- }.v-date-picker-months {
20152
- height: 320px;
20153
- overflow-y: scroll;
20154
- }
20155
-
20156
- .v-date-picker-months__content {
20157
- align-items: center;
20158
- display: grid;
20159
- flex: 1 1;
20160
- height: inherit;
20161
- justify-content: space-around;
20162
- grid-template-columns: repeat(2, 1fr);
20163
- grid-gap: 4px 24px;
20164
- padding-inline-start: 36px;
20165
- padding-inline-end: 36px;
20166
- }
20167
- .v-date-picker-months__content .v-btn {
20168
- text-transform: none;
20169
- padding-inline-start: 8px;
20170
- padding-inline-end: 8px;
20171
20171
  }.v-dialog {
20172
20172
  align-items: center;
20173
20173
  justify-content: center;
@@ -21117,31 +21117,6 @@ textarea.v-field__input::placeholder {
21117
21117
 
21118
21118
  .v-icon--end {
21119
21119
  margin-inline-start: 8px;
21120
- }.v-infinite-scroll--horizontal {
21121
- display: flex;
21122
- flex-direction: row;
21123
- overflow-x: auto;
21124
- }
21125
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21126
- height: 100%;
21127
- width: 1px;
21128
- }
21129
-
21130
- .v-infinite-scroll--vertical {
21131
- display: flex;
21132
- flex-direction: column;
21133
- overflow-y: auto;
21134
- }
21135
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21136
- height: 1px;
21137
- width: 100%;
21138
- }
21139
-
21140
- .v-infinite-scroll__side {
21141
- align-items: center;
21142
- display: flex;
21143
- justify-content: center;
21144
- padding: 8px;
21145
21120
  }.v-img {
21146
21121
  --v-theme-overlay-multiplier: 3;
21147
21122
  z-index: 0;
@@ -21178,6 +21153,31 @@ textarea.v-field__input::placeholder {
21178
21153
 
21179
21154
  .v-img__gradient {
21180
21155
  background-repeat: no-repeat;
21156
+ }.v-infinite-scroll--horizontal {
21157
+ display: flex;
21158
+ flex-direction: row;
21159
+ overflow-x: auto;
21160
+ }
21161
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21162
+ height: 100%;
21163
+ width: 1px;
21164
+ }
21165
+
21166
+ .v-infinite-scroll--vertical {
21167
+ display: flex;
21168
+ flex-direction: column;
21169
+ overflow-y: auto;
21170
+ }
21171
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21172
+ height: 1px;
21173
+ width: 100%;
21174
+ }
21175
+
21176
+ .v-infinite-scroll__side {
21177
+ align-items: center;
21178
+ display: flex;
21179
+ justify-content: center;
21180
+ padding: 8px;
21181
21181
  }.v-input {
21182
21182
  display: grid;
21183
21183
  flex: 1 1 auto;
@@ -21892,8 +21892,6 @@ textarea.v-field__input::placeholder {
21892
21892
  }
21893
21893
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21894
21894
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21895
- }.v-locale-provider {
21896
- display: contents;
21897
21895
  }.v-main {
21898
21896
  flex: 1 0 auto;
21899
21897
  max-width: 100%;
@@ -21922,6 +21920,8 @@ textarea.v-field__input::placeholder {
21922
21920
  --v-layout-right: 0px;
21923
21921
  --v-layout-top: 0px;
21924
21922
  --v-layout-bottom: 0px;
21923
+ }.v-locale-provider {
21924
+ display: contents;
21925
21925
  }.v-menu > .v-overlay__content {
21926
21926
  display: flex;
21927
21927
  flex-direction: column;
@@ -23209,122 +23209,6 @@ html.v-overlay-scroll-blocked {
23209
23209
  }
23210
23210
  .v-snackbar-transition-leave-to {
23211
23211
  opacity: 0;
23212
- }.v-stepper.v-sheet {
23213
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23214
- border-radius: 4px;
23215
- overflow: hidden;
23216
- }
23217
- .v-stepper.v-sheet.v-stepper--flat {
23218
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23219
- }
23220
-
23221
- .v-stepper-header {
23222
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23223
- align-items: center;
23224
- display: flex;
23225
- position: relative;
23226
- overflow-x: auto;
23227
- justify-content: space-between;
23228
- z-index: 1;
23229
- }
23230
- .v-stepper-header .v-divider {
23231
- margin: 0 -16px;
23232
- }
23233
- .v-stepper-header .v-divider:last-child {
23234
- margin-inline-end: 0;
23235
- }
23236
- .v-stepper-header .v-divider:first-child {
23237
- margin-inline-start: 0;
23238
- }
23239
- .v-stepper--alt-labels .v-stepper-header {
23240
- height: auto;
23241
- }
23242
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23243
- align-self: flex-start;
23244
- margin: 35px -67px 0;
23245
- }
23246
-
23247
- .v-stepper-window {
23248
- margin: 1.5rem;
23249
- }
23250
-
23251
- .v-stepper-actions {
23252
- display: flex;
23253
- align-items: center;
23254
- justify-content: space-between;
23255
- padding: 1rem;
23256
- }
23257
- .v-stepper .v-stepper-actions {
23258
- padding: 0 1.5rem 1rem;
23259
- }
23260
- .v-stepper-window-item .v-stepper-actions {
23261
- padding: 1.5rem 0 0;
23262
- }.v-stepper-item {
23263
- align-items: center;
23264
- align-self: stretch;
23265
- display: inline-flex;
23266
- flex: none;
23267
- opacity: var(--v-medium-emphasis-opacity);
23268
- padding: 1.5rem;
23269
- transition-duration: 0.2s;
23270
- transition-property: opacity;
23271
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23272
- }
23273
- .v-stepper-item--selected {
23274
- opacity: 1;
23275
- }
23276
- .v-stepper-item--error {
23277
- color: rgb(var(--v-theme-error));
23278
- }
23279
- .v-stepper-item--disabled {
23280
- opacity: var(--v-medium-emphasis-opacity);
23281
- pointer-events: none;
23282
- }
23283
- .v-stepper--alt-labels .v-stepper-item {
23284
- flex-direction: column;
23285
- justify-content: flex-start;
23286
- align-items: center;
23287
- flex-basis: 175px;
23288
- }
23289
-
23290
- .v-stepper-item__avatar.v-avatar {
23291
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23292
- color: rgb(var(--v-theme-on-surface-variant));
23293
- font-size: 0.75rem;
23294
- margin-inline-end: 8px;
23295
- }
23296
- .v-stepper-item__avatar.v-avatar .v-icon {
23297
- font-size: 0.875rem;
23298
- }
23299
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23300
- background: rgb(var(--v-theme-surface-variant));
23301
- }
23302
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23303
- background: rgb(var(--v-theme-error));
23304
- }
23305
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23306
- margin-bottom: 16px;
23307
- margin-inline-end: 0;
23308
- }
23309
-
23310
- .v-stepper-item__title {
23311
- line-height: 1;
23312
- }
23313
- .v-stepper--mobile .v-stepper-item__title {
23314
- display: none;
23315
- }
23316
-
23317
- .v-stepper-item__subtitle {
23318
- font-size: 0.75rem;
23319
- text-align: left;
23320
- line-height: 1;
23321
- opacity: var(--v-medium-emphasis-opacity);
23322
- }
23323
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23324
- text-align: center;
23325
- }
23326
- .v-stepper--mobile .v-stepper-item__subtitle {
23327
- display: none;
23328
23212
  }.v-switch .v-label {
23329
23213
  padding-inline-start: 10px;
23330
23214
  }
@@ -23699,45 +23583,6 @@ html.v-overlay-scroll-blocked {
23699
23583
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23700
23584
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23701
23585
  border-top: 0px !important;
23702
- }.v-textarea .v-field {
23703
- --v-textarea-control-height: var(--v-input-control-height);
23704
- }
23705
- .v-textarea .v-field__field {
23706
- --v-input-control-height: var(--v-textarea-control-height);
23707
- }
23708
- .v-textarea .v-field__input {
23709
- flex: 1 1 auto;
23710
- outline: none;
23711
- -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));
23712
- 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));
23713
- }
23714
- .v-textarea .v-field__input.v-textarea__sizer {
23715
- visibility: hidden;
23716
- position: absolute;
23717
- top: 0;
23718
- left: 0;
23719
- height: 0 !important;
23720
- min-height: 0 !important;
23721
- pointer-events: none;
23722
- }
23723
- .v-textarea--no-resize .v-field__input {
23724
- resize: none;
23725
- }
23726
- .v-textarea .v-field--no-label textarea,
23727
- .v-textarea .v-field--active textarea {
23728
- opacity: 1;
23729
- }
23730
- .v-textarea textarea {
23731
- opacity: 0;
23732
- flex: 1;
23733
- min-width: 0;
23734
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23735
- }
23736
- .v-textarea textarea:focus, .v-textarea textarea:active {
23737
- outline: none;
23738
- }
23739
- .v-textarea textarea:invalid {
23740
- box-shadow: none;
23741
23586
  }/* region BLOCK */
23742
23587
  .v-text-field input {
23743
23588
  color: inherit;
@@ -23801,7 +23646,46 @@ html.v-overlay-scroll-blocked {
23801
23646
  padding-inline-end: var(--v-field-padding-end);
23802
23647
  }
23803
23648
 
23804
- /* endregion */.v-theme-provider {
23649
+ /* endregion */.v-textarea .v-field {
23650
+ --v-textarea-control-height: var(--v-input-control-height);
23651
+ }
23652
+ .v-textarea .v-field__field {
23653
+ --v-input-control-height: var(--v-textarea-control-height);
23654
+ }
23655
+ .v-textarea .v-field__input {
23656
+ flex: 1 1 auto;
23657
+ outline: none;
23658
+ -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));
23659
+ 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));
23660
+ }
23661
+ .v-textarea .v-field__input.v-textarea__sizer {
23662
+ visibility: hidden;
23663
+ position: absolute;
23664
+ top: 0;
23665
+ left: 0;
23666
+ height: 0 !important;
23667
+ min-height: 0 !important;
23668
+ pointer-events: none;
23669
+ }
23670
+ .v-textarea--no-resize .v-field__input {
23671
+ resize: none;
23672
+ }
23673
+ .v-textarea .v-field--no-label textarea,
23674
+ .v-textarea .v-field--active textarea {
23675
+ opacity: 1;
23676
+ }
23677
+ .v-textarea textarea {
23678
+ opacity: 0;
23679
+ flex: 1;
23680
+ min-width: 0;
23681
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23682
+ }
23683
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23684
+ outline: none;
23685
+ }
23686
+ .v-textarea textarea:invalid {
23687
+ box-shadow: none;
23688
+ }.v-theme-provider {
23805
23689
  background: rgb(var(--v-theme-background));
23806
23690
  color: rgb(var(--v-theme-on-background));
23807
23691
  }.v-timeline .v-timeline-divider__dot {
@@ -24446,6 +24330,122 @@ html.v-overlay-scroll-blocked {
24446
24330
  }
24447
24331
  .v-window-y-reverse-transition-leave-to {
24448
24332
  transform: translateY(100%);
24333
+ }.v-stepper.v-sheet {
24334
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24335
+ border-radius: 4px;
24336
+ overflow: hidden;
24337
+ }
24338
+ .v-stepper.v-sheet.v-stepper--flat {
24339
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24340
+ }
24341
+
24342
+ .v-stepper-header {
24343
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24344
+ align-items: center;
24345
+ display: flex;
24346
+ position: relative;
24347
+ overflow-x: auto;
24348
+ justify-content: space-between;
24349
+ z-index: 1;
24350
+ }
24351
+ .v-stepper-header .v-divider {
24352
+ margin: 0 -16px;
24353
+ }
24354
+ .v-stepper-header .v-divider:last-child {
24355
+ margin-inline-end: 0;
24356
+ }
24357
+ .v-stepper-header .v-divider:first-child {
24358
+ margin-inline-start: 0;
24359
+ }
24360
+ .v-stepper--alt-labels .v-stepper-header {
24361
+ height: auto;
24362
+ }
24363
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24364
+ align-self: flex-start;
24365
+ margin: 35px -67px 0;
24366
+ }
24367
+
24368
+ .v-stepper-window {
24369
+ margin: 1.5rem;
24370
+ }
24371
+
24372
+ .v-stepper-actions {
24373
+ display: flex;
24374
+ align-items: center;
24375
+ justify-content: space-between;
24376
+ padding: 1rem;
24377
+ }
24378
+ .v-stepper .v-stepper-actions {
24379
+ padding: 0 1.5rem 1rem;
24380
+ }
24381
+ .v-stepper-window-item .v-stepper-actions {
24382
+ padding: 1.5rem 0 0;
24383
+ }.v-stepper-item {
24384
+ align-items: center;
24385
+ align-self: stretch;
24386
+ display: inline-flex;
24387
+ flex: none;
24388
+ opacity: var(--v-medium-emphasis-opacity);
24389
+ padding: 1.5rem;
24390
+ transition-duration: 0.2s;
24391
+ transition-property: opacity;
24392
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24393
+ }
24394
+ .v-stepper-item--selected {
24395
+ opacity: 1;
24396
+ }
24397
+ .v-stepper-item--error {
24398
+ color: rgb(var(--v-theme-error));
24399
+ }
24400
+ .v-stepper-item--disabled {
24401
+ opacity: var(--v-medium-emphasis-opacity);
24402
+ pointer-events: none;
24403
+ }
24404
+ .v-stepper--alt-labels .v-stepper-item {
24405
+ flex-direction: column;
24406
+ justify-content: flex-start;
24407
+ align-items: center;
24408
+ flex-basis: 175px;
24409
+ }
24410
+
24411
+ .v-stepper-item__avatar.v-avatar {
24412
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24413
+ color: rgb(var(--v-theme-on-surface-variant));
24414
+ font-size: 0.75rem;
24415
+ margin-inline-end: 8px;
24416
+ }
24417
+ .v-stepper-item__avatar.v-avatar .v-icon {
24418
+ font-size: 0.875rem;
24419
+ }
24420
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24421
+ background: rgb(var(--v-theme-surface-variant));
24422
+ }
24423
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24424
+ background: rgb(var(--v-theme-error));
24425
+ }
24426
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24427
+ margin-bottom: 16px;
24428
+ margin-inline-end: 0;
24429
+ }
24430
+
24431
+ .v-stepper-item__title {
24432
+ line-height: 1;
24433
+ }
24434
+ .v-stepper--mobile .v-stepper-item__title {
24435
+ display: none;
24436
+ }
24437
+
24438
+ .v-stepper-item__subtitle {
24439
+ font-size: 0.75rem;
24440
+ text-align: left;
24441
+ line-height: 1;
24442
+ opacity: var(--v-medium-emphasis-opacity);
24443
+ }
24444
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24445
+ text-align: center;
24446
+ }
24447
+ .v-stepper--mobile .v-stepper-item__subtitle {
24448
+ display: none;
24449
24449
  }.v-color-picker-canvas {
24450
24450
  display: flex;
24451
24451
  position: relative;