@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.
- package/CHANGELOG.md +4 -5
- package/dist/json/attributes.json +4 -0
- package/dist/json/importMap.json +14 -14
- package/dist/json/tags.json +1 -0
- package/dist/json/web-types.json +11 -1
- package/dist/vuetify-labs.css +68 -130
- package/dist/vuetify-labs.d.ts +10 -4
- package/dist/vuetify-labs.esm.js +64 -6
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +64 -6
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +97 -159
- package/dist/vuetify.d.ts +14 -8
- package/dist/vuetify.esm.js +64 -6
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +64 -6
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +19 -10
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.css +5 -33
- package/lib/components/VAutocomplete/VAutocomplete.sass +6 -9
- package/lib/components/VAutocomplete/_variables.scss +0 -1
- package/lib/components/VCombobox/VCombobox.css +5 -33
- package/lib/components/VCombobox/VCombobox.sass +6 -9
- package/lib/components/VCombobox/_variables.scss +0 -1
- package/lib/components/VField/VField.css +19 -20
- package/lib/components/VField/VField.sass +3 -4
- package/lib/components/VField/_variables.scss +3 -3
- package/lib/components/VFileInput/VFileInput.css +0 -30
- package/lib/components/VFileInput/VFileInput.sass +0 -6
- package/lib/components/VInput/VInput.css +15 -8
- package/lib/components/VInput/VInput.sass +6 -3
- package/lib/components/VInput/_variables.scss +2 -2
- package/lib/components/VSelect/VSelect.sass +0 -1
- package/lib/components/VSnackbar/VSnackbar.css +9 -0
- package/lib/components/VSnackbar/VSnackbar.mjs +65 -6
- package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
- package/lib/components/VSnackbar/VSnackbar.sass +9 -0
- package/lib/components/VSnackbar/index.d.mts +11 -5
- package/lib/components/VTextField/VTextField.css +11 -2
- package/lib/components/VTextField/VTextField.sass +10 -1
- package/lib/components/index.d.mts +10 -4
- package/lib/composables/resizeObserver.mjs.map +1 -1
- 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 +4 -4
- package/lib/util/helpers.mjs.map +1 -1
- package/package.json +1 -1
- package/lib/components/VField/_mixins.sass +0 -16
- 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-
|
|
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-
|
|
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
|
-
###
|
|
8
|
+
### Features
|
|
9
9
|
|
|
10
|
-
* **
|
|
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."
|
package/dist/json/importMap.json
CHANGED
|
@@ -200,12 +200,12 @@
|
|
|
200
200
|
"from": "components/VIcon/index.mjs",
|
|
201
201
|
"styles": []
|
|
202
202
|
},
|
|
203
|
-
"
|
|
204
|
-
"from": "components/
|
|
203
|
+
"VImg": {
|
|
204
|
+
"from": "components/VImg/index.mjs",
|
|
205
205
|
"styles": []
|
|
206
206
|
},
|
|
207
|
-
"
|
|
208
|
-
"from": "components/
|
|
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
|
-
"
|
|
420
|
-
"from": "components/
|
|
419
|
+
"VHover": {
|
|
420
|
+
"from": "components/VHover/index.mjs",
|
|
421
421
|
"styles": []
|
|
422
422
|
},
|
|
423
423
|
"VLayout": {
|
package/dist/json/tags.json
CHANGED
package/dist/json/web-types.json
CHANGED
|
@@ -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-
|
|
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.",
|
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-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-
|
|
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-
|
|
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:
|
|
21241
|
-
--v-field-padding-bottom:
|
|
21242
|
-
--v-field-input-padding-top: calc(var(--v-field-padding-top,
|
|
21243
|
-
--v-field-input-padding-bottom: var(--v-field-padding-bottom,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
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) +
|
|
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,
|
|
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,
|
|
21425
|
-
padding-bottom: var(--v-field-padding-bottom,
|
|
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:
|
|
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:
|
|
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:
|
|
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-
|
|
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:
|
|
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:
|
|
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:
|
|
21941
|
-
|
|
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) +
|
|
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:
|
|
24040
|
+
--v-field-padding-top--plain-underlined: 6px;
|
|
24103
24041
|
}
|
|
24104
24042
|
.v-text-field--plain-underlined .v-input__details {
|
|
24105
24043
|
padding: 0;
|
package/dist/vuetify-labs.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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;
|