@vuetify/nightly 3.4.0-alpha.0-dev.2023-08-19 → 3.4.0-alpha.0-pr-18025.2e2786b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -2
- package/dist/json/web-types.json +1 -1
- package/dist/vuetify-labs.css +208 -137
- package/dist/vuetify-labs.esm.js +3 -3
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +3 -3
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +2563 -2492
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/components/VAutocomplete/VAutocomplete.css +33 -5
- package/lib/components/VAutocomplete/VAutocomplete.sass +9 -6
- package/lib/components/VAutocomplete/_variables.scss +1 -0
- package/lib/components/VCombobox/VCombobox.css +33 -5
- package/lib/components/VCombobox/VCombobox.sass +9 -6
- package/lib/components/VCombobox/_variables.scss +1 -0
- package/lib/components/VField/VField.css +20 -19
- package/lib/components/VField/VField.sass +4 -3
- package/lib/components/VField/_mixins.sass +16 -0
- package/lib/components/VField/_variables.scss +3 -3
- package/lib/components/VFileInput/VFileInput.css +30 -0
- package/lib/components/VFileInput/VFileInput.sass +6 -0
- package/lib/components/VInput/VInput.css +8 -15
- package/lib/components/VInput/VInput.sass +3 -6
- package/lib/components/VInput/_mixins.sass +13 -0
- package/lib/components/VInput/_variables.scss +2 -2
- package/lib/components/VTextField/VTextField.css +2 -11
- package/lib/components/VTextField/VTextField.sass +1 -10
- package/lib/entry-bundler.mjs +1 -1
- package/lib/entry-bundler.mjs.map +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/framework.mjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
# [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-
|
|
1
|
+
# [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0-pr-18025.2e2786b...v) (2023-08-23)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
# [3.4.0-alpha.0-
|
|
5
|
+
# [3.4.0-alpha.0-pr-18025.2e2786b](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.0...v3.4.0-alpha.0-pr-18025.2e2786b) (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
|
|
package/dist/json/web-types.json
CHANGED
package/dist/vuetify-labs.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.4.0-alpha.0-
|
|
2
|
+
* Vuetify v3.4.0-alpha.0-pr-18025.2e2786b
|
|
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-
|
|
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:
|
|
21185
|
-
--v-field-padding-bottom:
|
|
21186
|
-
--v-field-input-padding-top: calc(var(--v-field-padding-top,
|
|
21187
|
-
--v-field-input-padding-bottom: var(--v-field-padding-bottom,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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) +
|
|
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,
|
|
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,
|
|
21368
|
-
padding-bottom: var(--v-field-padding-bottom,
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
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) +
|
|
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:
|
|
24102
|
+
--v-field-padding-top--plain-underlined: 0px;
|
|
24032
24103
|
}
|
|
24033
24104
|
.v-text-field--plain-underlined .v-input__details {
|
|
24034
24105
|
padding: 0;
|
package/dist/vuetify-labs.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.4.0-alpha.0-
|
|
2
|
+
* Vuetify v3.4.0-alpha.0-pr-18025.2e2786b
|
|
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-
|
|
24579
|
+
const version$1 = "3.4.0-alpha.0-pr-18025.2e2786b";
|
|
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-
|
|
24593
|
+
const version = "3.4.0-alpha.0-pr-18025.2e2786b";
|
|
24594
24594
|
|
|
24595
24595
|
/* eslint-disable local-rules/sort-imports */
|
|
24596
24596
|
|