@vuetify/nightly 3.4.0-dev.2023-11-09 → 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-11-09
2
+ * Vuetify v3.4.0-dev.2023-12-07
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -20023,6 +20023,26 @@ html.overflow-y-hidden {
20023
20023
 
20024
20024
  .v-date-picker__title {
20025
20025
  display: inline-block;
20026
+ }.v-date-picker-months {
20027
+ height: 320px;
20028
+ overflow-y: scroll;
20029
+ }
20030
+
20031
+ .v-date-picker-months__content {
20032
+ align-items: center;
20033
+ display: grid;
20034
+ flex: 1 1;
20035
+ height: inherit;
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;
20041
+ }
20042
+ .v-date-picker-months__content .v-btn {
20043
+ text-transform: none;
20044
+ padding-inline-start: 8px;
20045
+ padding-inline-end: 8px;
20026
20046
  }.v-date-picker-header {
20027
20047
  display: grid;
20028
20048
  grid-template-areas: "prepend content append";
@@ -20133,26 +20153,6 @@ html.overflow-y-hidden {
20133
20153
 
20134
20154
  .v-date-picker-month__day--hide-adjacent {
20135
20155
  opacity: 0;
20136
- }.v-date-picker-months {
20137
- height: 320px;
20138
- overflow-y: scroll;
20139
- }
20140
-
20141
- .v-date-picker-months__content {
20142
- align-items: center;
20143
- display: grid;
20144
- flex: 1 1;
20145
- height: inherit;
20146
- justify-content: space-around;
20147
- grid-template-columns: repeat(2, 1fr);
20148
- grid-gap: 4px 24px;
20149
- padding-inline-start: 36px;
20150
- padding-inline-end: 36px;
20151
- }
20152
- .v-date-picker-months__content .v-btn {
20153
- text-transform: none;
20154
- padding-inline-start: 8px;
20155
- padding-inline-end: 8px;
20156
20156
  }.v-date-picker-years {
20157
20157
  height: 320px;
20158
20158
  overflow-y: scroll;
@@ -21124,6 +21124,9 @@ textarea.v-field__input::placeholder {
21124
21124
  .v-img--booting .v-responsive__sizer {
21125
21125
  transition: none;
21126
21126
  }
21127
+ .v-img--rounded {
21128
+ border-radius: 4px;
21129
+ }
21127
21130
 
21128
21131
  .v-img__img,
21129
21132
  .v-img__picture,
@@ -21889,8 +21892,6 @@ textarea.v-field__input::placeholder {
21889
21892
  }
21890
21893
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21891
21894
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21892
- }.v-locale-provider {
21893
- display: contents;
21894
21895
  }.v-main {
21895
21896
  flex: 1 0 auto;
21896
21897
  max-width: 100%;
@@ -21919,6 +21920,8 @@ textarea.v-field__input::placeholder {
21919
21920
  --v-layout-right: 0px;
21920
21921
  --v-layout-top: 0px;
21921
21922
  --v-layout-bottom: 0px;
21923
+ }.v-locale-provider {
21924
+ display: contents;
21922
21925
  }.v-menu > .v-overlay__content {
21923
21926
  display: flex;
21924
21927
  flex-direction: column;
@@ -23206,122 +23209,6 @@ html.v-overlay-scroll-blocked {
23206
23209
  }
23207
23210
  .v-snackbar-transition-leave-to {
23208
23211
  opacity: 0;
23209
- }.v-stepper.v-sheet {
23210
- 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));
23211
- border-radius: 4px;
23212
- overflow: hidden;
23213
- }
23214
- .v-stepper.v-sheet.v-stepper--flat {
23215
- 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));
23216
- }
23217
-
23218
- .v-stepper-header {
23219
- 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));
23220
- align-items: center;
23221
- display: flex;
23222
- position: relative;
23223
- overflow-x: auto;
23224
- justify-content: space-between;
23225
- z-index: 1;
23226
- }
23227
- .v-stepper-header .v-divider {
23228
- margin: 0 -16px;
23229
- }
23230
- .v-stepper-header .v-divider:last-child {
23231
- margin-inline-end: 0;
23232
- }
23233
- .v-stepper-header .v-divider:first-child {
23234
- margin-inline-start: 0;
23235
- }
23236
- .v-stepper--alt-labels .v-stepper-header {
23237
- height: auto;
23238
- }
23239
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23240
- align-self: flex-start;
23241
- margin: 35px -67px 0;
23242
- }
23243
-
23244
- .v-stepper-window {
23245
- margin: 1.5rem;
23246
- }
23247
-
23248
- .v-stepper-actions {
23249
- display: flex;
23250
- align-items: center;
23251
- justify-content: space-between;
23252
- padding: 1rem;
23253
- }
23254
- .v-stepper .v-stepper-actions {
23255
- padding: 0 1.5rem 1rem;
23256
- }
23257
- .v-stepper-window-item .v-stepper-actions {
23258
- padding: 1.5rem 0 0;
23259
- }.v-stepper-item {
23260
- align-items: center;
23261
- align-self: stretch;
23262
- display: inline-flex;
23263
- flex: none;
23264
- opacity: var(--v-medium-emphasis-opacity);
23265
- padding: 1.5rem;
23266
- transition-duration: 0.2s;
23267
- transition-property: opacity;
23268
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23269
- }
23270
- .v-stepper-item--selected {
23271
- opacity: 1;
23272
- }
23273
- .v-stepper-item--error {
23274
- color: rgb(var(--v-theme-error));
23275
- }
23276
- .v-stepper-item--disabled {
23277
- opacity: var(--v-medium-emphasis-opacity);
23278
- pointer-events: none;
23279
- }
23280
- .v-stepper--alt-labels .v-stepper-item {
23281
- flex-direction: column;
23282
- justify-content: flex-start;
23283
- align-items: center;
23284
- flex-basis: 175px;
23285
- }
23286
-
23287
- .v-stepper-item__avatar.v-avatar {
23288
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23289
- color: rgb(var(--v-theme-on-surface-variant));
23290
- font-size: 0.75rem;
23291
- margin-inline-end: 8px;
23292
- }
23293
- .v-stepper-item__avatar.v-avatar .v-icon {
23294
- font-size: 0.875rem;
23295
- }
23296
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23297
- background: rgb(var(--v-theme-surface-variant));
23298
- }
23299
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23300
- background: rgb(var(--v-theme-error));
23301
- }
23302
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23303
- margin-bottom: 16px;
23304
- margin-inline-end: 0;
23305
- }
23306
-
23307
- .v-stepper-item__title {
23308
- line-height: 1;
23309
- }
23310
- .v-stepper--mobile .v-stepper-item__title {
23311
- display: none;
23312
- }
23313
-
23314
- .v-stepper-item__subtitle {
23315
- font-size: 0.75rem;
23316
- text-align: left;
23317
- line-height: 1;
23318
- opacity: var(--v-medium-emphasis-opacity);
23319
- }
23320
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23321
- text-align: center;
23322
- }
23323
- .v-stepper--mobile .v-stepper-item__subtitle {
23324
- display: none;
23325
23212
  }.v-switch .v-label {
23326
23213
  padding-inline-start: 10px;
23327
23214
  }
@@ -23696,45 +23583,6 @@ html.v-overlay-scroll-blocked {
23696
23583
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23697
23584
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23698
23585
  border-top: 0px !important;
23699
- }.v-textarea .v-field {
23700
- --v-textarea-control-height: var(--v-input-control-height);
23701
- }
23702
- .v-textarea .v-field__field {
23703
- --v-input-control-height: var(--v-textarea-control-height);
23704
- }
23705
- .v-textarea .v-field__input {
23706
- flex: 1 1 auto;
23707
- outline: none;
23708
- -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));
23709
- 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));
23710
- }
23711
- .v-textarea .v-field__input.v-textarea__sizer {
23712
- visibility: hidden;
23713
- position: absolute;
23714
- top: 0;
23715
- left: 0;
23716
- height: 0 !important;
23717
- min-height: 0 !important;
23718
- pointer-events: none;
23719
- }
23720
- .v-textarea--no-resize .v-field__input {
23721
- resize: none;
23722
- }
23723
- .v-textarea .v-field--no-label textarea,
23724
- .v-textarea .v-field--active textarea {
23725
- opacity: 1;
23726
- }
23727
- .v-textarea textarea {
23728
- opacity: 0;
23729
- flex: 1;
23730
- min-width: 0;
23731
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23732
- }
23733
- .v-textarea textarea:focus, .v-textarea textarea:active {
23734
- outline: none;
23735
- }
23736
- .v-textarea textarea:invalid {
23737
- box-shadow: none;
23738
23586
  }/* region BLOCK */
23739
23587
  .v-text-field input {
23740
23588
  color: inherit;
@@ -23798,7 +23646,46 @@ html.v-overlay-scroll-blocked {
23798
23646
  padding-inline-end: var(--v-field-padding-end);
23799
23647
  }
23800
23648
 
23801
- /* 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 {
23802
23689
  background: rgb(var(--v-theme-background));
23803
23690
  color: rgb(var(--v-theme-on-background));
23804
23691
  }.v-timeline .v-timeline-divider__dot {
@@ -24443,6 +24330,122 @@ html.v-overlay-scroll-blocked {
24443
24330
  }
24444
24331
  .v-window-y-reverse-transition-leave-to {
24445
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;
24446
24449
  }.v-color-picker-canvas {
24447
24450
  display: flex;
24448
24451
  position: relative;