@vuetify/nightly 3.4.0-alpha.0-dev.2023-08-19 → 3.4.0-alpha.0-pr-18025.397a992

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 (41) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/json/importMap.json +14 -14
  3. package/dist/json/web-types.json +1 -1
  4. package/dist/vuetify-labs.css +208 -137
  5. package/dist/vuetify-labs.esm.js +3 -3
  6. package/dist/vuetify-labs.esm.js.map +1 -1
  7. package/dist/vuetify-labs.js +3 -3
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +2563 -2492
  10. package/dist/vuetify.d.ts +4 -4
  11. package/dist/vuetify.esm.js +3 -3
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +3 -3
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +3 -3
  17. package/lib/components/VAutocomplete/VAutocomplete.css +33 -5
  18. package/lib/components/VAutocomplete/VAutocomplete.sass +9 -6
  19. package/lib/components/VAutocomplete/_variables.scss +1 -0
  20. package/lib/components/VCombobox/VCombobox.css +33 -5
  21. package/lib/components/VCombobox/VCombobox.sass +9 -6
  22. package/lib/components/VCombobox/_variables.scss +1 -0
  23. package/lib/components/VField/VField.css +20 -19
  24. package/lib/components/VField/VField.sass +4 -3
  25. package/lib/components/VField/_mixins.sass +16 -0
  26. package/lib/components/VField/_variables.scss +3 -3
  27. package/lib/components/VFileInput/VFileInput.css +30 -0
  28. package/lib/components/VFileInput/VFileInput.sass +6 -0
  29. package/lib/components/VInput/VInput.css +8 -15
  30. package/lib/components/VInput/VInput.sass +3 -6
  31. package/lib/components/VInput/_mixins.sass +13 -0
  32. package/lib/components/VInput/_variables.scss +2 -2
  33. package/lib/components/VSelect/VSelect.sass +1 -0
  34. package/lib/components/VTextField/VTextField.css +2 -11
  35. package/lib/components/VTextField/VTextField.sass +1 -10
  36. package/lib/entry-bundler.mjs +1 -1
  37. package/lib/entry-bundler.mjs.map +1 -1
  38. package/lib/framework.mjs +1 -1
  39. package/lib/framework.mjs.map +1 -1
  40. package/lib/index.d.mts +4 -4
  41. 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-19...v) (2023-08-19)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-pr-18025.397a992...v) (2023-08-23)
2
2
 
3
3
 
4
4
 
5
- # [3.4.0-alpha.0-dev.2023-08-19](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0...v3.4.0-alpha.0-dev.2023-08-19) (2023-08-19)
5
+ # [3.4.0-alpha.0-pr-18025.397a992](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0...v3.4.0-alpha.0-pr-18025.397a992) (2023-08-23)
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
 
@@ -200,14 +200,14 @@
200
200
  "from": "components/VIcon/index.mjs",
201
201
  "styles": []
202
202
  },
203
- "VImg": {
204
- "from": "components/VImg/index.mjs",
205
- "styles": []
206
- },
207
203
  "VInput": {
208
204
  "from": "components/VInput/index.mjs",
209
205
  "styles": []
210
206
  },
207
+ "VKbd": {
208
+ "from": "components/VKbd/index.mjs",
209
+ "styles": []
210
+ },
211
211
  "VItemGroup": {
212
212
  "from": "components/VItemGroup/index.mjs",
213
213
  "styles": []
@@ -216,14 +216,6 @@
216
216
  "from": "components/VItemGroup/index.mjs",
217
217
  "styles": []
218
218
  },
219
- "VKbd": {
220
- "from": "components/VKbd/index.mjs",
221
- "styles": []
222
- },
223
- "VLabel": {
224
- "from": "components/VLabel/index.mjs",
225
- "styles": []
226
- },
227
219
  "VList": {
228
220
  "from": "components/VList/index.mjs",
229
221
  "styles": []
@@ -260,6 +252,10 @@
260
252
  "from": "components/VList/index.mjs",
261
253
  "styles": []
262
254
  },
255
+ "VLabel": {
256
+ "from": "components/VLabel/index.mjs",
257
+ "styles": []
258
+ },
263
259
  "VMain": {
264
260
  "from": "components/VMain/index.mjs",
265
261
  "styles": []
@@ -400,6 +396,10 @@
400
396
  "from": "components/VForm/index.mjs",
401
397
  "styles": []
402
398
  },
399
+ "VHover": {
400
+ "from": "components/VHover/index.mjs",
401
+ "styles": []
402
+ },
403
403
  "VContainer": {
404
404
  "from": "components/VGrid/index.mjs",
405
405
  "styles": []
@@ -416,8 +416,8 @@
416
416
  "from": "components/VGrid/index.mjs",
417
417
  "styles": []
418
418
  },
419
- "VHover": {
420
- "from": "components/VHover/index.mjs",
419
+ "VImg": {
420
+ "from": "components/VImg/index.mjs",
421
421
  "styles": []
422
422
  },
423
423
  "VLayout": {
@@ -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-19",
5
+ "version": "3.4.0-alpha.0-pr-18025.397a992",
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-19
2
+ * Vuetify v3.4.0-alpha.0-pr-18025.397a992
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18084,6 +18084,118 @@ html.overflow-y-hidden {
18084
18084
  text-transform: none;
18085
18085
  word-break: normal;
18086
18086
  word-wrap: break-word;
18087
+ }.v-input--density-default.v-autocomplete {
18088
+ --v-input-padding-top: calc(13px + 0px);
18089
+ --v-input-chips-margin-top: 3px;
18090
+ --v-input-chips-margin-bottom: 2px;
18091
+ }
18092
+
18093
+ .v-input--density-comfortable.v-autocomplete {
18094
+ --v-input-padding-top: calc(13px + -4px);
18095
+ --v-input-chips-margin-top: 2px;
18096
+ --v-input-chips-margin-bottom: 1px;
18097
+ }
18098
+
18099
+ .v-input--density-compact.v-autocomplete {
18100
+ --v-input-padding-top: calc(13px + -8px);
18101
+ --v-input-chips-margin-top: 1px;
18102
+ --v-input-chips-margin-bottom: 0px;
18103
+ }
18104
+
18105
+ .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 {
18106
+ --v-field-padding-bottom: 13px;
18107
+ }
18108
+
18109
+ .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 {
18110
+ --v-field-padding-bottom: 9px;
18111
+ }
18112
+
18113
+ .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 {
18114
+ --v-field-padding-bottom: 5px;
18115
+ }
18116
+
18117
+ .v-autocomplete .v-field .v-text-field__prefix,
18118
+ .v-autocomplete .v-field .v-text-field__suffix,
18119
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18120
+ cursor: text;
18121
+ }
18122
+ .v-autocomplete .v-field .v-field__input > input {
18123
+ flex: 1 1;
18124
+ margin-top: var(--v-input-chips-margin-top);
18125
+ margin-bottom: var(--v-input-chips-margin-bottom);
18126
+ }
18127
+ .v-autocomplete .v-field input {
18128
+ min-width: 64px;
18129
+ }
18130
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18131
+ min-width: 0;
18132
+ }
18133
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18134
+ margin-inline-end: 2px;
18135
+ }
18136
+ .v-autocomplete .v-autocomplete__selection-text {
18137
+ overflow: hidden;
18138
+ text-overflow: ellipsis;
18139
+ white-space: nowrap;
18140
+ }
18141
+
18142
+ .v-autocomplete__content {
18143
+ overflow: hidden;
18144
+ 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));
18145
+ border-radius: 4px;
18146
+ }
18147
+ .v-autocomplete__mask {
18148
+ background: rgb(var(--v-theme-on-surface-variant));
18149
+ }
18150
+ .v-autocomplete__selection {
18151
+ display: inline-flex;
18152
+ align-items: center;
18153
+ height: 1.5rem;
18154
+ letter-spacing: inherit;
18155
+ line-height: inherit;
18156
+ max-width: 90%;
18157
+ }
18158
+ .v-autocomplete__selection {
18159
+ margin-top: var(--v-input-chips-margin-top);
18160
+ margin-bottom: var(--v-input-chips-margin-bottom);
18161
+ }
18162
+ .v-autocomplete__selection:first-child {
18163
+ margin-inline-start: 0;
18164
+ }
18165
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18166
+ opacity: var(--v-medium-emphasis-opacity);
18167
+ }
18168
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18169
+ opacity: 1;
18170
+ }
18171
+ .v-autocomplete--selecting-index .v-field__input > input {
18172
+ caret-color: transparent;
18173
+ }
18174
+ .v-autocomplete--single.v-text-field input {
18175
+ flex: 1 1;
18176
+ position: absolute;
18177
+ left: 0;
18178
+ right: 0;
18179
+ width: 100%;
18180
+ padding-inline-start: inherit;
18181
+ padding-inline-end: inherit;
18182
+ }
18183
+ .v-autocomplete--single .v-field--active input {
18184
+ transition: none;
18185
+ }
18186
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18187
+ opacity: 0;
18188
+ }
18189
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
18190
+ opacity: 0;
18191
+ }
18192
+ .v-autocomplete__menu-icon {
18193
+ margin-inline-start: 4px;
18194
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18195
+ }
18196
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18197
+ opacity: var(--v-high-emphasis-opacity);
18198
+ transform: rotate(180deg);
18087
18199
  }.v-avatar {
18088
18200
  flex: none;
18089
18201
  align-items: center;
@@ -18984,90 +19096,6 @@ html.overflow-y-hidden {
18984
19096
  }
18985
19097
  .v-btn-group--tile {
18986
19098
  border-radius: 0;
18987
- }.v-autocomplete .v-field .v-text-field__prefix,
18988
- .v-autocomplete .v-field .v-text-field__suffix,
18989
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18990
- cursor: text;
18991
- }
18992
- .v-autocomplete .v-field .v-field__input > input {
18993
- align-self: flex-start;
18994
- flex: 1 1;
18995
- }
18996
- .v-autocomplete .v-field input {
18997
- min-width: 64px;
18998
- }
18999
- .v-autocomplete .v-field:not(.v-field--focused) input {
19000
- min-width: 0;
19001
- }
19002
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
19003
- margin-inline-end: 2px;
19004
- }
19005
- .v-autocomplete .v-autocomplete__selection-text {
19006
- overflow: hidden;
19007
- text-overflow: ellipsis;
19008
- white-space: nowrap;
19009
- }
19010
-
19011
- .v-autocomplete__content {
19012
- overflow: hidden;
19013
- 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));
19014
- border-radius: 4px;
19015
- }
19016
- .v-autocomplete__mask {
19017
- background: rgb(var(--v-theme-on-surface-variant));
19018
- }
19019
- .v-autocomplete__selection {
19020
- display: inline-flex;
19021
- align-items: center;
19022
- letter-spacing: inherit;
19023
- line-height: inherit;
19024
- max-width: 90%;
19025
- }
19026
- .v-autocomplete__selection {
19027
- margin-top: var(--v-input-chips-margin-top);
19028
- margin-bottom: var(--v-input-chips-margin-bottom);
19029
- }
19030
- .v-autocomplete__selection:first-child {
19031
- margin-inline-start: 0;
19032
- }
19033
- .v-autocomplete--selecting-index .v-autocomplete__selection {
19034
- opacity: var(--v-medium-emphasis-opacity);
19035
- }
19036
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
19037
- opacity: 1;
19038
- }
19039
- .v-autocomplete--selecting-index .v-field__input > input {
19040
- caret-color: transparent;
19041
- }
19042
- .v-autocomplete--single.v-text-field input {
19043
- flex: 1 1;
19044
- position: absolute;
19045
- left: 0;
19046
- right: 0;
19047
- width: 100%;
19048
- padding-inline-start: inherit;
19049
- padding-inline-end: inherit;
19050
- }
19051
- .v-autocomplete--single .v-field--variant-outlined input {
19052
- top: 50%;
19053
- transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom)) / 2));
19054
- }
19055
- .v-autocomplete--single .v-field--active input {
19056
- transition: none;
19057
- }
19058
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
19059
- opacity: 0;
19060
- }
19061
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
19062
- opacity: 0;
19063
- }
19064
- .v-autocomplete__menu-icon {
19065
- margin-inline-start: 4px;
19066
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19067
- }
19068
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
19069
- opacity: var(--v-high-emphasis-opacity);
19070
- transform: rotate(180deg);
19071
19099
  }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
19072
19100
  opacity: var(--v-activated-opacity);
19073
19101
  }.v-card {
@@ -19870,14 +19898,45 @@ html.overflow-y-hidden {
19870
19898
  }
19871
19899
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19872
19900
  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,
19901
+ }.v-input--density-default.v-combobox {
19902
+ --v-input-padding-top: calc(13px + 0px);
19903
+ --v-input-chips-margin-top: 3px;
19904
+ --v-input-chips-margin-bottom: 2px;
19905
+ }
19906
+
19907
+ .v-input--density-comfortable.v-combobox {
19908
+ --v-input-padding-top: calc(13px + -4px);
19909
+ --v-input-chips-margin-top: 2px;
19910
+ --v-input-chips-margin-bottom: 1px;
19911
+ }
19912
+
19913
+ .v-input--density-compact.v-combobox {
19914
+ --v-input-padding-top: calc(13px + -8px);
19915
+ --v-input-chips-margin-top: 1px;
19916
+ --v-input-chips-margin-bottom: 0px;
19917
+ }
19918
+
19919
+ .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 {
19920
+ --v-field-padding-bottom: 13px;
19921
+ }
19922
+
19923
+ .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 {
19924
+ --v-field-padding-bottom: 9px;
19925
+ }
19926
+
19927
+ .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 {
19928
+ --v-field-padding-bottom: 5px;
19929
+ }
19930
+
19931
+ .v-combobox .v-field .v-text-field__prefix,
19874
19932
  .v-combobox .v-field .v-text-field__suffix,
19875
19933
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19876
19934
  cursor: text;
19877
19935
  }
19878
19936
  .v-combobox .v-field .v-field__input > input {
19879
- align-self: flex-start;
19880
19937
  flex: 1 1;
19938
+ margin-top: var(--v-input-chips-margin-top);
19939
+ margin-bottom: var(--v-input-chips-margin-bottom);
19881
19940
  }
19882
19941
  .v-combobox .v-field input {
19883
19942
  min-width: 64px;
@@ -19905,6 +19964,7 @@ html.overflow-y-hidden {
19905
19964
  .v-combobox__selection {
19906
19965
  display: inline-flex;
19907
19966
  align-items: center;
19967
+ height: 1.5rem;
19908
19968
  letter-spacing: inherit;
19909
19969
  line-height: inherit;
19910
19970
  max-width: 90%;
@@ -19934,10 +19994,6 @@ html.overflow-y-hidden {
19934
19994
  padding-inline-start: inherit;
19935
19995
  padding-inline-end: inherit;
19936
19996
  }
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
19997
  .v-combobox--single .v-field--active input {
19942
19998
  transition: none;
19943
19999
  }
@@ -21181,10 +21237,10 @@ html.overflow-y-hidden {
21181
21237
  position: relative;
21182
21238
  --v-field-padding-start: 16px;
21183
21239
  --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);
21240
+ --v-field-padding-top: 8px;
21241
+ --v-field-padding-bottom: 3px;
21242
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21243
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 3px);
21188
21244
  }
21189
21245
  .v-field--disabled {
21190
21246
  opacity: var(--v-disabled-opacity);
@@ -21220,12 +21276,12 @@ html.overflow-y-hidden {
21220
21276
  }
21221
21277
  .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
21278
  --v-input-control-height: 56px;
21223
- --v-field-padding-bottom: 5px;
21279
+ --v-field-padding-bottom: 3px;
21224
21280
  }
21225
21281
 
21226
21282
  .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
21283
  --v-input-control-height: 48px;
21228
- --v-field-padding-bottom: 1px;
21284
+ --v-field-padding-bottom: 0px;
21229
21285
  }
21230
21286
 
21231
21287
  .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 +21293,15 @@ html.overflow-y-hidden {
21237
21293
  --v-field-padding-top: 0px;
21238
21294
  }
21239
21295
  .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;
21296
+ --v-field-padding-bottom: 16px;
21241
21297
  }
21242
21298
 
21243
21299
  .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;
21300
+ --v-field-padding-bottom: 12px;
21245
21301
  }
21246
21302
 
21247
21303
  .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;
21304
+ --v-field-padding-bottom: 8px;
21249
21305
  }
21250
21306
 
21251
21307
  .v-field--variant-plain, .v-field--variant-underlined {
@@ -21259,17 +21315,17 @@ html.overflow-y-hidden {
21259
21315
  }
21260
21316
  .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21261
21317
  --v-input-control-height: 48px;
21262
- --v-field-padding-bottom: 5px;
21318
+ --v-field-padding-bottom: 3px !important;
21263
21319
  }
21264
21320
 
21265
21321
  .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21266
21322
  --v-input-control-height: 40px;
21267
- --v-field-padding-bottom: 1px;
21323
+ --v-field-padding-bottom: 0px !important;
21268
21324
  }
21269
21325
 
21270
21326
  .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21271
21327
  --v-input-control-height: 32px;
21272
- --v-field-padding-bottom: 0px;
21328
+ --v-field-padding-bottom: 0px !important;
21273
21329
  }
21274
21330
 
21275
21331
  .v-field--flat {
@@ -21288,12 +21344,13 @@ html.overflow-y-hidden {
21288
21344
  /* endregion */
21289
21345
  /* region ELEMENTS */
21290
21346
  .v-field__input {
21347
+ align-items: center;
21291
21348
  color: inherit;
21292
21349
  display: flex;
21293
21350
  flex-wrap: wrap;
21294
21351
  letter-spacing: 0.009375em;
21295
21352
  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);
21353
+ 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
21354
  min-width: 0;
21298
21355
  padding-inline-start: var(--v-field-padding-start);
21299
21356
  padding-inline-end: var(--v-field-padding-end);
@@ -21348,7 +21405,7 @@ textarea.v-field__input::placeholder {
21348
21405
  .v-field__prepend-inner {
21349
21406
  display: flex;
21350
21407
  align-items: flex-start;
21351
- padding-top: var(--v-input-padding-top, 10px);
21408
+ padding-top: var(--v-input-padding-top, 8px);
21352
21409
  }
21353
21410
  .v-field--center-affix .v-field__append-inner,
21354
21411
  .v-field--center-affix .v-field__clearable,
@@ -21364,8 +21421,8 @@ textarea.v-field__input::placeholder {
21364
21421
  .v-field.v-field--variant-plain .v-field__clearable,
21365
21422
  .v-field.v-field--variant-plain .v-field__prepend-inner {
21366
21423
  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);
21424
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21425
+ padding-bottom: var(--v-field-padding-bottom, 3px);
21369
21426
  }
21370
21427
 
21371
21428
  .v-field--focused .v-field__prepend-inner,
@@ -21452,15 +21509,15 @@ textarea.v-field__input::placeholder {
21452
21509
  visibility: visible;
21453
21510
  }
21454
21511
  .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21455
- top: 7px;
21512
+ top: 5px;
21456
21513
  }
21457
21514
 
21458
21515
  .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21459
- top: 5px;
21516
+ top: 3px;
21460
21517
  }
21461
21518
 
21462
21519
  .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21463
- top: 3px;
21520
+ top: 1px;
21464
21521
  }
21465
21522
 
21466
21523
  .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
@@ -21699,7 +21756,37 @@ textarea.v-field__input::placeholder {
21699
21756
  opacity: 0;
21700
21757
  }
21701
21758
 
21702
- /* endregion */.v-file-input input[type=file] {
21759
+ /* endregion */.v-input--density-default.v-file-input {
21760
+ --v-input-padding-top: calc(13px + 0px);
21761
+ --v-input-chips-margin-top: 3px;
21762
+ --v-input-chips-margin-bottom: 2px;
21763
+ }
21764
+
21765
+ .v-input--density-comfortable.v-file-input {
21766
+ --v-input-padding-top: calc(13px + -4px);
21767
+ --v-input-chips-margin-top: 2px;
21768
+ --v-input-chips-margin-bottom: 1px;
21769
+ }
21770
+
21771
+ .v-input--density-compact.v-file-input {
21772
+ --v-input-padding-top: calc(13px + -8px);
21773
+ --v-input-chips-margin-top: 1px;
21774
+ --v-input-chips-margin-bottom: 0px;
21775
+ }
21776
+
21777
+ .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 {
21778
+ --v-field-padding-bottom: 13px;
21779
+ }
21780
+
21781
+ .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 {
21782
+ --v-field-padding-bottom: 9px;
21783
+ }
21784
+
21785
+ .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 {
21786
+ --v-field-padding-bottom: 5px;
21787
+ }
21788
+
21789
+ .v-file-input input[type=file] {
21703
21790
  height: 100%;
21704
21791
  left: 0;
21705
21792
  opacity: 0;
@@ -21830,38 +21917,31 @@ textarea.v-field__input::placeholder {
21830
21917
  font-size: 1rem;
21831
21918
  font-weight: 400;
21832
21919
  line-height: 1.5;
21833
- --v-input-chips-margin-top: 2px;
21834
21920
  }
21835
21921
  .v-input--disabled {
21836
21922
  pointer-events: none;
21837
21923
  }
21838
21924
  .v-input--density-default {
21839
21925
  --v-input-control-height: 56px;
21840
- --v-input-padding-top: 15px;
21926
+ --v-input-padding-top: 16px;
21927
+ --v-input-chips-margin-top: 0px;
21928
+ --v-input-chips-margin-bottom: 0px;
21841
21929
  }
21842
21930
 
21843
21931
  .v-input--density-comfortable {
21844
21932
  --v-input-control-height: 48px;
21845
- --v-input-padding-top: 11px;
21933
+ --v-input-padding-top: 12px;
21934
+ --v-input-chips-margin-top: 0px;
21935
+ --v-input-chips-margin-bottom: 0px;
21846
21936
  }
21847
21937
 
21848
21938
  .v-input--density-compact {
21849
21939
  --v-input-control-height: 40px;
21850
- --v-input-padding-top: 7px;
21851
- }
21852
-
21853
- .v-input--density-default {
21940
+ --v-input-padding-top: 8px;
21941
+ --v-input-chips-margin-top: 0px;
21854
21942
  --v-input-chips-margin-bottom: 0px;
21855
21943
  }
21856
21944
 
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
21945
  .v-input--vertical {
21866
21946
  grid-template-areas: "append" "control" "prepend";
21867
21947
  grid-template-rows: max-content auto max-content;
@@ -23973,15 +24053,6 @@ html.v-overlay-scroll-blocked {
23973
24053
  --v-field-padding-end: 0;
23974
24054
  }
23975
24055
 
23976
- .v-text-field .v-field__input input {
23977
- margin-top: var(--v-input-chips-margin-top);
23978
- margin-bottom: var(--v-input-chips-margin-bottom);
23979
- }
23980
- .v-text-field input.v-field__input {
23981
- 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));
23982
- padding-top: calc(var(--v-input-chips-margin-top) + var(--v-field-input-padding-top));
23983
- padding-bottom: calc(var(--v-input-chips-margin-bottom) + var(--v-field-input-padding-bottom));
23984
- }
23985
24056
  .v-text-field .v-input__details {
23986
24057
  padding-inline-start: 16px;
23987
24058
  padding-inline-end: 16px;
@@ -24004,7 +24075,7 @@ html.v-overlay-scroll-blocked {
24004
24075
  opacity: 0;
24005
24076
  transition: inherit;
24006
24077
  white-space: nowrap;
24007
- 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);
24078
+ 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));
24008
24079
  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24009
24080
  padding-bottom: var(--v-field-padding-bottom, 6px);
24010
24081
  }
@@ -24028,7 +24099,7 @@ html.v-overlay-scroll-blocked {
24028
24099
  /* endregion */
24029
24100
  /* region MODIFIERS */
24030
24101
  .v-text-field--plain-underlined {
24031
- --v-field-padding-top--plain-underlined: 6px;
24102
+ --v-field-padding-top--plain-underlined: 0px;
24032
24103
  }
24033
24104
  .v-text-field--plain-underlined .v-input__details {
24034
24105
  padding: 0;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-alpha.0-dev.2023-08-19
2
+ * Vuetify v3.4.0-alpha.0-pr-18025.397a992
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -24576,7 +24576,7 @@ function createVuetify$1() {
24576
24576
  date
24577
24577
  };
24578
24578
  }
24579
- const version$1 = "3.4.0-alpha.0-dev.2023-08-19";
24579
+ const version$1 = "3.4.0-alpha.0-pr-18025.397a992";
24580
24580
  createVuetify$1.version = version$1;
24581
24581
 
24582
24582
  // Vue's inject() can only be used in setup
@@ -24590,7 +24590,7 @@ function inject(key) {
24590
24590
 
24591
24591
  /* eslint-disable local-rules/sort-imports */
24592
24592
 
24593
- const version = "3.4.0-alpha.0-dev.2023-08-19";
24593
+ const version = "3.4.0-alpha.0-pr-18025.397a992";
24594
24594
 
24595
24595
  /* eslint-disable local-rules/sort-imports */
24596
24596