@vuetify/nightly 3.4.0-alpha.0-dev.2023-08-30 → 3.4.0-alpha.0-pr-18025.3e9bc35
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 +8 -2
- package/dist/json/importMap-labs.json +24 -24
- package/dist/json/importMap.json +4 -4
- package/dist/json/web-types.json +1 -1
- package/dist/vuetify-labs.css +162 -73
- package/dist/vuetify-labs.esm.js +3 -3
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +3 -3
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +228 -139
- package/dist/vuetify.d.ts +7 -7
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/components/VAutocomplete/VAutocomplete.css +39 -5
- package/lib/components/VAutocomplete/VAutocomplete.sass +7 -6
- package/lib/components/VAutocomplete/_variables.scss +1 -0
- package/lib/components/VCombobox/VCombobox.css +39 -5
- package/lib/components/VCombobox/VCombobox.sass +7 -6
- package/lib/components/VCombobox/_variables.scss +1 -0
- package/lib/components/VField/VField.css +17 -16
- package/lib/components/VField/VField.sass +3 -2
- package/lib/components/VField/_mixins.sass +34 -0
- package/lib/components/VField/_variables.scss +3 -3
- package/lib/components/VFileInput/VFileInput.css +36 -0
- package/lib/components/VFileInput/VFileInput.sass +4 -0
- package/lib/components/VInput/VInput.css +8 -15
- package/lib/components/VInput/VInput.sass +3 -6
- package/lib/components/VInput/_variables.scss +2 -2
- package/lib/components/VTextField/VTextField.css +2 -11
- package/lib/components/VTextField/VTextField.sass +1 -10
- package/lib/entry-bundler.mjs +1 -1
- package/lib/entry-bundler.mjs.map +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/framework.mjs.map +1 -1
- package/lib/index.d.mts +7 -7
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
# [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-
|
|
1
|
+
# [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-pr-18025.3e9bc35...v) (2023-09-04)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
# [3.4.0-alpha.0-
|
|
5
|
+
# [3.4.0-alpha.0-pr-18025.3e9bc35](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0...v3.4.0-alpha.0-pr-18025.3e9bc35) (2023-09-04)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **VField:** fix default height for compact/comfortable densities ([9a26946](https://github.com/vuetifyjs/vuetify/commit/9a26946d6aa0a44f4c8a5e9105a7132033349e7f)), closes [#17898](https://github.com/vuetifyjs/vuetify/issues/17898)
|
|
11
|
+
* **VInput, VField:** Allow input to align with chips spacing but disable the alignment by default ([75c8d26](https://github.com/vuetifyjs/vuetify/commit/75c8d2652d54ca8d0d44f14d3aafc850d02f4265))
|
|
6
12
|
|
|
7
13
|
|
|
8
14
|
### Features
|
|
@@ -28,30 +28,6 @@
|
|
|
28
28
|
"from": "labs/VDataTable/index.mjs",
|
|
29
29
|
"styles": []
|
|
30
30
|
},
|
|
31
|
-
"VDateCard": {
|
|
32
|
-
"from": "labs/VDatePicker/index.mjs",
|
|
33
|
-
"styles": []
|
|
34
|
-
},
|
|
35
|
-
"VDatePicker": {
|
|
36
|
-
"from": "labs/VDatePicker/index.mjs",
|
|
37
|
-
"styles": []
|
|
38
|
-
},
|
|
39
|
-
"VDatePickerControls": {
|
|
40
|
-
"from": "labs/VDatePicker/index.mjs",
|
|
41
|
-
"styles": []
|
|
42
|
-
},
|
|
43
|
-
"VDatePickerHeader": {
|
|
44
|
-
"from": "labs/VDatePicker/index.mjs",
|
|
45
|
-
"styles": []
|
|
46
|
-
},
|
|
47
|
-
"VDatePickerMonth": {
|
|
48
|
-
"from": "labs/VDatePicker/index.mjs",
|
|
49
|
-
"styles": []
|
|
50
|
-
},
|
|
51
|
-
"VDatePickerYears": {
|
|
52
|
-
"from": "labs/VDatePicker/index.mjs",
|
|
53
|
-
"styles": []
|
|
54
|
-
},
|
|
55
31
|
"VInfiniteScroll": {
|
|
56
32
|
"from": "labs/VInfiniteScroll/index.mjs",
|
|
57
33
|
"styles": []
|
|
@@ -99,6 +75,30 @@
|
|
|
99
75
|
"VDataIterator": {
|
|
100
76
|
"from": "labs/VDataIterator/index.mjs",
|
|
101
77
|
"styles": []
|
|
78
|
+
},
|
|
79
|
+
"VDateCard": {
|
|
80
|
+
"from": "labs/VDatePicker/index.mjs",
|
|
81
|
+
"styles": []
|
|
82
|
+
},
|
|
83
|
+
"VDatePicker": {
|
|
84
|
+
"from": "labs/VDatePicker/index.mjs",
|
|
85
|
+
"styles": []
|
|
86
|
+
},
|
|
87
|
+
"VDatePickerControls": {
|
|
88
|
+
"from": "labs/VDatePicker/index.mjs",
|
|
89
|
+
"styles": []
|
|
90
|
+
},
|
|
91
|
+
"VDatePickerHeader": {
|
|
92
|
+
"from": "labs/VDatePicker/index.mjs",
|
|
93
|
+
"styles": []
|
|
94
|
+
},
|
|
95
|
+
"VDatePickerMonth": {
|
|
96
|
+
"from": "labs/VDatePicker/index.mjs",
|
|
97
|
+
"styles": []
|
|
98
|
+
},
|
|
99
|
+
"VDatePickerYears": {
|
|
100
|
+
"from": "labs/VDatePicker/index.mjs",
|
|
101
|
+
"styles": []
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
}
|
package/dist/json/importMap.json
CHANGED
|
@@ -216,14 +216,14 @@
|
|
|
216
216
|
"from": "components/VItemGroup/index.mjs",
|
|
217
217
|
"styles": []
|
|
218
218
|
},
|
|
219
|
-
"VKbd": {
|
|
220
|
-
"from": "components/VKbd/index.mjs",
|
|
221
|
-
"styles": []
|
|
222
|
-
},
|
|
223
219
|
"VLabel": {
|
|
224
220
|
"from": "components/VLabel/index.mjs",
|
|
225
221
|
"styles": []
|
|
226
222
|
},
|
|
223
|
+
"VKbd": {
|
|
224
|
+
"from": "components/VKbd/index.mjs",
|
|
225
|
+
"styles": []
|
|
226
|
+
},
|
|
227
227
|
"VList": {
|
|
228
228
|
"from": "components/VList/index.mjs",
|
|
229
229
|
"styles": []
|
package/dist/json/web-types.json
CHANGED
package/dist/vuetify-labs.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.4.0-alpha.0-
|
|
2
|
+
* Vuetify v3.4.0-alpha.0-pr-18025.3e9bc35
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -17370,23 +17370,6 @@ html.overflow-y-hidden {
|
|
|
17370
17370
|
.v-date-picker-month__day--selected.v-date-picker-month__day--end.v-date-picker-month__day--week-start .v-date-picker-month__day--range,
|
|
17371
17371
|
.v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
|
|
17372
17372
|
display: none;
|
|
17373
|
-
}.v-date-picker-years {
|
|
17374
|
-
height: 308px;
|
|
17375
|
-
overflow-y: scroll;
|
|
17376
|
-
}
|
|
17377
|
-
|
|
17378
|
-
.v-date-picker-years__content {
|
|
17379
|
-
display: grid;
|
|
17380
|
-
flex: 1 1;
|
|
17381
|
-
justify-content: space-around;
|
|
17382
|
-
grid-template-columns: repeat(3, 1fr);
|
|
17383
|
-
grid-gap: 8px 24px;
|
|
17384
|
-
padding-inline-start: 36px;
|
|
17385
|
-
padding-inline-end: 36px;
|
|
17386
|
-
}
|
|
17387
|
-
.v-date-picker-years__content .v-btn {
|
|
17388
|
-
padding-inline-start: 8px;
|
|
17389
|
-
padding-inline-end: 8px;
|
|
17390
17373
|
}.v-infinite-scroll--horizontal {
|
|
17391
17374
|
display: flex;
|
|
17392
17375
|
flex-direction: row;
|
|
@@ -17412,6 +17395,23 @@ html.overflow-y-hidden {
|
|
|
17412
17395
|
display: flex;
|
|
17413
17396
|
justify-content: center;
|
|
17414
17397
|
padding: 8px;
|
|
17398
|
+
}.v-date-picker-years {
|
|
17399
|
+
height: 308px;
|
|
17400
|
+
overflow-y: scroll;
|
|
17401
|
+
}
|
|
17402
|
+
|
|
17403
|
+
.v-date-picker-years__content {
|
|
17404
|
+
display: grid;
|
|
17405
|
+
flex: 1 1;
|
|
17406
|
+
justify-content: space-around;
|
|
17407
|
+
grid-template-columns: repeat(3, 1fr);
|
|
17408
|
+
grid-gap: 8px 24px;
|
|
17409
|
+
padding-inline-start: 36px;
|
|
17410
|
+
padding-inline-end: 36px;
|
|
17411
|
+
}
|
|
17412
|
+
.v-date-picker-years__content .v-btn {
|
|
17413
|
+
padding-inline-start: 8px;
|
|
17414
|
+
padding-inline-end: 8px;
|
|
17415
17415
|
}.v-otp-input {
|
|
17416
17416
|
border-radius: 4px;
|
|
17417
17417
|
align-items: center;
|
|
@@ -18084,14 +18084,51 @@ html.overflow-y-hidden {
|
|
|
18084
18084
|
text-transform: none;
|
|
18085
18085
|
word-break: normal;
|
|
18086
18086
|
word-wrap: break-word;
|
|
18087
|
-
}.v-autocomplete .v-field .v-
|
|
18087
|
+
}.v-input--density-default.v-autocomplete .v-field--variant-outlined, .v-input--density-default.v-autocomplete .v-field--single-line, .v-input--density-default.v-autocomplete .v-field--no-label {
|
|
18088
|
+
--v-field-padding-bottom: 13px;
|
|
18089
|
+
}
|
|
18090
|
+
|
|
18091
|
+
.v-input--density-comfortable.v-autocomplete .v-field--variant-outlined, .v-input--density-comfortable.v-autocomplete .v-field--single-line, .v-input--density-comfortable.v-autocomplete .v-field--no-label {
|
|
18092
|
+
--v-field-padding-bottom: 9px;
|
|
18093
|
+
}
|
|
18094
|
+
|
|
18095
|
+
.v-input--density-compact.v-autocomplete .v-field--variant-outlined, .v-input--density-compact.v-autocomplete .v-field--single-line, .v-input--density-compact.v-autocomplete .v-field--no-label {
|
|
18096
|
+
--v-field-padding-bottom: 5px;
|
|
18097
|
+
}
|
|
18098
|
+
|
|
18099
|
+
.v-input--density-default.v-autocomplete {
|
|
18100
|
+
--v-input-padding-top: calc(13px + 0px);
|
|
18101
|
+
--v-input-chips-margin-top: 3px;
|
|
18102
|
+
--v-input-chips-margin-bottom: 2px;
|
|
18103
|
+
}
|
|
18104
|
+
|
|
18105
|
+
.v-input--density-comfortable.v-autocomplete {
|
|
18106
|
+
--v-input-padding-top: calc(13px + -4px);
|
|
18107
|
+
--v-input-chips-margin-top: 2px;
|
|
18108
|
+
--v-input-chips-margin-bottom: 1px;
|
|
18109
|
+
}
|
|
18110
|
+
|
|
18111
|
+
.v-input--density-compact.v-autocomplete {
|
|
18112
|
+
--v-input-padding-top: calc(13px + -8px);
|
|
18113
|
+
--v-input-chips-margin-top: 1px;
|
|
18114
|
+
--v-input-chips-margin-bottom: 0px;
|
|
18115
|
+
}
|
|
18116
|
+
|
|
18117
|
+
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
18118
|
+
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
18119
|
+
.v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
18120
|
+
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
18121
|
+
top: 0px;
|
|
18122
|
+
}
|
|
18123
|
+
.v-autocomplete .v-field .v-text-field__prefix,
|
|
18088
18124
|
.v-autocomplete .v-field .v-text-field__suffix,
|
|
18089
18125
|
.v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
|
|
18090
18126
|
cursor: text;
|
|
18091
18127
|
}
|
|
18092
18128
|
.v-autocomplete .v-field .v-field__input > input {
|
|
18093
|
-
align-self: flex-start;
|
|
18094
18129
|
flex: 1 1;
|
|
18130
|
+
margin-top: var(--v-input-chips-margin-top);
|
|
18131
|
+
margin-bottom: var(--v-input-chips-margin-bottom);
|
|
18095
18132
|
}
|
|
18096
18133
|
.v-autocomplete .v-field input {
|
|
18097
18134
|
min-width: 64px;
|
|
@@ -18119,6 +18156,7 @@ html.overflow-y-hidden {
|
|
|
18119
18156
|
.v-autocomplete__selection {
|
|
18120
18157
|
display: inline-flex;
|
|
18121
18158
|
align-items: center;
|
|
18159
|
+
height: 1.5rem;
|
|
18122
18160
|
letter-spacing: inherit;
|
|
18123
18161
|
line-height: inherit;
|
|
18124
18162
|
max-width: 90%;
|
|
@@ -18148,10 +18186,6 @@ html.overflow-y-hidden {
|
|
|
18148
18186
|
padding-inline-start: inherit;
|
|
18149
18187
|
padding-inline-end: inherit;
|
|
18150
18188
|
}
|
|
18151
|
-
.v-autocomplete--single .v-field--variant-outlined input {
|
|
18152
|
-
top: 50%;
|
|
18153
|
-
transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
|
|
18154
|
-
}
|
|
18155
18189
|
.v-autocomplete--single .v-field--active input {
|
|
18156
18190
|
transition: none;
|
|
18157
18191
|
}
|
|
@@ -19870,14 +19904,51 @@ html.overflow-y-hidden {
|
|
|
19870
19904
|
}
|
|
19871
19905
|
.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
|
|
19872
19906
|
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));
|
|
19873
|
-
}.v-combobox .v-field .v-
|
|
19907
|
+
}.v-input--density-default.v-combobox .v-field--variant-outlined, .v-input--density-default.v-combobox .v-field--single-line, .v-input--density-default.v-combobox .v-field--no-label {
|
|
19908
|
+
--v-field-padding-bottom: 13px;
|
|
19909
|
+
}
|
|
19910
|
+
|
|
19911
|
+
.v-input--density-comfortable.v-combobox .v-field--variant-outlined, .v-input--density-comfortable.v-combobox .v-field--single-line, .v-input--density-comfortable.v-combobox .v-field--no-label {
|
|
19912
|
+
--v-field-padding-bottom: 9px;
|
|
19913
|
+
}
|
|
19914
|
+
|
|
19915
|
+
.v-input--density-compact.v-combobox .v-field--variant-outlined, .v-input--density-compact.v-combobox .v-field--single-line, .v-input--density-compact.v-combobox .v-field--no-label {
|
|
19916
|
+
--v-field-padding-bottom: 5px;
|
|
19917
|
+
}
|
|
19918
|
+
|
|
19919
|
+
.v-input--density-default.v-combobox {
|
|
19920
|
+
--v-input-padding-top: calc(13px + 0px);
|
|
19921
|
+
--v-input-chips-margin-top: 3px;
|
|
19922
|
+
--v-input-chips-margin-bottom: 2px;
|
|
19923
|
+
}
|
|
19924
|
+
|
|
19925
|
+
.v-input--density-comfortable.v-combobox {
|
|
19926
|
+
--v-input-padding-top: calc(13px + -4px);
|
|
19927
|
+
--v-input-chips-margin-top: 2px;
|
|
19928
|
+
--v-input-chips-margin-bottom: 1px;
|
|
19929
|
+
}
|
|
19930
|
+
|
|
19931
|
+
.v-input--density-compact.v-combobox {
|
|
19932
|
+
--v-input-padding-top: calc(13px + -8px);
|
|
19933
|
+
--v-input-chips-margin-top: 1px;
|
|
19934
|
+
--v-input-chips-margin-bottom: 0px;
|
|
19935
|
+
}
|
|
19936
|
+
|
|
19937
|
+
.v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
19938
|
+
.v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
19939
|
+
.v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
19940
|
+
.v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
19941
|
+
top: 0px;
|
|
19942
|
+
}
|
|
19943
|
+
.v-combobox .v-field .v-text-field__prefix,
|
|
19874
19944
|
.v-combobox .v-field .v-text-field__suffix,
|
|
19875
19945
|
.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
|
|
19876
19946
|
cursor: text;
|
|
19877
19947
|
}
|
|
19878
19948
|
.v-combobox .v-field .v-field__input > input {
|
|
19879
|
-
align-self: flex-start;
|
|
19880
19949
|
flex: 1 1;
|
|
19950
|
+
margin-top: var(--v-input-chips-margin-top);
|
|
19951
|
+
margin-bottom: var(--v-input-chips-margin-bottom);
|
|
19881
19952
|
}
|
|
19882
19953
|
.v-combobox .v-field input {
|
|
19883
19954
|
min-width: 64px;
|
|
@@ -19905,6 +19976,7 @@ html.overflow-y-hidden {
|
|
|
19905
19976
|
.v-combobox__selection {
|
|
19906
19977
|
display: inline-flex;
|
|
19907
19978
|
align-items: center;
|
|
19979
|
+
height: 1.5rem;
|
|
19908
19980
|
letter-spacing: inherit;
|
|
19909
19981
|
line-height: inherit;
|
|
19910
19982
|
max-width: 90%;
|
|
@@ -19934,10 +20006,6 @@ html.overflow-y-hidden {
|
|
|
19934
20006
|
padding-inline-start: inherit;
|
|
19935
20007
|
padding-inline-end: inherit;
|
|
19936
20008
|
}
|
|
19937
|
-
.v-combobox--single .v-field--variant-outlined input {
|
|
19938
|
-
top: 50%;
|
|
19939
|
-
transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
|
|
19940
|
-
}
|
|
19941
20009
|
.v-combobox--single .v-field--active input {
|
|
19942
20010
|
transition: none;
|
|
19943
20011
|
}
|
|
@@ -21181,10 +21249,10 @@ html.overflow-y-hidden {
|
|
|
21181
21249
|
position: relative;
|
|
21182
21250
|
--v-field-padding-start: 16px;
|
|
21183
21251
|
--v-field-padding-end: 16px;
|
|
21184
|
-
--v-field-padding-top:
|
|
21185
|
-
--v-field-padding-bottom:
|
|
21186
|
-
--v-field-input-padding-top: calc(var(--v-field-padding-top,
|
|
21187
|
-
--v-field-input-padding-bottom: var(--v-field-padding-bottom,
|
|
21252
|
+
--v-field-padding-top: 8px;
|
|
21253
|
+
--v-field-padding-bottom: 3px;
|
|
21254
|
+
--v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
|
|
21255
|
+
--v-field-input-padding-bottom: var(--v-field-padding-bottom, 3px);
|
|
21188
21256
|
}
|
|
21189
21257
|
.v-field--disabled {
|
|
21190
21258
|
opacity: var(--v-disabled-opacity);
|
|
@@ -21220,12 +21288,12 @@ html.overflow-y-hidden {
|
|
|
21220
21288
|
}
|
|
21221
21289
|
.v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
|
|
21222
21290
|
--v-input-control-height: 56px;
|
|
21223
|
-
--v-field-padding-bottom:
|
|
21291
|
+
--v-field-padding-bottom: 3px;
|
|
21224
21292
|
}
|
|
21225
21293
|
|
|
21226
21294
|
.v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
|
|
21227
21295
|
--v-input-control-height: 48px;
|
|
21228
|
-
--v-field-padding-bottom:
|
|
21296
|
+
--v-field-padding-bottom: 0px;
|
|
21229
21297
|
}
|
|
21230
21298
|
|
|
21231
21299
|
.v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
|
|
@@ -21237,15 +21305,15 @@ html.overflow-y-hidden {
|
|
|
21237
21305
|
--v-field-padding-top: 0px;
|
|
21238
21306
|
}
|
|
21239
21307
|
.v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
|
|
21240
|
-
--v-field-padding-bottom:
|
|
21308
|
+
--v-field-padding-bottom: 16px;
|
|
21241
21309
|
}
|
|
21242
21310
|
|
|
21243
21311
|
.v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
|
|
21244
|
-
--v-field-padding-bottom:
|
|
21312
|
+
--v-field-padding-bottom: 12px;
|
|
21245
21313
|
}
|
|
21246
21314
|
|
|
21247
21315
|
.v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
|
|
21248
|
-
--v-field-padding-bottom:
|
|
21316
|
+
--v-field-padding-bottom: 8px;
|
|
21249
21317
|
}
|
|
21250
21318
|
|
|
21251
21319
|
.v-field--variant-plain, .v-field--variant-underlined {
|
|
@@ -21259,17 +21327,17 @@ html.overflow-y-hidden {
|
|
|
21259
21327
|
}
|
|
21260
21328
|
.v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
|
|
21261
21329
|
--v-input-control-height: 48px;
|
|
21262
|
-
--v-field-padding-bottom:
|
|
21330
|
+
--v-field-padding-bottom: 3px !important;
|
|
21263
21331
|
}
|
|
21264
21332
|
|
|
21265
21333
|
.v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
|
|
21266
21334
|
--v-input-control-height: 40px;
|
|
21267
|
-
--v-field-padding-bottom:
|
|
21335
|
+
--v-field-padding-bottom: 0px !important;
|
|
21268
21336
|
}
|
|
21269
21337
|
|
|
21270
21338
|
.v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
|
|
21271
21339
|
--v-input-control-height: 32px;
|
|
21272
|
-
--v-field-padding-bottom: 0px;
|
|
21340
|
+
--v-field-padding-bottom: 0px !important;
|
|
21273
21341
|
}
|
|
21274
21342
|
|
|
21275
21343
|
.v-field--flat {
|
|
@@ -21288,12 +21356,13 @@ html.overflow-y-hidden {
|
|
|
21288
21356
|
/* endregion */
|
|
21289
21357
|
/* region ELEMENTS */
|
|
21290
21358
|
.v-field__input {
|
|
21359
|
+
align-items: center;
|
|
21291
21360
|
color: inherit;
|
|
21292
21361
|
display: flex;
|
|
21293
21362
|
flex-wrap: wrap;
|
|
21294
21363
|
letter-spacing: 0.009375em;
|
|
21295
21364
|
opacity: var(--v-high-emphasis-opacity);
|
|
21296
|
-
min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) +
|
|
21365
|
+
min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + var(--v-input-chips-margin-bottom));
|
|
21297
21366
|
min-width: 0;
|
|
21298
21367
|
padding-inline-start: var(--v-field-padding-start);
|
|
21299
21368
|
padding-inline-end: var(--v-field-padding-end);
|
|
@@ -21348,7 +21417,7 @@ textarea.v-field__input::placeholder {
|
|
|
21348
21417
|
.v-field__prepend-inner {
|
|
21349
21418
|
display: flex;
|
|
21350
21419
|
align-items: flex-start;
|
|
21351
|
-
padding-top: var(--v-input-padding-top,
|
|
21420
|
+
padding-top: var(--v-input-padding-top, 8px);
|
|
21352
21421
|
}
|
|
21353
21422
|
.v-field--center-affix .v-field__append-inner,
|
|
21354
21423
|
.v-field--center-affix .v-field__clearable,
|
|
@@ -21364,8 +21433,8 @@ textarea.v-field__input::placeholder {
|
|
|
21364
21433
|
.v-field.v-field--variant-plain .v-field__clearable,
|
|
21365
21434
|
.v-field.v-field--variant-plain .v-field__prepend-inner {
|
|
21366
21435
|
align-items: flex-start;
|
|
21367
|
-
padding-top: calc(var(--v-field-padding-top,
|
|
21368
|
-
padding-bottom: var(--v-field-padding-bottom,
|
|
21436
|
+
padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
|
|
21437
|
+
padding-bottom: var(--v-field-padding-bottom, 3px);
|
|
21369
21438
|
}
|
|
21370
21439
|
|
|
21371
21440
|
.v-field--focused .v-field__prepend-inner,
|
|
@@ -21699,7 +21768,43 @@ textarea.v-field__input::placeholder {
|
|
|
21699
21768
|
opacity: 0;
|
|
21700
21769
|
}
|
|
21701
21770
|
|
|
21702
|
-
/* endregion */.v-file-input input
|
|
21771
|
+
/* endregion */.v-input--density-default.v-file-input .v-field--variant-outlined, .v-input--density-default.v-file-input .v-field--single-line, .v-input--density-default.v-file-input .v-field--no-label {
|
|
21772
|
+
--v-field-padding-bottom: 13px;
|
|
21773
|
+
}
|
|
21774
|
+
|
|
21775
|
+
.v-input--density-comfortable.v-file-input .v-field--variant-outlined, .v-input--density-comfortable.v-file-input .v-field--single-line, .v-input--density-comfortable.v-file-input .v-field--no-label {
|
|
21776
|
+
--v-field-padding-bottom: 9px;
|
|
21777
|
+
}
|
|
21778
|
+
|
|
21779
|
+
.v-input--density-compact.v-file-input .v-field--variant-outlined, .v-input--density-compact.v-file-input .v-field--single-line, .v-input--density-compact.v-file-input .v-field--no-label {
|
|
21780
|
+
--v-field-padding-bottom: 5px;
|
|
21781
|
+
}
|
|
21782
|
+
|
|
21783
|
+
.v-input--density-default.v-file-input {
|
|
21784
|
+
--v-input-padding-top: calc(13px + 0px);
|
|
21785
|
+
--v-input-chips-margin-top: 3px;
|
|
21786
|
+
--v-input-chips-margin-bottom: 2px;
|
|
21787
|
+
}
|
|
21788
|
+
|
|
21789
|
+
.v-input--density-comfortable.v-file-input {
|
|
21790
|
+
--v-input-padding-top: calc(13px + -4px);
|
|
21791
|
+
--v-input-chips-margin-top: 2px;
|
|
21792
|
+
--v-input-chips-margin-bottom: 1px;
|
|
21793
|
+
}
|
|
21794
|
+
|
|
21795
|
+
.v-input--density-compact.v-file-input {
|
|
21796
|
+
--v-input-padding-top: calc(13px + -8px);
|
|
21797
|
+
--v-input-chips-margin-top: 1px;
|
|
21798
|
+
--v-input-chips-margin-bottom: 0px;
|
|
21799
|
+
}
|
|
21800
|
+
|
|
21801
|
+
.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
21802
|
+
.v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
21803
|
+
.v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
21804
|
+
.v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
21805
|
+
top: 0px;
|
|
21806
|
+
}
|
|
21807
|
+
.v-file-input input[type=file] {
|
|
21703
21808
|
height: 100%;
|
|
21704
21809
|
left: 0;
|
|
21705
21810
|
opacity: 0;
|
|
@@ -21830,38 +21935,31 @@ textarea.v-field__input::placeholder {
|
|
|
21830
21935
|
font-size: 1rem;
|
|
21831
21936
|
font-weight: 400;
|
|
21832
21937
|
line-height: 1.5;
|
|
21833
|
-
--v-input-chips-margin-top: 2px;
|
|
21834
21938
|
}
|
|
21835
21939
|
.v-input--disabled {
|
|
21836
21940
|
pointer-events: none;
|
|
21837
21941
|
}
|
|
21838
21942
|
.v-input--density-default {
|
|
21839
21943
|
--v-input-control-height: 56px;
|
|
21840
|
-
--v-input-padding-top:
|
|
21944
|
+
--v-input-padding-top: 16px;
|
|
21945
|
+
--v-input-chips-margin-top: 0px;
|
|
21946
|
+
--v-input-chips-margin-bottom: 0px;
|
|
21841
21947
|
}
|
|
21842
21948
|
|
|
21843
21949
|
.v-input--density-comfortable {
|
|
21844
21950
|
--v-input-control-height: 48px;
|
|
21845
|
-
--v-input-padding-top:
|
|
21951
|
+
--v-input-padding-top: 12px;
|
|
21952
|
+
--v-input-chips-margin-top: 0px;
|
|
21953
|
+
--v-input-chips-margin-bottom: 0px;
|
|
21846
21954
|
}
|
|
21847
21955
|
|
|
21848
21956
|
.v-input--density-compact {
|
|
21849
21957
|
--v-input-control-height: 40px;
|
|
21850
|
-
--v-input-padding-top:
|
|
21851
|
-
|
|
21852
|
-
|
|
21853
|
-
.v-input--density-default {
|
|
21958
|
+
--v-input-padding-top: 8px;
|
|
21959
|
+
--v-input-chips-margin-top: 0px;
|
|
21854
21960
|
--v-input-chips-margin-bottom: 0px;
|
|
21855
21961
|
}
|
|
21856
21962
|
|
|
21857
|
-
.v-input--density-comfortable {
|
|
21858
|
-
--v-input-chips-margin-bottom: 2px;
|
|
21859
|
-
}
|
|
21860
|
-
|
|
21861
|
-
.v-input--density-compact {
|
|
21862
|
-
--v-input-chips-margin-bottom: 4px;
|
|
21863
|
-
}
|
|
21864
|
-
|
|
21865
21963
|
.v-input--vertical {
|
|
21866
21964
|
grid-template-areas: "append" "control" "prepend";
|
|
21867
21965
|
grid-template-rows: max-content auto max-content;
|
|
@@ -23982,15 +24080,6 @@ html.v-overlay-scroll-blocked {
|
|
|
23982
24080
|
--v-field-padding-end: 0;
|
|
23983
24081
|
}
|
|
23984
24082
|
|
|
23985
|
-
.v-text-field .v-field__input input {
|
|
23986
|
-
margin-top: var(--v-input-chips-margin-top);
|
|
23987
|
-
margin-bottom: var(--v-input-chips-margin-bottom);
|
|
23988
|
-
}
|
|
23989
|
-
.v-text-field input.v-field__input {
|
|
23990
|
-
min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px) - var(--v-input-chips-margin-top) - var(--v-input-chips-margin-bottom));
|
|
23991
|
-
padding-top: calc(var(--v-input-chips-margin-top) + var(--v-field-input-padding-top));
|
|
23992
|
-
padding-bottom: calc(var(--v-input-chips-margin-bottom) + var(--v-field-input-padding-bottom));
|
|
23993
|
-
}
|
|
23994
24083
|
.v-text-field .v-input__details {
|
|
23995
24084
|
padding-inline-start: 16px;
|
|
23996
24085
|
padding-inline-end: 16px;
|
|
@@ -24013,7 +24102,7 @@ html.v-overlay-scroll-blocked {
|
|
|
24013
24102
|
opacity: 0;
|
|
24014
24103
|
transition: inherit;
|
|
24015
24104
|
white-space: nowrap;
|
|
24016
|
-
min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) +
|
|
24105
|
+
min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + var(--v-input-chips-margin-bottom));
|
|
24017
24106
|
padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
|
|
24018
24107
|
padding-bottom: var(--v-field-padding-bottom, 6px);
|
|
24019
24108
|
}
|
|
@@ -24037,7 +24126,7 @@ html.v-overlay-scroll-blocked {
|
|
|
24037
24126
|
/* endregion */
|
|
24038
24127
|
/* region MODIFIERS */
|
|
24039
24128
|
.v-text-field--plain-underlined {
|
|
24040
|
-
--v-field-padding-top--plain-underlined:
|
|
24129
|
+
--v-field-padding-top--plain-underlined: 0px;
|
|
24041
24130
|
}
|
|
24042
24131
|
.v-text-field--plain-underlined .v-input__details {
|
|
24043
24132
|
padding: 0;
|
package/dist/vuetify-labs.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.4.0-alpha.0-
|
|
2
|
+
* Vuetify v3.4.0-alpha.0-pr-18025.3e9bc35
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -24634,7 +24634,7 @@ function createVuetify$1() {
|
|
|
24634
24634
|
date
|
|
24635
24635
|
};
|
|
24636
24636
|
}
|
|
24637
|
-
const version$1 = "3.4.0-alpha.0-
|
|
24637
|
+
const version$1 = "3.4.0-alpha.0-pr-18025.3e9bc35";
|
|
24638
24638
|
createVuetify$1.version = version$1;
|
|
24639
24639
|
|
|
24640
24640
|
// Vue's inject() can only be used in setup
|
|
@@ -24648,7 +24648,7 @@ function inject(key) {
|
|
|
24648
24648
|
|
|
24649
24649
|
/* eslint-disable local-rules/sort-imports */
|
|
24650
24650
|
|
|
24651
|
-
const version = "3.4.0-alpha.0-
|
|
24651
|
+
const version = "3.4.0-alpha.0-pr-18025.3e9bc35";
|
|
24652
24652
|
|
|
24653
24653
|
/* eslint-disable local-rules/sort-imports */
|
|
24654
24654
|
|