@vuetify/nightly 3.0.4-next-20221207.0 → 3.0.4

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/CHANGELOG.md CHANGED
@@ -1,21 +1,8 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.0.4-next-20221207.0...v) (2022-12-07)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.0.5-next-20221208.0...v) (2022-12-08)
2
2
 
3
3
 
4
4
 
5
- ## [3.0.4-next-20221207.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.3...v3.0.4-next-20221207.0) (2022-12-07)
6
-
7
-
8
- ### Bug Fixes
9
-
10
- * parse all colors to rgba objects instead of numbers ([#16052](https://github.com/vuetifyjs/vuetify/issues/16052)) ([df03cea](https://github.com/vuetifyjs/vuetify/commit/df03cea89e5c51a516b3063548479acfe3f3abcf)), closes [#16045](https://github.com/vuetifyjs/vuetify/issues/16045)
11
- * **types:** unwrap refs in `this.$vuetify` ([#16193](https://github.com/vuetifyjs/vuetify/issues/16193)) ([fb84480](https://github.com/vuetifyjs/vuetify/commit/fb84480c8bdcda729226d0ade80ffbef8d1d05c2))
12
- * **validation:** enforce validation maxErrors ([#16202](https://github.com/vuetifyjs/vuetify/issues/16202)) ([13d156c](https://github.com/vuetifyjs/vuetify/commit/13d156cbed58aa6bd095e8cf7a644550825f251e))
13
- * **VChip:** ensure to prop uses router ([#16152](https://github.com/vuetifyjs/vuetify/issues/16152)) ([185423d](https://github.com/vuetifyjs/vuetify/commit/185423d0cd9e6cfdddac568cd80c326a16da1149)), closes [#16151](https://github.com/vuetifyjs/vuetify/issues/16151)
14
- * **VListItem:** don't use content element as VOverlay activator ([ad7b2c1](https://github.com/vuetifyjs/vuetify/commit/ad7b2c113146113c06051b41632485687b2f2749))
15
- * **VRadioGroup:** remove clickable from label ([#16217](https://github.com/vuetifyjs/vuetify/issues/16217)) ([b2aa8c8](https://github.com/vuetifyjs/vuetify/commit/b2aa8c8ad3be4234565a02af9ee2cba4e4e82467))
16
- * **VRow:** correct gutter between rows ([#16212](https://github.com/vuetifyjs/vuetify/issues/16212)) ([6153f0d](https://github.com/vuetifyjs/vuetify/commit/6153f0d18533f877f2c531e3b853a7e192484280)), closes [#16211](https://github.com/vuetifyjs/vuetify/issues/16211)
17
- * **VSelectionControl/VCheckbox/VSwitch:** long label wrapping ([#16194](https://github.com/vuetifyjs/vuetify/issues/16194)) ([edfc746](https://github.com/vuetifyjs/vuetify/commit/edfc746296f597771c8907736138a63f6a15bce0))
18
- * **VTab/VTabs:** use --v-tabs-height as default for --v-btn-height ([ceaffe5](https://github.com/vuetifyjs/vuetify/commit/ceaffe530eb21e40cee7f9b8c45aafdc60f94718)), closes [#14863](https://github.com/vuetifyjs/vuetify/issues/14863)
5
+ ## [3.0.5-next-20221208.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.4...v3.0.5-next-20221208.0) (2022-12-08)
19
6
 
20
7
 
21
8
 
@@ -8,6 +8,10 @@
8
8
  "from": "components/VDefaultsProvider/index.mjs",
9
9
  "styles": []
10
10
  },
11
+ "VForm": {
12
+ "from": "components/VForm/index.mjs",
13
+ "styles": []
14
+ },
11
15
  "VContainer": {
12
16
  "from": "components/VGrid/index.mjs",
13
17
  "styles": []
@@ -28,8 +32,12 @@
28
32
  "from": "components/VHover/index.mjs",
29
33
  "styles": []
30
34
  },
31
- "VForm": {
32
- "from": "components/VForm/index.mjs",
35
+ "VLayout": {
36
+ "from": "components/VLayout/index.mjs",
37
+ "styles": []
38
+ },
39
+ "VLayoutItem": {
40
+ "from": "components/VLayout/index.mjs",
33
41
  "styles": []
34
42
  },
35
43
  "VLazy": {
@@ -40,14 +48,6 @@
40
48
  "from": "components/VLocaleProvider/index.mjs",
41
49
  "styles": []
42
50
  },
43
- "VLayout": {
44
- "from": "components/VLayout/index.mjs",
45
- "styles": []
46
- },
47
- "VLayoutItem": {
48
- "from": "components/VLayout/index.mjs",
49
- "styles": []
50
- },
51
51
  "VNoSsr": {
52
52
  "from": "components/VNoSsr/index.mjs",
53
53
  "styles": []
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.4-next-20221207.0
2
+ * Vuetify v3.0.4
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19991,131 +19991,6 @@ html.overflow-y-hidden {
19991
19991
  width: 50px;
19992
19992
  }.v-checkbox .v-selection-control {
19993
19993
  min-height: var(--v-input-control-height);
19994
- }.v-chip-group {
19995
- display: flex;
19996
- max-width: 100%;
19997
- min-width: 0;
19998
- overflow-x: auto;
19999
- padding: 4px 0;
20000
- }
20001
- .v-chip-group .v-chip {
20002
- margin: 4px 8px 4px 0;
20003
- }
20004
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20005
- opacity: var(--v-activated-opacity);
20006
- }
20007
-
20008
- .v-chip-group--column {
20009
- flex-wrap: wrap;
20010
- white-space: normal;
20011
- }.v-color-picker {
20012
- align-self: flex-start;
20013
- contain: content;
20014
- }
20015
- .v-color-picker.v-sheet {
20016
- 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));
20017
- border-radius: 4px;
20018
- }
20019
-
20020
- .v-color-picker__controls {
20021
- display: flex;
20022
- flex-direction: column;
20023
- padding: 16px;
20024
- }
20025
-
20026
- .v-color-picker--flat {
20027
- 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));
20028
- }
20029
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20030
- 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));
20031
- }.v-input--density-default {
20032
- --combobox-chips-margin-bottom: 0px;
20033
- }
20034
-
20035
- .v-input--density-comfortable {
20036
- --combobox-chips-margin-bottom: 2px;
20037
- }
20038
-
20039
- .v-input--density-compact {
20040
- --combobox-chips-margin-bottom: 4px;
20041
- }
20042
-
20043
- .v-combobox .v-field .v-text-field__prefix,
20044
- .v-combobox .v-field .v-text-field__suffix,
20045
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20046
- cursor: text;
20047
- }
20048
- .v-combobox .v-field .v-field__input > input {
20049
- align-self: flex-start;
20050
- flex: 1 1;
20051
- }
20052
- .v-combobox .v-field .v-field__append-inner > .v-icon {
20053
- margin-inline-start: 4px;
20054
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20055
- }
20056
- .v-combobox .v-field:not(.v-field--focused) input {
20057
- min-width: 0;
20058
- }
20059
- .v-combobox .v-field--dirty .v-combobox__selection {
20060
- margin-inline-end: 2px;
20061
- }
20062
- .v-combobox .v-field--single-line .v-combobox__selection-text {
20063
- overflow: hidden;
20064
- text-overflow: ellipsis;
20065
- white-space: nowrap;
20066
- }
20067
-
20068
- .v-combobox__content {
20069
- overflow: hidden;
20070
- 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));
20071
- border-radius: 4px;
20072
- }
20073
- .v-combobox__mask {
20074
- background: rgb(var(--v-theme-on-surface-variant));
20075
- }
20076
- .v-combobox__selection {
20077
- display: inline-flex;
20078
- letter-spacing: inherit;
20079
- line-height: inherit;
20080
- max-width: 100%;
20081
- }
20082
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
20083
- opacity: var(--v-high-emphasis-opacity);
20084
- transform: rotate(180deg);
20085
- }
20086
- .v-combobox--chips .v-combobox__selection {
20087
- margin-top: 2px;
20088
- margin-bottom: var(--combobox-chips-margin-bottom);
20089
- }
20090
- .v-combobox--chips .v-combobox__selection:first-child {
20091
- margin-inline-start: 0;
20092
- }
20093
- .v-combobox--selecting-index .v-combobox__selection {
20094
- opacity: var(--v-medium-emphasis-opacity);
20095
- }
20096
- .v-combobox--selecting-index .v-combobox__selection--selected {
20097
- opacity: 1;
20098
- }
20099
- .v-combobox--selecting-index .v-field__input > input {
20100
- caret-color: transparent !important;
20101
- }
20102
- .v-combobox--single.v-text-field input {
20103
- flex: 1 1;
20104
- position: absolute;
20105
- left: 0;
20106
- right: 0;
20107
- width: 100%;
20108
- padding-inline-start: inherit;
20109
- padding-inline-end: inherit;
20110
- }
20111
- .v-combobox--single .v-field--active input {
20112
- transition: none;
20113
- }
20114
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20115
- opacity: 0;
20116
- }
20117
- .v-combobox--single .v-field--focused .v-combobox__selection {
20118
- opacity: 0;
20119
19994
  }.v-chip {
20120
19995
  align-items: center;
20121
19996
  cursor: default;
@@ -20495,6 +20370,131 @@ html.overflow-y-hidden {
20495
20370
 
20496
20371
  .v-chip--label {
20497
20372
  border-radius: 4px;
20373
+ }.v-chip-group {
20374
+ display: flex;
20375
+ max-width: 100%;
20376
+ min-width: 0;
20377
+ overflow-x: auto;
20378
+ padding: 4px 0;
20379
+ }
20380
+ .v-chip-group .v-chip {
20381
+ margin: 4px 8px 4px 0;
20382
+ }
20383
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20384
+ opacity: var(--v-activated-opacity);
20385
+ }
20386
+
20387
+ .v-chip-group--column {
20388
+ flex-wrap: wrap;
20389
+ white-space: normal;
20390
+ }.v-color-picker {
20391
+ align-self: flex-start;
20392
+ contain: content;
20393
+ }
20394
+ .v-color-picker.v-sheet {
20395
+ 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));
20396
+ border-radius: 4px;
20397
+ }
20398
+
20399
+ .v-color-picker__controls {
20400
+ display: flex;
20401
+ flex-direction: column;
20402
+ padding: 16px;
20403
+ }
20404
+
20405
+ .v-color-picker--flat {
20406
+ 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));
20407
+ }
20408
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20409
+ 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));
20410
+ }.v-input--density-default {
20411
+ --combobox-chips-margin-bottom: 0px;
20412
+ }
20413
+
20414
+ .v-input--density-comfortable {
20415
+ --combobox-chips-margin-bottom: 2px;
20416
+ }
20417
+
20418
+ .v-input--density-compact {
20419
+ --combobox-chips-margin-bottom: 4px;
20420
+ }
20421
+
20422
+ .v-combobox .v-field .v-text-field__prefix,
20423
+ .v-combobox .v-field .v-text-field__suffix,
20424
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20425
+ cursor: text;
20426
+ }
20427
+ .v-combobox .v-field .v-field__input > input {
20428
+ align-self: flex-start;
20429
+ flex: 1 1;
20430
+ }
20431
+ .v-combobox .v-field .v-field__append-inner > .v-icon {
20432
+ margin-inline-start: 4px;
20433
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20434
+ }
20435
+ .v-combobox .v-field:not(.v-field--focused) input {
20436
+ min-width: 0;
20437
+ }
20438
+ .v-combobox .v-field--dirty .v-combobox__selection {
20439
+ margin-inline-end: 2px;
20440
+ }
20441
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
20442
+ overflow: hidden;
20443
+ text-overflow: ellipsis;
20444
+ white-space: nowrap;
20445
+ }
20446
+
20447
+ .v-combobox__content {
20448
+ overflow: hidden;
20449
+ 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));
20450
+ border-radius: 4px;
20451
+ }
20452
+ .v-combobox__mask {
20453
+ background: rgb(var(--v-theme-on-surface-variant));
20454
+ }
20455
+ .v-combobox__selection {
20456
+ display: inline-flex;
20457
+ letter-spacing: inherit;
20458
+ line-height: inherit;
20459
+ max-width: 100%;
20460
+ }
20461
+ .v-combobox--active-menu .v-field__append-inner > .v-icon {
20462
+ opacity: var(--v-high-emphasis-opacity);
20463
+ transform: rotate(180deg);
20464
+ }
20465
+ .v-combobox--chips .v-combobox__selection {
20466
+ margin-top: 2px;
20467
+ margin-bottom: var(--combobox-chips-margin-bottom);
20468
+ }
20469
+ .v-combobox--chips .v-combobox__selection:first-child {
20470
+ margin-inline-start: 0;
20471
+ }
20472
+ .v-combobox--selecting-index .v-combobox__selection {
20473
+ opacity: var(--v-medium-emphasis-opacity);
20474
+ }
20475
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20476
+ opacity: 1;
20477
+ }
20478
+ .v-combobox--selecting-index .v-field__input > input {
20479
+ caret-color: transparent !important;
20480
+ }
20481
+ .v-combobox--single.v-text-field input {
20482
+ flex: 1 1;
20483
+ position: absolute;
20484
+ left: 0;
20485
+ right: 0;
20486
+ width: 100%;
20487
+ padding-inline-start: inherit;
20488
+ padding-inline-end: inherit;
20489
+ }
20490
+ .v-combobox--single .v-field--active input {
20491
+ transition: none;
20492
+ }
20493
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20494
+ opacity: 0;
20495
+ }
20496
+ .v-combobox--single .v-field--focused .v-combobox__selection {
20497
+ opacity: 0;
20498
20498
  }.v-container {
20499
20499
  width: 100%;
20500
20500
  padding: 16px;
@@ -25150,26 +25150,6 @@ html.v-overlay-scroll-blocked {
25150
25150
  }
25151
25151
  .v-window-y-reverse-transition-leave-to {
25152
25152
  transform: translateY(100%);
25153
- }.v-color-picker-canvas {
25154
- position: relative;
25155
- overflow: hidden;
25156
- contain: strict;
25157
- }
25158
- .v-color-picker-canvas__dot {
25159
- position: absolute;
25160
- top: 0;
25161
- left: 0;
25162
- width: 15px;
25163
- height: 15px;
25164
- background: transparent;
25165
- border-radius: 50%;
25166
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25167
- }
25168
- .v-color-picker-canvas__dot--disabled {
25169
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25170
- }
25171
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25172
- will-change: transform;
25173
25153
  }.v-color-picker-edit {
25174
25154
  display: flex;
25175
25155
  }
@@ -25301,6 +25281,26 @@ html.v-overlay-scroll-blocked {
25301
25281
  justify-content: center;
25302
25282
  width: 100%;
25303
25283
  height: 100%;
25284
+ }.v-color-picker-canvas {
25285
+ position: relative;
25286
+ overflow: hidden;
25287
+ contain: strict;
25288
+ }
25289
+ .v-color-picker-canvas__dot {
25290
+ position: absolute;
25291
+ top: 0;
25292
+ left: 0;
25293
+ width: 15px;
25294
+ height: 15px;
25295
+ background: transparent;
25296
+ border-radius: 50%;
25297
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25298
+ }
25299
+ .v-color-picker-canvas__dot--disabled {
25300
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25301
+ }
25302
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25303
+ will-change: transform;
25304
25304
  }.v-slider-thumb {
25305
25305
  touch-action: none;
25306
25306
  color: rgb(var(--v-theme-surface-variant));
package/dist/vuetify.d.ts CHANGED
@@ -25885,16 +25885,16 @@ declare module '@vue/runtime-core' {
25885
25885
  export interface GlobalComponents {
25886
25886
  VApp: typeof import('vuetify/components')['VApp']
25887
25887
  VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
25888
+ VForm: typeof import('vuetify/components')['VForm']
25888
25889
  VContainer: typeof import('vuetify/components')['VContainer']
25889
25890
  VCol: typeof import('vuetify/components')['VCol']
25890
25891
  VRow: typeof import('vuetify/components')['VRow']
25891
25892
  VSpacer: typeof import('vuetify/components')['VSpacer']
25892
25893
  VHover: typeof import('vuetify/components')['VHover']
25893
- VForm: typeof import('vuetify/components')['VForm']
25894
- VLazy: typeof import('vuetify/components')['VLazy']
25895
- VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
25896
25894
  VLayout: typeof import('vuetify/components')['VLayout']
25897
25895
  VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
25896
+ VLazy: typeof import('vuetify/components')['VLazy']
25897
+ VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
25898
25898
  VNoSsr: typeof import('vuetify/components')['VNoSsr']
25899
25899
  VParallax: typeof import('vuetify/components')['VParallax']
25900
25900
  VRadio: typeof import('vuetify/components')['VRadio']
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.4-next-20221207.0
2
+ * Vuetify v3.0.4
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18194,7 +18194,7 @@ function createVuetify$1() {
18194
18194
  locale
18195
18195
  };
18196
18196
  }
18197
- const version$1 = "3.0.4-next-20221207.0";
18197
+ const version$1 = "3.0.4";
18198
18198
  createVuetify$1.version = version$1;
18199
18199
 
18200
18200
  // Vue's inject() can only be used in setup
@@ -18215,7 +18215,7 @@ const createVuetify = function () {
18215
18215
  ...options
18216
18216
  });
18217
18217
  };
18218
- const version = "3.0.4-next-20221207.0";
18218
+ const version = "3.0.4";
18219
18219
  createVuetify.version = version;
18220
18220
 
18221
18221
  export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };