@vuetify/nightly 3.1.2-dev-20230112.0 → 3.1.2-next-20230112.0

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.1.2-dev-20230112.0
2
+ * Vuetify v3.1.2-next-20230112.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18425,21 +18425,6 @@ html.overflow-y-hidden {
18425
18425
  }
18426
18426
  .v-ripple__animation--out {
18427
18427
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
18428
- }.v-application {
18429
- display: flex;
18430
- background: rgb(var(--v-theme-background));
18431
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18432
- }
18433
-
18434
- .v-application__wrap {
18435
- -webkit-backface-visibility: hidden;
18436
- backface-visibility: hidden;
18437
- display: flex;
18438
- flex-direction: column;
18439
- flex: 1 1 auto;
18440
- max-width: 100%;
18441
- min-height: 100vh;
18442
- position: relative;
18443
18428
  }.v-app-bar {
18444
18429
  display: flex;
18445
18430
  }
@@ -18745,6 +18730,21 @@ html.overflow-y-hidden {
18745
18730
  .v-autocomplete--selection-slot.v-text-field input {
18746
18731
  position: relative;
18747
18732
  padding-inline-start: 0;
18733
+ }.v-application {
18734
+ display: flex;
18735
+ background: rgb(var(--v-theme-background));
18736
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18737
+ }
18738
+
18739
+ .v-application__wrap {
18740
+ -webkit-backface-visibility: hidden;
18741
+ backface-visibility: hidden;
18742
+ display: flex;
18743
+ flex-direction: column;
18744
+ flex: 1 1 auto;
18745
+ max-width: 100%;
18746
+ min-height: 100vh;
18747
+ position: relative;
18748
18748
  }.v-avatar {
18749
18749
  flex: none;
18750
18750
  align-items: center;
@@ -23537,63 +23537,6 @@ html.v-overlay-scroll-blocked {
23537
23537
  }
23538
23538
  .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23539
23539
  margin-top: 8px;
23540
- }.v-slider .v-slider__container input {
23541
- cursor: default;
23542
- padding: 0;
23543
- width: 100%;
23544
- display: none;
23545
- }
23546
- .v-slider .v-input__append, .v-slider .v-input__prepend {
23547
- padding: 0;
23548
- }
23549
-
23550
- .v-slider__container {
23551
- position: relative;
23552
- min-height: inherit;
23553
- width: 100%;
23554
- height: 100%;
23555
- display: flex;
23556
- justify-content: center;
23557
- align-items: center;
23558
- cursor: pointer;
23559
- }
23560
- .v-input--disabled .v-slider__container {
23561
- opacity: var(--v-disabled-opacity);
23562
- }
23563
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23564
- color: rgb(var(--v-theme-error));
23565
- }
23566
-
23567
- .v-slider.v-input--horizontal {
23568
- align-items: center;
23569
- margin-inline-start: 8px;
23570
- margin-inline-end: 8px;
23571
- }
23572
- .v-slider.v-input--horizontal .v-input__control {
23573
- min-height: 32px;
23574
- display: flex;
23575
- align-items: center;
23576
- }
23577
-
23578
- .v-slider.v-input--vertical {
23579
- justify-content: center;
23580
- margin-top: 12px;
23581
- margin-bottom: 12px;
23582
- }
23583
- .v-slider.v-input--vertical .v-input__control {
23584
- min-height: 300px;
23585
- }
23586
-
23587
- .v-slider.v-input--disabled {
23588
- pointer-events: none;
23589
- }
23590
-
23591
- .v-slider--has-labels .v-input__control {
23592
- margin-bottom: 4px;
23593
- }
23594
-
23595
- .v-slider__label {
23596
- margin-inline-end: 12px;
23597
23540
  }.v-rating {
23598
23541
  max-width: 100%;
23599
23542
  display: inline-flex;
@@ -23652,6 +23595,63 @@ html.v-overlay-scroll-blocked {
23652
23595
  opacity: 0;
23653
23596
  position: absolute;
23654
23597
  width: 0;
23598
+ }.v-slider .v-slider__container input {
23599
+ cursor: default;
23600
+ padding: 0;
23601
+ width: 100%;
23602
+ display: none;
23603
+ }
23604
+ .v-slider .v-input__append, .v-slider .v-input__prepend {
23605
+ padding: 0;
23606
+ }
23607
+
23608
+ .v-slider__container {
23609
+ position: relative;
23610
+ min-height: inherit;
23611
+ width: 100%;
23612
+ height: 100%;
23613
+ display: flex;
23614
+ justify-content: center;
23615
+ align-items: center;
23616
+ cursor: pointer;
23617
+ }
23618
+ .v-input--disabled .v-slider__container {
23619
+ opacity: var(--v-disabled-opacity);
23620
+ }
23621
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23622
+ color: rgb(var(--v-theme-error));
23623
+ }
23624
+
23625
+ .v-slider.v-input--horizontal {
23626
+ align-items: center;
23627
+ margin-inline-start: 8px;
23628
+ margin-inline-end: 8px;
23629
+ }
23630
+ .v-slider.v-input--horizontal .v-input__control {
23631
+ min-height: 32px;
23632
+ display: flex;
23633
+ align-items: center;
23634
+ }
23635
+
23636
+ .v-slider.v-input--vertical {
23637
+ justify-content: center;
23638
+ margin-top: 12px;
23639
+ margin-bottom: 12px;
23640
+ }
23641
+ .v-slider.v-input--vertical .v-input__control {
23642
+ min-height: 300px;
23643
+ }
23644
+
23645
+ .v-slider.v-input--disabled {
23646
+ pointer-events: none;
23647
+ }
23648
+
23649
+ .v-slider--has-labels .v-input__control {
23650
+ margin-bottom: 4px;
23651
+ }
23652
+
23653
+ .v-slider__label {
23654
+ margin-inline-end: 12px;
23655
23655
  }.v-responsive {
23656
23656
  display: flex;
23657
23657
  flex: 1 0 auto;
@@ -25154,36 +25154,6 @@ html.v-overlay-scroll-blocked {
25154
25154
  }
25155
25155
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25156
25156
  will-change: transform;
25157
- }.v-color-picker-edit {
25158
- display: flex;
25159
- }
25160
-
25161
- .v-color-picker-edit__input {
25162
- width: 100%;
25163
- display: flex;
25164
- flex-wrap: wrap;
25165
- justify-content: center;
25166
- text-align: center;
25167
- }
25168
- .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
25169
- margin-right: 8px;
25170
- }
25171
- .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
25172
- margin-left: 8px;
25173
- }
25174
- .v-color-picker-edit__input input {
25175
- border-radius: 4px;
25176
- margin-bottom: 8px;
25177
- min-width: 0;
25178
- outline: none;
25179
- text-align: center;
25180
- width: 100%;
25181
- height: 32px;
25182
- background: rgba(var(--v-theme-surface-variant), 0.2);
25183
- color: rgba(var(--v-theme-on-surface));
25184
- }
25185
- .v-color-picker-edit__input span {
25186
- font-size: 0.75rem;
25187
25157
  }.v-color-picker-preview__alpha .v-slider-track__background {
25188
25158
  background-color: transparent !important;
25189
25159
  }
@@ -25250,6 +25220,36 @@ html.v-overlay-scroll-blocked {
25250
25220
  align-items: center;
25251
25221
  display: flex;
25252
25222
  margin-bottom: 24px;
25223
+ }.v-color-picker-edit {
25224
+ display: flex;
25225
+ }
25226
+
25227
+ .v-color-picker-edit__input {
25228
+ width: 100%;
25229
+ display: flex;
25230
+ flex-wrap: wrap;
25231
+ justify-content: center;
25232
+ text-align: center;
25233
+ }
25234
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
25235
+ margin-right: 8px;
25236
+ }
25237
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
25238
+ margin-left: 8px;
25239
+ }
25240
+ .v-color-picker-edit__input input {
25241
+ border-radius: 4px;
25242
+ margin-bottom: 8px;
25243
+ min-width: 0;
25244
+ outline: none;
25245
+ text-align: center;
25246
+ width: 100%;
25247
+ height: 32px;
25248
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25249
+ color: rgba(var(--v-theme-on-surface));
25250
+ }
25251
+ .v-color-picker-edit__input span {
25252
+ font-size: 0.75rem;
25253
25253
  }.v-color-picker-swatches {
25254
25254
  overflow-y: auto;
25255
25255
  }
package/dist/vuetify.d.ts CHANGED
@@ -26013,10 +26013,10 @@ declare module '@vue/runtime-core' {
26013
26013
  VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
26014
26014
  VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
26015
26015
  VAvatar: typeof import('vuetify/components')['VAvatar']
26016
+ VBadge: typeof import('vuetify/components')['VBadge']
26016
26017
  VBanner: typeof import('vuetify/components')['VBanner']
26017
26018
  VBannerActions: typeof import('vuetify/components')['VBannerActions']
26018
26019
  VBannerText: typeof import('vuetify/components')['VBannerText']
26019
- VBadge: typeof import('vuetify/components')['VBadge']
26020
26020
  VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
26021
26021
  VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
26022
26022
  VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
@@ -26083,13 +26083,13 @@ declare module '@vue/runtime-core' {
26083
26083
  VSelect: typeof import('vuetify/components')['VSelect']
26084
26084
  VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
26085
26085
  VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
26086
+ VSheet: typeof import('vuetify/components')['VSheet']
26086
26087
  VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
26087
26088
  VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
26088
- VSheet: typeof import('vuetify/components')['VSheet']
26089
26089
  VSlider: typeof import('vuetify/components')['VSlider']
26090
+ VSnackbar: typeof import('vuetify/components')['VSnackbar']
26090
26091
  VSwitch: typeof import('vuetify/components')['VSwitch']
26091
26092
  VSystemBar: typeof import('vuetify/components')['VSystemBar']
26092
- VSnackbar: typeof import('vuetify/components')['VSnackbar']
26093
26093
  VTabs: typeof import('vuetify/components')['VTabs']
26094
26094
  VTab: typeof import('vuetify/components')['VTab']
26095
26095
  VTable: typeof import('vuetify/components')['VTable']
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.2-dev-20230112.0
2
+ * Vuetify v3.1.2-next-20230112.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -9292,19 +9292,18 @@ function useTeleport(target) {
9292
9292
  warn(`Unable to locate target ${_target}`);
9293
9293
  return undefined;
9294
9294
  }
9295
- if (!useTeleport.cache.has(targetElement)) {
9296
- const el = document.createElement('div');
9297
- el.className = 'v-overlay-container';
9298
- targetElement.appendChild(el);
9299
- useTeleport.cache.set(targetElement, el);
9295
+ let container = targetElement.querySelector('.v-overlay-container');
9296
+ if (!container) {
9297
+ container = document.createElement('div');
9298
+ container.className = 'v-overlay-container';
9299
+ targetElement.appendChild(container);
9300
9300
  }
9301
- return useTeleport.cache.get(targetElement);
9301
+ return container;
9302
9302
  });
9303
9303
  return {
9304
9304
  teleportTarget
9305
9305
  };
9306
9306
  }
9307
- useTeleport.cache = new WeakMap();
9308
9307
 
9309
9308
  function defaultConditional() {
9310
9309
  return true;
@@ -18345,7 +18344,7 @@ function createVuetify$1() {
18345
18344
  locale
18346
18345
  };
18347
18346
  }
18348
- const version$1 = "3.1.2-dev-20230112.0";
18347
+ const version$1 = "3.1.2-next-20230112.0";
18349
18348
  createVuetify$1.version = version$1;
18350
18349
 
18351
18350
  // Vue's inject() can only be used in setup
@@ -18366,7 +18365,7 @@ const createVuetify = function () {
18366
18365
  ...options
18367
18366
  });
18368
18367
  };
18369
- const version = "3.1.2-dev-20230112.0";
18368
+ const version = "3.1.2-next-20230112.0";
18370
18369
  createVuetify.version = version;
18371
18370
 
18372
18371
  export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };