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

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 (53) hide show
  1. package/CHANGELOG.md +4 -5
  2. package/dist/json/attributes.json +4 -0
  3. package/dist/json/importMap.json +14 -14
  4. package/dist/json/tags.json +1 -0
  5. package/dist/json/web-types.json +11 -1
  6. package/dist/vuetify-labs.css +68 -130
  7. package/dist/vuetify-labs.d.ts +10 -4
  8. package/dist/vuetify-labs.esm.js +64 -6
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +64 -6
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +97 -159
  13. package/dist/vuetify.d.ts +14 -8
  14. package/dist/vuetify.esm.js +64 -6
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +64 -6
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +19 -10
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/VAutocomplete.css +5 -33
  22. package/lib/components/VAutocomplete/VAutocomplete.sass +6 -9
  23. package/lib/components/VAutocomplete/_variables.scss +0 -1
  24. package/lib/components/VCombobox/VCombobox.css +5 -33
  25. package/lib/components/VCombobox/VCombobox.sass +6 -9
  26. package/lib/components/VCombobox/_variables.scss +0 -1
  27. package/lib/components/VField/VField.css +19 -20
  28. package/lib/components/VField/VField.sass +3 -4
  29. package/lib/components/VField/_variables.scss +3 -3
  30. package/lib/components/VFileInput/VFileInput.css +0 -30
  31. package/lib/components/VFileInput/VFileInput.sass +0 -6
  32. package/lib/components/VInput/VInput.css +15 -8
  33. package/lib/components/VInput/VInput.sass +6 -3
  34. package/lib/components/VInput/_variables.scss +2 -2
  35. package/lib/components/VSelect/VSelect.sass +0 -1
  36. package/lib/components/VSnackbar/VSnackbar.css +9 -0
  37. package/lib/components/VSnackbar/VSnackbar.mjs +65 -6
  38. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  39. package/lib/components/VSnackbar/VSnackbar.sass +9 -0
  40. package/lib/components/VSnackbar/index.d.mts +11 -5
  41. package/lib/components/VTextField/VTextField.css +11 -2
  42. package/lib/components/VTextField/VTextField.sass +10 -1
  43. package/lib/components/index.d.mts +10 -4
  44. package/lib/composables/resizeObserver.mjs.map +1 -1
  45. package/lib/entry-bundler.mjs +1 -1
  46. package/lib/entry-bundler.mjs.map +1 -1
  47. package/lib/framework.mjs +1 -1
  48. package/lib/framework.mjs.map +1 -1
  49. package/lib/index.d.mts +4 -4
  50. package/lib/util/helpers.mjs.map +1 -1
  51. package/package.json +1 -1
  52. package/lib/components/VField/_mixins.sass +0 -16
  53. package/lib/components/VInput/_mixins.sass +0 -13
package/CHANGELOG.md CHANGED
@@ -1,14 +1,13 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-pr-18025.397a992...v) (2023-08-23)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-dev.2023-08-30...v) (2023-08-30)
2
2
 
3
3
 
4
4
 
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)
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)
6
6
 
7
7
 
8
- ### Bug Fixes
8
+ ### Features
9
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))
10
+ * **VSnackbar:** add timer prop ([#18013](https://github.com/vuetifyjs/vuetify/issues/18013)) ([ad6ee62](https://github.com/vuetifyjs/vuetify/commit/ad6ee6282cc7ea045172a68e50a9a9f74ad86310)), closes [#8451](https://github.com/vuetifyjs/vuetify/issues/8451)
12
11
 
13
12
 
14
13
 
@@ -7919,6 +7919,10 @@
7919
7919
  "type": "boolean\n",
7920
7920
  "description": "Gives the snackbar a larger minimum height."
7921
7921
  },
7922
+ "v-snackbar/timer": {
7923
+ "type": "string | boolean\n",
7924
+ "description": "Display a progress bar that counts down until the snackbar closes. Pass a string to set a custom color, otherwise uses `info`."
7925
+ },
7922
7926
  "v-snackbar/timeout": {
7923
7927
  "type": "string | number\n",
7924
7928
  "description": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use `-1` to keep open indefinitely (`0` in version < 2.3 ). It is recommended for this number to be between `4000` and `10000`. Changes to this property will reset the timeout."
@@ -200,12 +200,12 @@
200
200
  "from": "components/VIcon/index.mjs",
201
201
  "styles": []
202
202
  },
203
- "VInput": {
204
- "from": "components/VInput/index.mjs",
203
+ "VImg": {
204
+ "from": "components/VImg/index.mjs",
205
205
  "styles": []
206
206
  },
207
- "VKbd": {
208
- "from": "components/VKbd/index.mjs",
207
+ "VInput": {
208
+ "from": "components/VInput/index.mjs",
209
209
  "styles": []
210
210
  },
211
211
  "VItemGroup": {
@@ -216,6 +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
+ "VLabel": {
224
+ "from": "components/VLabel/index.mjs",
225
+ "styles": []
226
+ },
219
227
  "VList": {
220
228
  "from": "components/VList/index.mjs",
221
229
  "styles": []
@@ -252,10 +260,6 @@
252
260
  "from": "components/VList/index.mjs",
253
261
  "styles": []
254
262
  },
255
- "VLabel": {
256
- "from": "components/VLabel/index.mjs",
257
- "styles": []
258
- },
259
263
  "VMain": {
260
264
  "from": "components/VMain/index.mjs",
261
265
  "styles": []
@@ -396,10 +400,6 @@
396
400
  "from": "components/VForm/index.mjs",
397
401
  "styles": []
398
402
  },
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
- "VImg": {
420
- "from": "components/VImg/index.mjs",
419
+ "VHover": {
420
+ "from": "components/VHover/index.mjs",
421
421
  "styles": []
422
422
  },
423
423
  "VLayout": {
@@ -2629,6 +2629,7 @@
2629
2629
  "target",
2630
2630
  "theme",
2631
2631
  "timeout",
2632
+ "timer",
2632
2633
  "transition",
2633
2634
  "variant",
2634
2635
  "vertical",
@@ -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-pr-18025.397a992",
5
+ "version": "3.4.0-alpha.0-dev.2023-08-30",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -31180,6 +31180,16 @@
31180
31180
  "type": "boolean\n"
31181
31181
  }
31182
31182
  },
31183
+ {
31184
+ "name": "timer",
31185
+ "description": "Display a progress bar that counts down until the snackbar closes. Pass a string to set a custom color, otherwise uses `info`.",
31186
+ "doc-url": "https://vuetifyjs.com/api/v-snackbar#props",
31187
+ "default": "false",
31188
+ "value": {
31189
+ "kind": "expression",
31190
+ "type": "string | boolean\n"
31191
+ }
31192
+ },
31183
31193
  {
31184
31194
  "name": "timeout",
31185
31195
  "description": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use `-1` to keep open indefinitely (`0` in version < 2.3 ). It is recommended for this number to be between `4000` and `10000`. Changes to this property will reset the timeout.",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-alpha.0-pr-18025.397a992
2
+ * Vuetify v3.4.0-alpha.0-dev.2023-08-30
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18084,45 +18084,14 @@ 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,
18087
+ }.v-autocomplete .v-field .v-text-field__prefix,
18118
18088
  .v-autocomplete .v-field .v-text-field__suffix,
18119
18089
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18120
18090
  cursor: text;
18121
18091
  }
18122
18092
  .v-autocomplete .v-field .v-field__input > input {
18093
+ align-self: flex-start;
18123
18094
  flex: 1 1;
18124
- margin-top: var(--v-input-chips-margin-top);
18125
- margin-bottom: var(--v-input-chips-margin-bottom);
18126
18095
  }
18127
18096
  .v-autocomplete .v-field input {
18128
18097
  min-width: 64px;
@@ -18150,7 +18119,6 @@ html.overflow-y-hidden {
18150
18119
  .v-autocomplete__selection {
18151
18120
  display: inline-flex;
18152
18121
  align-items: center;
18153
- height: 1.5rem;
18154
18122
  letter-spacing: inherit;
18155
18123
  line-height: inherit;
18156
18124
  max-width: 90%;
@@ -18180,6 +18148,10 @@ html.overflow-y-hidden {
18180
18148
  padding-inline-start: inherit;
18181
18149
  padding-inline-end: inherit;
18182
18150
  }
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
+ }
18183
18155
  .v-autocomplete--single .v-field--active input {
18184
18156
  transition: none;
18185
18157
  }
@@ -19898,45 +19870,14 @@ html.overflow-y-hidden {
19898
19870
  }
19899
19871
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19900
19872
  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));
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,
19873
+ }.v-combobox .v-field .v-text-field__prefix,
19932
19874
  .v-combobox .v-field .v-text-field__suffix,
19933
19875
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19934
19876
  cursor: text;
19935
19877
  }
19936
19878
  .v-combobox .v-field .v-field__input > input {
19879
+ align-self: flex-start;
19937
19880
  flex: 1 1;
19938
- margin-top: var(--v-input-chips-margin-top);
19939
- margin-bottom: var(--v-input-chips-margin-bottom);
19940
19881
  }
19941
19882
  .v-combobox .v-field input {
19942
19883
  min-width: 64px;
@@ -19964,7 +19905,6 @@ html.overflow-y-hidden {
19964
19905
  .v-combobox__selection {
19965
19906
  display: inline-flex;
19966
19907
  align-items: center;
19967
- height: 1.5rem;
19968
19908
  letter-spacing: inherit;
19969
19909
  line-height: inherit;
19970
19910
  max-width: 90%;
@@ -19994,6 +19934,10 @@ html.overflow-y-hidden {
19994
19934
  padding-inline-start: inherit;
19995
19935
  padding-inline-end: inherit;
19996
19936
  }
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
+ }
19997
19941
  .v-combobox--single .v-field--active input {
19998
19942
  transition: none;
19999
19943
  }
@@ -21237,10 +21181,10 @@ html.overflow-y-hidden {
21237
21181
  position: relative;
21238
21182
  --v-field-padding-start: 16px;
21239
21183
  --v-field-padding-end: 16px;
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);
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);
21244
21188
  }
21245
21189
  .v-field--disabled {
21246
21190
  opacity: var(--v-disabled-opacity);
@@ -21276,12 +21220,12 @@ html.overflow-y-hidden {
21276
21220
  }
21277
21221
  .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 {
21278
21222
  --v-input-control-height: 56px;
21279
- --v-field-padding-bottom: 3px;
21223
+ --v-field-padding-bottom: 5px;
21280
21224
  }
21281
21225
 
21282
21226
  .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 {
21283
21227
  --v-input-control-height: 48px;
21284
- --v-field-padding-bottom: 0px;
21228
+ --v-field-padding-bottom: 1px;
21285
21229
  }
21286
21230
 
21287
21231
  .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 {
@@ -21293,15 +21237,15 @@ html.overflow-y-hidden {
21293
21237
  --v-field-padding-top: 0px;
21294
21238
  }
21295
21239
  .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21296
- --v-field-padding-bottom: 16px;
21240
+ --v-field-padding-bottom: 15px;
21297
21241
  }
21298
21242
 
21299
21243
  .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21300
- --v-field-padding-bottom: 12px;
21244
+ --v-field-padding-bottom: 11px;
21301
21245
  }
21302
21246
 
21303
21247
  .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21304
- --v-field-padding-bottom: 8px;
21248
+ --v-field-padding-bottom: 7px;
21305
21249
  }
21306
21250
 
21307
21251
  .v-field--variant-plain, .v-field--variant-underlined {
@@ -21315,17 +21259,17 @@ html.overflow-y-hidden {
21315
21259
  }
21316
21260
  .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21317
21261
  --v-input-control-height: 48px;
21318
- --v-field-padding-bottom: 3px !important;
21262
+ --v-field-padding-bottom: 5px;
21319
21263
  }
21320
21264
 
21321
21265
  .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21322
21266
  --v-input-control-height: 40px;
21323
- --v-field-padding-bottom: 0px !important;
21267
+ --v-field-padding-bottom: 1px;
21324
21268
  }
21325
21269
 
21326
21270
  .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21327
21271
  --v-input-control-height: 32px;
21328
- --v-field-padding-bottom: 0px !important;
21272
+ --v-field-padding-bottom: 0px;
21329
21273
  }
21330
21274
 
21331
21275
  .v-field--flat {
@@ -21344,13 +21288,12 @@ html.overflow-y-hidden {
21344
21288
  /* endregion */
21345
21289
  /* region ELEMENTS */
21346
21290
  .v-field__input {
21347
- align-items: center;
21348
21291
  color: inherit;
21349
21292
  display: flex;
21350
21293
  flex-wrap: wrap;
21351
21294
  letter-spacing: 0.009375em;
21352
21295
  opacity: var(--v-high-emphasis-opacity);
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));
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);
21354
21297
  min-width: 0;
21355
21298
  padding-inline-start: var(--v-field-padding-start);
21356
21299
  padding-inline-end: var(--v-field-padding-end);
@@ -21405,7 +21348,7 @@ textarea.v-field__input::placeholder {
21405
21348
  .v-field__prepend-inner {
21406
21349
  display: flex;
21407
21350
  align-items: flex-start;
21408
- padding-top: var(--v-input-padding-top, 8px);
21351
+ padding-top: var(--v-input-padding-top, 10px);
21409
21352
  }
21410
21353
  .v-field--center-affix .v-field__append-inner,
21411
21354
  .v-field--center-affix .v-field__clearable,
@@ -21421,8 +21364,8 @@ textarea.v-field__input::placeholder {
21421
21364
  .v-field.v-field--variant-plain .v-field__clearable,
21422
21365
  .v-field.v-field--variant-plain .v-field__prepend-inner {
21423
21366
  align-items: flex-start;
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);
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);
21426
21369
  }
21427
21370
 
21428
21371
  .v-field--focused .v-field__prepend-inner,
@@ -21509,15 +21452,15 @@ textarea.v-field__input::placeholder {
21509
21452
  visibility: visible;
21510
21453
  }
21511
21454
  .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 {
21512
- top: 5px;
21455
+ top: 7px;
21513
21456
  }
21514
21457
 
21515
21458
  .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 {
21516
- top: 3px;
21459
+ top: 5px;
21517
21460
  }
21518
21461
 
21519
21462
  .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 {
21520
- top: 1px;
21463
+ top: 3px;
21521
21464
  }
21522
21465
 
21523
21466
  .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
@@ -21756,37 +21699,7 @@ textarea.v-field__input::placeholder {
21756
21699
  opacity: 0;
21757
21700
  }
21758
21701
 
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] {
21702
+ /* endregion */.v-file-input input[type=file] {
21790
21703
  height: 100%;
21791
21704
  left: 0;
21792
21705
  opacity: 0;
@@ -21917,31 +21830,38 @@ textarea.v-field__input::placeholder {
21917
21830
  font-size: 1rem;
21918
21831
  font-weight: 400;
21919
21832
  line-height: 1.5;
21833
+ --v-input-chips-margin-top: 2px;
21920
21834
  }
21921
21835
  .v-input--disabled {
21922
21836
  pointer-events: none;
21923
21837
  }
21924
21838
  .v-input--density-default {
21925
21839
  --v-input-control-height: 56px;
21926
- --v-input-padding-top: 16px;
21927
- --v-input-chips-margin-top: 0px;
21928
- --v-input-chips-margin-bottom: 0px;
21840
+ --v-input-padding-top: 15px;
21929
21841
  }
21930
21842
 
21931
21843
  .v-input--density-comfortable {
21932
21844
  --v-input-control-height: 48px;
21933
- --v-input-padding-top: 12px;
21934
- --v-input-chips-margin-top: 0px;
21935
- --v-input-chips-margin-bottom: 0px;
21845
+ --v-input-padding-top: 11px;
21936
21846
  }
21937
21847
 
21938
21848
  .v-input--density-compact {
21939
21849
  --v-input-control-height: 40px;
21940
- --v-input-padding-top: 8px;
21941
- --v-input-chips-margin-top: 0px;
21850
+ --v-input-padding-top: 7px;
21851
+ }
21852
+
21853
+ .v-input--density-default {
21942
21854
  --v-input-chips-margin-bottom: 0px;
21943
21855
  }
21944
21856
 
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
+
21945
21865
  .v-input--vertical {
21946
21866
  grid-template-areas: "append" "control" "prepend";
21947
21867
  grid-template-rows: max-content auto max-content;
@@ -23540,6 +23460,7 @@ html.v-overlay-scroll-blocked {
23540
23460
  max-width: 672px;
23541
23461
  min-height: 48px;
23542
23462
  min-width: 344px;
23463
+ overflow: hidden;
23543
23464
  padding: 0;
23544
23465
  border-radius: 4px;
23545
23466
  }
@@ -23604,6 +23525,14 @@ html.v-overlay-scroll-blocked {
23604
23525
  padding: 0 8px;
23605
23526
  min-width: auto;
23606
23527
  }
23528
+ .v-snackbar__timer {
23529
+ width: 100%;
23530
+ position: absolute;
23531
+ top: 0;
23532
+ }
23533
+ .v-snackbar__timer .v-progress-linear {
23534
+ transition: 0.2s linear;
23535
+ }
23607
23536
  .v-snackbar--absolute {
23608
23537
  position: absolute;
23609
23538
  z-index: 1;
@@ -24053,6 +23982,15 @@ html.v-overlay-scroll-blocked {
24053
23982
  --v-field-padding-end: 0;
24054
23983
  }
24055
23984
 
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
+ }
24056
23994
  .v-text-field .v-input__details {
24057
23995
  padding-inline-start: 16px;
24058
23996
  padding-inline-end: 16px;
@@ -24075,7 +24013,7 @@ html.v-overlay-scroll-blocked {
24075
24013
  opacity: 0;
24076
24014
  transition: inherit;
24077
24015
  white-space: nowrap;
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));
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);
24079
24017
  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24080
24018
  padding-bottom: var(--v-field-padding-bottom, 6px);
24081
24019
  }
@@ -24099,7 +24037,7 @@ html.v-overlay-scroll-blocked {
24099
24037
  /* endregion */
24100
24038
  /* region MODIFIERS */
24101
24039
  .v-text-field--plain-underlined {
24102
- --v-field-padding-top--plain-underlined: 0px;
24040
+ --v-field-padding-top--plain-underlined: 6px;
24103
24041
  }
24104
24042
  .v-text-field--plain-underlined .v-input__details {
24105
24043
  padding: 0;
@@ -44206,6 +44206,7 @@ declare const VSnackbar: {
44206
44206
  ref?: vue.VNodeRef | undefined;
44207
44207
  ref_for?: boolean | undefined;
44208
44208
  ref_key?: string | undefined;
44209
+ timer?: string | boolean | undefined;
44209
44210
  theme?: string | undefined;
44210
44211
  "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
44211
44212
  'v-slots'?: {
@@ -44327,6 +44328,7 @@ declare const VSnackbar: {
44327
44328
  position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
44328
44329
  target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
44329
44330
  class?: any;
44331
+ timer?: string | boolean | undefined;
44330
44332
  theme?: string | undefined;
44331
44333
  contentClass?: any;
44332
44334
  rounded?: string | number | boolean | undefined;
@@ -44651,7 +44653,7 @@ declare const VSnackbar: {
44651
44653
  errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
44652
44654
  };
44653
44655
  $forceUpdate: () => void;
44654
- $nextTick: typeof vue.nextTick;
44656
+ $nextTick: typeof nextTick;
44655
44657
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
44656
44658
  } & {
44657
44659
  absolute: boolean;
@@ -44798,7 +44800,7 @@ declare const VSnackbar: {
44798
44800
  errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
44799
44801
  };
44800
44802
  $forceUpdate: () => void;
44801
- $nextTick: typeof vue.nextTick;
44803
+ $nextTick: typeof nextTick;
44802
44804
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
44803
44805
  } & {
44804
44806
  absolute: boolean;
@@ -44836,6 +44838,7 @@ declare const VSnackbar: {
44836
44838
  position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
44837
44839
  target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
44838
44840
  class?: any;
44841
+ timer?: string | boolean | undefined;
44839
44842
  theme?: string | undefined;
44840
44843
  contentClass?: any;
44841
44844
  rounded?: string | number | boolean | undefined;
@@ -45160,7 +45163,7 @@ declare const VSnackbar: {
45160
45163
  errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
45161
45164
  };
45162
45165
  $forceUpdate: () => void;
45163
- $nextTick: typeof vue.nextTick;
45166
+ $nextTick: typeof nextTick;
45164
45167
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
45165
45168
  } & {
45166
45169
  absolute: boolean;
@@ -45287,6 +45290,7 @@ declare const VSnackbar: {
45287
45290
  position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
45288
45291
  target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
45289
45292
  class?: any;
45293
+ timer?: string | boolean | undefined;
45290
45294
  theme?: string | undefined;
45291
45295
  contentClass?: any;
45292
45296
  rounded?: string | number | boolean | undefined;
@@ -45611,7 +45615,7 @@ declare const VSnackbar: {
45611
45615
  errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
45612
45616
  };
45613
45617
  $forceUpdate: () => void;
45614
- $nextTick: typeof vue.nextTick;
45618
+ $nextTick: typeof nextTick;
45615
45619
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
45616
45620
  } & {
45617
45621
  absolute: boolean;
@@ -45832,6 +45836,7 @@ declare const VSnackbar: {
45832
45836
  validator: (v: any) => boolean;
45833
45837
  };
45834
45838
  multiLine: BooleanConstructor;
45839
+ timer: (StringConstructor | BooleanConstructor)[];
45835
45840
  timeout: {
45836
45841
  type: (StringConstructor | NumberConstructor)[];
45837
45842
  default: number;
@@ -45929,6 +45934,7 @@ declare const VSnackbar: {
45929
45934
  validator: (v: any) => boolean;
45930
45935
  };
45931
45936
  multiLine: BooleanConstructor;
45937
+ timer: (StringConstructor | BooleanConstructor)[];
45932
45938
  timeout: {
45933
45939
  type: (StringConstructor | NumberConstructor)[];
45934
45940
  default: number;