@vuetify/nightly 3.3.0-dev.2023-05-19 → 3.3.0-dev.2023-05-20

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.3.0-dev.2023-05-19
2
+ * Vuetify v3.3.0-dev.2023-05-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16192,6 +16192,93 @@ html.overflow-y-hidden {
16192
16192
  text-transform: none;
16193
16193
  word-break: normal;
16194
16194
  word-wrap: break-word;
16195
+ }.v-avatar {
16196
+ flex: none;
16197
+ align-items: center;
16198
+ display: inline-flex;
16199
+ justify-content: center;
16200
+ line-height: normal;
16201
+ overflow: hidden;
16202
+ position: relative;
16203
+ text-align: center;
16204
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16205
+ transition-property: width, height;
16206
+ vertical-align: middle;
16207
+ border-radius: 50%;
16208
+ }
16209
+ .v-avatar.v-avatar--size-x-small {
16210
+ --v-avatar-height: 24px;
16211
+ }
16212
+ .v-avatar.v-avatar--size-small {
16213
+ --v-avatar-height: 32px;
16214
+ }
16215
+ .v-avatar.v-avatar--size-default {
16216
+ --v-avatar-height: 40px;
16217
+ }
16218
+ .v-avatar.v-avatar--size-large {
16219
+ --v-avatar-height: 48px;
16220
+ }
16221
+ .v-avatar.v-avatar--size-x-large {
16222
+ --v-avatar-height: 56px;
16223
+ }
16224
+ .v-avatar.v-avatar--density-default {
16225
+ height: calc(var(--v-avatar-height) + 0px);
16226
+ width: calc(var(--v-avatar-height) + 0px);
16227
+ }
16228
+ .v-avatar.v-avatar--density-comfortable {
16229
+ height: calc(var(--v-avatar-height) + -4px);
16230
+ width: calc(var(--v-avatar-height) + -4px);
16231
+ }
16232
+ .v-avatar.v-avatar--density-compact {
16233
+ height: calc(var(--v-avatar-height) + -8px);
16234
+ width: calc(var(--v-avatar-height) + -8px);
16235
+ }
16236
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16237
+ background: transparent;
16238
+ color: inherit;
16239
+ }
16240
+ .v-avatar--variant-plain {
16241
+ opacity: 0.62;
16242
+ }
16243
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16244
+ opacity: 1;
16245
+ }
16246
+ .v-avatar--variant-plain .v-avatar__overlay {
16247
+ display: none;
16248
+ }
16249
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
16250
+ background: var(--v-theme-surface);
16251
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16252
+ }
16253
+ .v-avatar--variant-elevated {
16254
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16255
+ }
16256
+ .v-avatar--variant-flat {
16257
+ 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));
16258
+ }
16259
+ .v-avatar--variant-outlined {
16260
+ border: thin solid currentColor;
16261
+ }
16262
+ .v-avatar--variant-text .v-avatar__overlay {
16263
+ background: currentColor;
16264
+ }
16265
+ .v-avatar--variant-tonal .v-avatar__underlay {
16266
+ background: currentColor;
16267
+ opacity: var(--v-activated-opacity);
16268
+ border-radius: inherit;
16269
+ position: absolute;
16270
+ top: 0;
16271
+ right: 0;
16272
+ bottom: 0;
16273
+ left: 0;
16274
+ pointer-events: none;
16275
+ }
16276
+ .v-avatar--rounded {
16277
+ border-radius: 4px;
16278
+ }
16279
+ .v-avatar .v-img {
16280
+ height: 100%;
16281
+ width: 100%;
16195
16282
  }.v-input--density-default {
16196
16283
  --autocomplete-chips-margin-bottom: 0px;
16197
16284
  }
@@ -16286,93 +16373,6 @@ html.overflow-y-hidden {
16286
16373
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
16287
16374
  opacity: var(--v-high-emphasis-opacity);
16288
16375
  transform: rotate(180deg);
16289
- }.v-avatar {
16290
- flex: none;
16291
- align-items: center;
16292
- display: inline-flex;
16293
- justify-content: center;
16294
- line-height: normal;
16295
- overflow: hidden;
16296
- position: relative;
16297
- text-align: center;
16298
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16299
- transition-property: width, height;
16300
- vertical-align: middle;
16301
- border-radius: 50%;
16302
- }
16303
- .v-avatar.v-avatar--size-x-small {
16304
- --v-avatar-height: 24px;
16305
- }
16306
- .v-avatar.v-avatar--size-small {
16307
- --v-avatar-height: 32px;
16308
- }
16309
- .v-avatar.v-avatar--size-default {
16310
- --v-avatar-height: 40px;
16311
- }
16312
- .v-avatar.v-avatar--size-large {
16313
- --v-avatar-height: 48px;
16314
- }
16315
- .v-avatar.v-avatar--size-x-large {
16316
- --v-avatar-height: 56px;
16317
- }
16318
- .v-avatar.v-avatar--density-default {
16319
- height: calc(var(--v-avatar-height) + 0px);
16320
- width: calc(var(--v-avatar-height) + 0px);
16321
- }
16322
- .v-avatar.v-avatar--density-comfortable {
16323
- height: calc(var(--v-avatar-height) + -4px);
16324
- width: calc(var(--v-avatar-height) + -4px);
16325
- }
16326
- .v-avatar.v-avatar--density-compact {
16327
- height: calc(var(--v-avatar-height) + -8px);
16328
- width: calc(var(--v-avatar-height) + -8px);
16329
- }
16330
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16331
- background: transparent;
16332
- color: inherit;
16333
- }
16334
- .v-avatar--variant-plain {
16335
- opacity: 0.62;
16336
- }
16337
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16338
- opacity: 1;
16339
- }
16340
- .v-avatar--variant-plain .v-avatar__overlay {
16341
- display: none;
16342
- }
16343
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
16344
- background: var(--v-theme-surface);
16345
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16346
- }
16347
- .v-avatar--variant-elevated {
16348
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16349
- }
16350
- .v-avatar--variant-flat {
16351
- 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));
16352
- }
16353
- .v-avatar--variant-outlined {
16354
- border: thin solid currentColor;
16355
- }
16356
- .v-avatar--variant-text .v-avatar__overlay {
16357
- background: currentColor;
16358
- }
16359
- .v-avatar--variant-tonal .v-avatar__underlay {
16360
- background: currentColor;
16361
- opacity: var(--v-activated-opacity);
16362
- border-radius: inherit;
16363
- position: absolute;
16364
- top: 0;
16365
- right: 0;
16366
- bottom: 0;
16367
- left: 0;
16368
- pointer-events: none;
16369
- }
16370
- .v-avatar--rounded {
16371
- border-radius: 4px;
16372
- }
16373
- .v-avatar .v-img {
16374
- height: 100%;
16375
- width: 100%;
16376
16376
  }.v-badge {
16377
16377
  display: inline-block;
16378
16378
  line-height: 1;
@@ -16654,60 +16654,6 @@ html.overflow-y-hidden {
16654
16654
  }
16655
16655
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
16656
16656
  transform: translateY(0.5rem);
16657
- }.v-breadcrumbs {
16658
- display: flex;
16659
- align-items: center;
16660
- line-height: 1.375rem;
16661
- padding: 16px 12px;
16662
- }
16663
- .v-breadcrumbs--rounded {
16664
- border-radius: 4px;
16665
- }
16666
- .v-breadcrumbs--density-default {
16667
- padding-top: 16px;
16668
- padding-bottom: 16px;
16669
- }
16670
-
16671
- .v-breadcrumbs--density-comfortable {
16672
- padding-top: 12px;
16673
- padding-bottom: 12px;
16674
- }
16675
-
16676
- .v-breadcrumbs--density-compact {
16677
- padding-top: 8px;
16678
- padding-bottom: 8px;
16679
- }
16680
-
16681
- .v-breadcrumbs__prepend {
16682
- align-items: center;
16683
- display: inline-flex;
16684
- }
16685
-
16686
- .v-breadcrumbs-item {
16687
- align-items: center;
16688
- color: inherit;
16689
- display: inline-flex;
16690
- padding: 0 4px;
16691
- text-decoration: none;
16692
- vertical-align: middle;
16693
- }
16694
- .v-breadcrumbs-item--disabled {
16695
- opacity: var(--v-disabled-opacity);
16696
- pointer-events: none;
16697
- }
16698
- .v-breadcrumbs-item--link:hover {
16699
- text-decoration: underline;
16700
- }
16701
- .v-breadcrumbs-item .v-icon {
16702
- font-size: 1rem;
16703
- margin-inline-start: -4px;
16704
- margin-inline-end: 2px;
16705
- }
16706
-
16707
- .v-breadcrumbs-divider {
16708
- display: inline-block;
16709
- padding: 0 8px;
16710
- vertical-align: middle;
16711
16657
  }/** if false, disabled buttons will be greyed out */
16712
16658
  .v-btn {
16713
16659
  align-items: center;
@@ -17116,6 +17062,60 @@ html.overflow-y-hidden {
17116
17062
 
17117
17063
  .v-snackbar-actions .v-btn {
17118
17064
  padding: 0 8px;
17065
+ }.v-breadcrumbs {
17066
+ display: flex;
17067
+ align-items: center;
17068
+ line-height: 1.375rem;
17069
+ padding: 16px 12px;
17070
+ }
17071
+ .v-breadcrumbs--rounded {
17072
+ border-radius: 4px;
17073
+ }
17074
+ .v-breadcrumbs--density-default {
17075
+ padding-top: 16px;
17076
+ padding-bottom: 16px;
17077
+ }
17078
+
17079
+ .v-breadcrumbs--density-comfortable {
17080
+ padding-top: 12px;
17081
+ padding-bottom: 12px;
17082
+ }
17083
+
17084
+ .v-breadcrumbs--density-compact {
17085
+ padding-top: 8px;
17086
+ padding-bottom: 8px;
17087
+ }
17088
+
17089
+ .v-breadcrumbs__prepend {
17090
+ align-items: center;
17091
+ display: inline-flex;
17092
+ }
17093
+
17094
+ .v-breadcrumbs-item {
17095
+ align-items: center;
17096
+ color: inherit;
17097
+ display: inline-flex;
17098
+ padding: 0 4px;
17099
+ text-decoration: none;
17100
+ vertical-align: middle;
17101
+ }
17102
+ .v-breadcrumbs-item--disabled {
17103
+ opacity: var(--v-disabled-opacity);
17104
+ pointer-events: none;
17105
+ }
17106
+ .v-breadcrumbs-item--link:hover {
17107
+ text-decoration: underline;
17108
+ }
17109
+ .v-breadcrumbs-item .v-icon {
17110
+ font-size: 1rem;
17111
+ margin-inline-start: -4px;
17112
+ margin-inline-end: 2px;
17113
+ }
17114
+
17115
+ .v-breadcrumbs-divider {
17116
+ display: inline-block;
17117
+ padding: 0 8px;
17118
+ vertical-align: middle;
17119
17119
  }/** if false, disabled buttons will be greyed out */
17120
17120
  .v-btn-group {
17121
17121
  display: inline-flex;
@@ -21240,74 +21240,6 @@ html.v-overlay-scroll-blocked {
21240
21240
  .v-responsive__content {
21241
21241
  grid-row-start: 1;
21242
21242
  grid-column-start: 1;
21243
- }.v-input--density-default {
21244
- --select-chips-margin-bottom: 0px;
21245
- }
21246
-
21247
- .v-input--density-comfortable {
21248
- --select-chips-margin-bottom: 2px;
21249
- }
21250
-
21251
- .v-input--density-compact {
21252
- --select-chips-margin-bottom: 4px;
21253
- }
21254
-
21255
- .v-select .v-field .v-text-field__prefix,
21256
- .v-select .v-field .v-text-field__suffix,
21257
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
21258
- cursor: pointer;
21259
- }
21260
- .v-select .v-field--variant-outlined {
21261
- --select-chips-margin-bottom: 2px;
21262
- }
21263
- .v-select .v-field .v-field__input > input {
21264
- align-self: flex-start;
21265
- opacity: 1;
21266
- flex: 0 0;
21267
- position: absolute;
21268
- width: 100%;
21269
- transition: none;
21270
- pointer-events: none;
21271
- }
21272
- .v-select .v-field--dirty .v-select__selection {
21273
- margin-inline-end: 2px;
21274
- }
21275
- .v-select .v-field--single-line .v-select__selection-text {
21276
- overflow: hidden;
21277
- text-overflow: ellipsis;
21278
- white-space: nowrap;
21279
- }
21280
- .v-select__content {
21281
- overflow: hidden;
21282
- 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));
21283
- border-radius: 4px;
21284
- }
21285
- .v-select__selection {
21286
- display: inline-flex;
21287
- letter-spacing: inherit;
21288
- line-height: inherit;
21289
- max-width: 100%;
21290
- }
21291
- .v-select--chips .v-field__input, .v-select--selection-slot .v-field__input {
21292
- min-height: calc(var(--v-field-input-min-height) + var(--select-chips-margin-bottom) + 2px);
21293
- }
21294
- .v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
21295
- margin-top: 2px;
21296
- margin-bottom: var(--select-chips-margin-bottom);
21297
- }
21298
- .v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
21299
- margin-inline-start: 0;
21300
- }
21301
- .v-select--selected .v-field .v-field__input > input {
21302
- opacity: 0;
21303
- }
21304
- .v-select__menu-icon {
21305
- margin-inline-start: 4px;
21306
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21307
- }
21308
- .v-select--active-menu .v-select__menu-icon {
21309
- opacity: var(--v-high-emphasis-opacity);
21310
- transform: rotate(180deg);
21311
21243
  }.v-selection-control {
21312
21244
  align-items: center;
21313
21245
  contain: layout;
@@ -21446,6 +21378,74 @@ html.v-overlay-scroll-blocked {
21446
21378
  }
21447
21379
  .v-sheet--rounded {
21448
21380
  border-radius: 4px;
21381
+ }.v-input--density-default {
21382
+ --select-chips-margin-bottom: 0px;
21383
+ }
21384
+
21385
+ .v-input--density-comfortable {
21386
+ --select-chips-margin-bottom: 2px;
21387
+ }
21388
+
21389
+ .v-input--density-compact {
21390
+ --select-chips-margin-bottom: 4px;
21391
+ }
21392
+
21393
+ .v-select .v-field .v-text-field__prefix,
21394
+ .v-select .v-field .v-text-field__suffix,
21395
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
21396
+ cursor: pointer;
21397
+ }
21398
+ .v-select .v-field--variant-outlined {
21399
+ --select-chips-margin-bottom: 2px;
21400
+ }
21401
+ .v-select .v-field .v-field__input > input {
21402
+ align-self: flex-start;
21403
+ opacity: 1;
21404
+ flex: 0 0;
21405
+ position: absolute;
21406
+ width: 100%;
21407
+ transition: none;
21408
+ pointer-events: none;
21409
+ }
21410
+ .v-select .v-field--dirty .v-select__selection {
21411
+ margin-inline-end: 2px;
21412
+ }
21413
+ .v-select .v-field--single-line .v-select__selection-text {
21414
+ overflow: hidden;
21415
+ text-overflow: ellipsis;
21416
+ white-space: nowrap;
21417
+ }
21418
+ .v-select__content {
21419
+ overflow: hidden;
21420
+ 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));
21421
+ border-radius: 4px;
21422
+ }
21423
+ .v-select__selection {
21424
+ display: inline-flex;
21425
+ letter-spacing: inherit;
21426
+ line-height: inherit;
21427
+ max-width: 100%;
21428
+ }
21429
+ .v-select--chips .v-field__input, .v-select--selection-slot .v-field__input {
21430
+ min-height: calc(var(--v-field-input-min-height) + var(--select-chips-margin-bottom) + 2px);
21431
+ }
21432
+ .v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
21433
+ margin-top: 2px;
21434
+ margin-bottom: var(--select-chips-margin-bottom);
21435
+ }
21436
+ .v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
21437
+ margin-inline-start: 0;
21438
+ }
21439
+ .v-select--selected .v-field .v-field__input > input {
21440
+ opacity: 0;
21441
+ }
21442
+ .v-select__menu-icon {
21443
+ margin-inline-start: 4px;
21444
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21445
+ }
21446
+ .v-select--active-menu .v-select__menu-icon {
21447
+ opacity: var(--v-high-emphasis-opacity);
21448
+ transform: rotate(180deg);
21449
21449
  }.v-slide-group {
21450
21450
  display: flex;
21451
21451
  overflow: hidden;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.0-dev.2023-05-19
2
+ * Vuetify v3.3.0-dev.2023-05-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19720,7 +19720,7 @@ function createVuetify$1() {
19720
19720
  date
19721
19721
  };
19722
19722
  }
19723
- const version$1 = "3.3.0-dev.2023-05-19";
19723
+ const version$1 = "3.3.0-dev.2023-05-20";
19724
19724
  createVuetify$1.version = version$1;
19725
19725
 
19726
19726
  // Vue's inject() can only be used in setup
@@ -19740,7 +19740,7 @@ const createVuetify = function () {
19740
19740
  ...options
19741
19741
  });
19742
19742
  };
19743
- const version = "3.3.0-dev.2023-05-19";
19743
+ const version = "3.3.0-dev.2023-05-20";
19744
19744
  createVuetify.version = version;
19745
19745
 
19746
19746
  export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };
package/dist/vuetify.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.0-dev.2023-05-19
2
+ * Vuetify v3.3.0-dev.2023-05-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19724,7 +19724,7 @@
19724
19724
  date
19725
19725
  };
19726
19726
  }
19727
- const version$1 = "3.3.0-dev.2023-05-19";
19727
+ const version$1 = "3.3.0-dev.2023-05-20";
19728
19728
  createVuetify$1.version = version$1;
19729
19729
 
19730
19730
  // Vue's inject() can only be used in setup
@@ -19744,7 +19744,7 @@
19744
19744
  ...options
19745
19745
  });
19746
19746
  };
19747
- const version = "3.3.0-dev.2023-05-19";
19747
+ const version = "3.3.0-dev.2023-05-20";
19748
19748
  createVuetify.version = version;
19749
19749
 
19750
19750
  exports.components = components;