@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.
Files changed (40) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/json/importMap-labs.json +24 -24
  3. package/dist/json/importMap.json +4 -4
  4. package/dist/json/web-types.json +1 -1
  5. package/dist/vuetify-labs.css +162 -73
  6. package/dist/vuetify-labs.esm.js +3 -3
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +3 -3
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +228 -139
  11. package/dist/vuetify.d.ts +7 -7
  12. package/dist/vuetify.esm.js +3 -3
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +3 -3
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +3 -3
  18. package/lib/components/VAutocomplete/VAutocomplete.css +39 -5
  19. package/lib/components/VAutocomplete/VAutocomplete.sass +7 -6
  20. package/lib/components/VAutocomplete/_variables.scss +1 -0
  21. package/lib/components/VCombobox/VCombobox.css +39 -5
  22. package/lib/components/VCombobox/VCombobox.sass +7 -6
  23. package/lib/components/VCombobox/_variables.scss +1 -0
  24. package/lib/components/VField/VField.css +17 -16
  25. package/lib/components/VField/VField.sass +3 -2
  26. package/lib/components/VField/_mixins.sass +34 -0
  27. package/lib/components/VField/_variables.scss +3 -3
  28. package/lib/components/VFileInput/VFileInput.css +36 -0
  29. package/lib/components/VFileInput/VFileInput.sass +4 -0
  30. package/lib/components/VInput/VInput.css +8 -15
  31. package/lib/components/VInput/VInput.sass +3 -6
  32. package/lib/components/VInput/_variables.scss +2 -2
  33. package/lib/components/VTextField/VTextField.css +2 -11
  34. package/lib/components/VTextField/VTextField.sass +1 -10
  35. package/lib/entry-bundler.mjs +1 -1
  36. package/lib/entry-bundler.mjs.map +1 -1
  37. package/lib/framework.mjs +1 -1
  38. package/lib/framework.mjs.map +1 -1
  39. package/lib/index.d.mts +7 -7
  40. 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-dev.2023-08-30...v) (2023-08-30)
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-dev.2023-08-30](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0...v3.4.0-alpha.0-dev.2023-08-30) (2023-08-30)
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
  }
@@ -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": []
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "vuetify",
5
- "version": "3.4.0-alpha.0-dev.2023-08-30",
5
+ "version": "3.4.0-alpha.0-pr-18025.3e9bc35",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-alpha.0-dev.2023-08-30
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-text-field__prefix,
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-text-field__prefix,
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: 10px;
21185
- --v-field-padding-bottom: 5px;
21186
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
21187
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 5px);
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: 5px;
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: 1px;
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: 15px;
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: 11px;
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: 7px;
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: 5px;
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: 1px;
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) + 2px);
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, 10px);
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, 10px) + var(--v-input-padding-top, 0));
21368
- padding-bottom: var(--v-field-padding-bottom, 5px);
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[type=file] {
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: 15px;
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: 11px;
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: 7px;
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) + 2px);
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: 6px;
24129
+ --v-field-padding-top--plain-underlined: 0px;
24041
24130
  }
24042
24131
  .v-text-field--plain-underlined .v-input__details {
24043
24132
  padding: 0;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-alpha.0-dev.2023-08-30
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-dev.2023-08-30";
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-dev.2023-08-30";
24651
+ const version = "3.4.0-alpha.0-pr-18025.3e9bc35";
24652
24652
 
24653
24653
  /* eslint-disable local-rules/sort-imports */
24654
24654