@vuetify/nightly 3.0.3-next-20221129.0 → 3.0.4-dev-20221208.0
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 +11 -5
- package/dist/json/importMap.json +18 -18
- package/dist/vuetify.css +76 -78
- package/dist/vuetify.d.ts +377 -184
- package/dist/vuetify.esm.js +170 -140
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +170 -140
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +695 -691
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAlert/index.d.ts +1 -1
- package/lib/components/VAppBar/VAppBar.mjs +2 -2
- package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
- package/lib/components/VAppBar/index.d.ts +275 -62
- package/lib/components/VAutocomplete/index.d.ts +22 -22
- package/lib/components/VCheckbox/VCheckbox.css +1 -1
- package/lib/components/VCheckbox/VCheckbox.sass +1 -1
- package/lib/components/VChip/VChip.mjs +14 -6
- package/lib/components/VChip/VChip.mjs.map +1 -1
- package/lib/components/VChip/index.d.ts +3 -1
- package/lib/components/VChipGroup/index.d.ts +1 -1
- package/lib/components/VColorPicker/VColorPicker.mjs +2 -2
- package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerPreview.mjs +2 -2
- package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
- package/lib/components/VColorPicker/util/index.mjs +24 -14
- package/lib/components/VColorPicker/util/index.mjs.map +1 -1
- package/lib/components/VCombobox/index.d.ts +22 -22
- package/lib/components/VExpansionPanel/index.d.ts +1 -1
- package/lib/components/VField/index.d.ts +6 -6
- package/lib/components/VFileInput/index.d.ts +2 -2
- package/lib/components/VGrid/VGrid.css +2 -2
- package/lib/components/VGrid/VGrid.sass +1 -1
- package/lib/components/VList/VListItem.mjs +2 -1
- package/lib/components/VList/VListItem.mjs.map +1 -1
- package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +2 -2
- package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
- package/lib/components/VOverlay/locationStrategies.mjs +3 -1
- package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
- package/lib/components/VPagination/index.d.ts +1 -1
- package/lib/components/VProgressLinear/VProgressLinear.sass +1 -1
- package/lib/components/VProgressLinear/_variables.scss +1 -1
- package/lib/components/VRadioGroup/VRadioGroup.mjs +1 -2
- package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
- package/lib/components/VSelect/index.d.ts +22 -22
- package/lib/components/VSelectionControl/VSelectionControl.css +4 -0
- package/lib/components/VSelectionControl/VSelectionControl.sass +4 -0
- package/lib/components/VSelectionControl/index.d.ts +6 -6
- package/lib/components/VSnackbar/index.d.ts +4 -4
- package/lib/components/VSwitch/VSwitch.css +1 -1
- package/lib/components/VSwitch/VSwitch.sass +1 -1
- package/lib/components/VSystemBar/VSystemBar.css +1 -1
- package/lib/components/VSystemBar/_variables.scss +1 -1
- package/lib/components/VTabs/VTab.css +1 -3
- package/lib/components/VTabs/VTab.sass +1 -4
- package/lib/components/VTabs/VTabs.css +0 -4
- package/lib/components/VTabs/VTabs.sass +0 -5
- package/lib/components/VTextField/index.d.ts +18 -18
- package/lib/components/VTextarea/index.d.ts +1 -1
- package/lib/components/VToolbar/VToolbar.mjs +32 -22
- package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
- package/lib/components/VToolbar/index.d.ts +9 -8
- package/lib/components/index.d.ts +370 -177
- package/lib/composables/theme.mjs +7 -7
- package/lib/composables/theme.mjs.map +1 -1
- package/lib/composables/validation.mjs +1 -1
- package/lib/composables/validation.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.ts +7 -7
- package/lib/util/color/APCA.mjs +6 -6
- package/lib/util/color/APCA.mjs.map +1 -1
- package/lib/util/color/transformSRGB.mjs +15 -7
- package/lib/util/color/transformSRGB.mjs.map +1 -1
- package/lib/util/colorUtils.mjs +64 -81
- package/lib/util/colorUtils.mjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
# [](https://github.com/vuetifyjs/vuetify/compare/v3.0.
|
|
1
|
+
# [](https://github.com/vuetifyjs/vuetify/compare/v3.0.4-dev-20221208.0...v) (2022-12-08)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
## [3.0.
|
|
5
|
+
## [3.0.4-dev-20221208.0](https://github.com/vuetifyjs/vuetify/compare/v3.0.3...v3.0.4-dev-20221208.0) (2022-12-08)
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
### Bug Fixes
|
|
9
9
|
|
|
10
|
-
*
|
|
11
|
-
* **
|
|
12
|
-
* **
|
|
10
|
+
* parse all colors to rgba objects instead of numbers ([#16052](https://github.com/vuetifyjs/vuetify/issues/16052)) ([df03cea](https://github.com/vuetifyjs/vuetify/commit/df03cea89e5c51a516b3063548479acfe3f3abcf)), closes [#16045](https://github.com/vuetifyjs/vuetify/issues/16045)
|
|
11
|
+
* **types:** unwrap refs in `this.$vuetify` ([#16193](https://github.com/vuetifyjs/vuetify/issues/16193)) ([fb84480](https://github.com/vuetifyjs/vuetify/commit/fb84480c8bdcda729226d0ade80ffbef8d1d05c2))
|
|
12
|
+
* **validation:** enforce validation maxErrors ([#16202](https://github.com/vuetifyjs/vuetify/issues/16202)) ([13d156c](https://github.com/vuetifyjs/vuetify/commit/13d156cbed58aa6bd095e8cf7a644550825f251e))
|
|
13
|
+
* **VChip:** ensure to prop uses router ([#16152](https://github.com/vuetifyjs/vuetify/issues/16152)) ([185423d](https://github.com/vuetifyjs/vuetify/commit/185423d0cd9e6cfdddac568cd80c326a16da1149)), closes [#16151](https://github.com/vuetifyjs/vuetify/issues/16151)
|
|
14
|
+
* **VListItem:** don't use content element as VOverlay activator ([ad7b2c1](https://github.com/vuetifyjs/vuetify/commit/ad7b2c113146113c06051b41632485687b2f2749))
|
|
15
|
+
* **VRadioGroup:** remove clickable from label ([#16217](https://github.com/vuetifyjs/vuetify/issues/16217)) ([b2aa8c8](https://github.com/vuetifyjs/vuetify/commit/b2aa8c8ad3be4234565a02af9ee2cba4e4e82467))
|
|
16
|
+
* **VRow:** correct gutter between rows ([#16212](https://github.com/vuetifyjs/vuetify/issues/16212)) ([6153f0d](https://github.com/vuetifyjs/vuetify/commit/6153f0d18533f877f2c531e3b853a7e192484280)), closes [#16211](https://github.com/vuetifyjs/vuetify/issues/16211)
|
|
17
|
+
* **VSelectionControl/VCheckbox/VSwitch:** long label wrapping ([#16194](https://github.com/vuetifyjs/vuetify/issues/16194)) ([edfc746](https://github.com/vuetifyjs/vuetify/commit/edfc746296f597771c8907736138a63f6a15bce0))
|
|
18
|
+
* **VTab/VTabs:** use --v-tabs-height as default for --v-btn-height ([ceaffe5](https://github.com/vuetifyjs/vuetify/commit/ceaffe530eb21e40cee7f9b8c45aafdc60f94718)), closes [#14863](https://github.com/vuetifyjs/vuetify/issues/14863)
|
|
13
19
|
|
|
14
20
|
|
|
15
21
|
|
package/dist/json/importMap.json
CHANGED
|
@@ -8,6 +8,10 @@
|
|
|
8
8
|
"from": "components/VDefaultsProvider/index.mjs",
|
|
9
9
|
"styles": []
|
|
10
10
|
},
|
|
11
|
+
"VForm": {
|
|
12
|
+
"from": "components/VForm/index.mjs",
|
|
13
|
+
"styles": []
|
|
14
|
+
},
|
|
11
15
|
"VContainer": {
|
|
12
16
|
"from": "components/VGrid/index.mjs",
|
|
13
17
|
"styles": []
|
|
@@ -28,8 +32,12 @@
|
|
|
28
32
|
"from": "components/VHover/index.mjs",
|
|
29
33
|
"styles": []
|
|
30
34
|
},
|
|
31
|
-
"
|
|
32
|
-
"from": "components/
|
|
35
|
+
"VLayout": {
|
|
36
|
+
"from": "components/VLayout/index.mjs",
|
|
37
|
+
"styles": []
|
|
38
|
+
},
|
|
39
|
+
"VLayoutItem": {
|
|
40
|
+
"from": "components/VLayout/index.mjs",
|
|
33
41
|
"styles": []
|
|
34
42
|
},
|
|
35
43
|
"VLazy": {
|
|
@@ -40,14 +48,6 @@
|
|
|
40
48
|
"from": "components/VLocaleProvider/index.mjs",
|
|
41
49
|
"styles": []
|
|
42
50
|
},
|
|
43
|
-
"VLayout": {
|
|
44
|
-
"from": "components/VLayout/index.mjs",
|
|
45
|
-
"styles": []
|
|
46
|
-
},
|
|
47
|
-
"VLayoutItem": {
|
|
48
|
-
"from": "components/VLayout/index.mjs",
|
|
49
|
-
"styles": []
|
|
50
|
-
},
|
|
51
51
|
"VNoSsr": {
|
|
52
52
|
"from": "components/VNoSsr/index.mjs",
|
|
53
53
|
"styles": []
|
|
@@ -208,6 +208,10 @@
|
|
|
208
208
|
"from": "components/VBtnGroup/index.mjs",
|
|
209
209
|
"styles": []
|
|
210
210
|
},
|
|
211
|
+
"VBtnToggle": {
|
|
212
|
+
"from": "components/VBtnToggle/index.mjs",
|
|
213
|
+
"styles": []
|
|
214
|
+
},
|
|
211
215
|
"VCard": {
|
|
212
216
|
"from": "components/VCard/index.mjs",
|
|
213
217
|
"styles": []
|
|
@@ -248,10 +252,6 @@
|
|
|
248
252
|
"from": "components/VCheckbox/index.mjs",
|
|
249
253
|
"styles": []
|
|
250
254
|
},
|
|
251
|
-
"VBtnToggle": {
|
|
252
|
-
"from": "components/VBtnToggle/index.mjs",
|
|
253
|
-
"styles": []
|
|
254
|
-
},
|
|
255
255
|
"VChip": {
|
|
256
256
|
"from": "components/VChip/index.mjs",
|
|
257
257
|
"styles": []
|
|
@@ -400,14 +400,14 @@
|
|
|
400
400
|
"from": "components/VMain/index.mjs",
|
|
401
401
|
"styles": []
|
|
402
402
|
},
|
|
403
|
-
"VMenu": {
|
|
404
|
-
"from": "components/VMenu/index.mjs",
|
|
405
|
-
"styles": []
|
|
406
|
-
},
|
|
407
403
|
"VMessages": {
|
|
408
404
|
"from": "components/VMessages/index.mjs",
|
|
409
405
|
"styles": []
|
|
410
406
|
},
|
|
407
|
+
"VMenu": {
|
|
408
|
+
"from": "components/VMenu/index.mjs",
|
|
409
|
+
"styles": []
|
|
410
|
+
},
|
|
411
411
|
"VNavigationDrawer": {
|
|
412
412
|
"from": "components/VNavigationDrawer/index.mjs",
|
|
413
413
|
"styles": []
|
package/dist/vuetify.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.0.
|
|
2
|
+
* Vuetify v3.0.4-dev-20221208.0
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -19990,7 +19990,7 @@ html.overflow-y-hidden {
|
|
|
19990
19990
|
height: 100% !important;
|
|
19991
19991
|
width: 50px;
|
|
19992
19992
|
}.v-checkbox .v-selection-control {
|
|
19993
|
-
height: var(--v-input-control-height);
|
|
19993
|
+
min-height: var(--v-input-control-height);
|
|
19994
19994
|
}.v-chip {
|
|
19995
19995
|
align-items: center;
|
|
19996
19996
|
cursor: default;
|
|
@@ -20531,10 +20531,10 @@ html.overflow-y-hidden {
|
|
|
20531
20531
|
flex: 1 1 auto;
|
|
20532
20532
|
margin: -12px;
|
|
20533
20533
|
}
|
|
20534
|
-
.v-row + .row {
|
|
20534
|
+
.v-row + .v-row {
|
|
20535
20535
|
margin-top: 12px;
|
|
20536
20536
|
}
|
|
20537
|
-
.v-row + .row--dense {
|
|
20537
|
+
.v-row + .v-row--dense {
|
|
20538
20538
|
margin-top: 4px;
|
|
20539
20539
|
}
|
|
20540
20540
|
.v-row--dense {
|
|
@@ -22494,13 +22494,6 @@ textarea.v-field__input::placeholder {
|
|
|
22494
22494
|
|
|
22495
22495
|
.v-label--clickable {
|
|
22496
22496
|
cursor: pointer;
|
|
22497
|
-
}.v-layout-item {
|
|
22498
|
-
position: absolute;
|
|
22499
|
-
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
22500
|
-
}
|
|
22501
|
-
|
|
22502
|
-
.v-layout-item--absolute {
|
|
22503
|
-
position: absolute;
|
|
22504
22497
|
}.v-layout {
|
|
22505
22498
|
--v-scrollbar-offset: 0px;
|
|
22506
22499
|
display: flex;
|
|
@@ -22509,6 +22502,13 @@ textarea.v-field__input::placeholder {
|
|
|
22509
22502
|
.v-layout--full-height {
|
|
22510
22503
|
--v-scrollbar-offset: inherit;
|
|
22511
22504
|
height: 100%;
|
|
22505
|
+
}.v-layout-item {
|
|
22506
|
+
position: absolute;
|
|
22507
|
+
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
22508
|
+
}
|
|
22509
|
+
|
|
22510
|
+
.v-layout-item--absolute {
|
|
22511
|
+
position: absolute;
|
|
22512
22512
|
}.v-list {
|
|
22513
22513
|
overflow: auto;
|
|
22514
22514
|
padding: 8px 0;
|
|
@@ -23592,64 +23592,6 @@ html.v-overlay-scroll-blocked {
|
|
|
23592
23592
|
|
|
23593
23593
|
.v-slider__label {
|
|
23594
23594
|
margin-inline-end: 12px;
|
|
23595
|
-
}.v-rating {
|
|
23596
|
-
max-width: 100%;
|
|
23597
|
-
display: inline-flex;
|
|
23598
|
-
white-space: nowrap;
|
|
23599
|
-
}
|
|
23600
|
-
.v-rating--readonly {
|
|
23601
|
-
pointer-events: none;
|
|
23602
|
-
}
|
|
23603
|
-
|
|
23604
|
-
.v-rating__wrapper {
|
|
23605
|
-
align-items: center;
|
|
23606
|
-
display: inline-flex;
|
|
23607
|
-
flex-direction: column;
|
|
23608
|
-
}
|
|
23609
|
-
.v-rating__wrapper--bottom {
|
|
23610
|
-
flex-direction: column-reverse;
|
|
23611
|
-
}
|
|
23612
|
-
|
|
23613
|
-
.v-rating__item {
|
|
23614
|
-
display: inline-flex;
|
|
23615
|
-
position: relative;
|
|
23616
|
-
}
|
|
23617
|
-
.v-rating__item label {
|
|
23618
|
-
cursor: pointer;
|
|
23619
|
-
}
|
|
23620
|
-
.v-rating__item .v-btn--variant-plain {
|
|
23621
|
-
opacity: 1;
|
|
23622
|
-
}
|
|
23623
|
-
.v-rating__item .v-btn {
|
|
23624
|
-
transition-property: transform;
|
|
23625
|
-
}
|
|
23626
|
-
.v-rating__item .v-btn .v-icon {
|
|
23627
|
-
transition: inherit;
|
|
23628
|
-
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
23629
|
-
}
|
|
23630
|
-
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
|
|
23631
|
-
transform: scale(1.25);
|
|
23632
|
-
}
|
|
23633
|
-
.v-rating__item--focused .v-btn__overlay {
|
|
23634
|
-
display: block;
|
|
23635
|
-
opacity: var(--v-hover-opacity);
|
|
23636
|
-
}
|
|
23637
|
-
.v-rating__item--half {
|
|
23638
|
-
overflow: hidden;
|
|
23639
|
-
position: absolute;
|
|
23640
|
-
-webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
|
|
23641
|
-
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
|
|
23642
|
-
z-index: 1;
|
|
23643
|
-
}
|
|
23644
|
-
.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
|
|
23645
|
-
opacity: 0;
|
|
23646
|
-
}
|
|
23647
|
-
|
|
23648
|
-
.v-rating__hidden {
|
|
23649
|
-
height: 0;
|
|
23650
|
-
opacity: 0;
|
|
23651
|
-
position: absolute;
|
|
23652
|
-
width: 0;
|
|
23653
23595
|
}.v-responsive {
|
|
23654
23596
|
display: flex;
|
|
23655
23597
|
flex: 1 0 auto;
|
|
@@ -23745,6 +23687,8 @@ html.v-overlay-scroll-blocked {
|
|
|
23745
23687
|
user-select: none;
|
|
23746
23688
|
}
|
|
23747
23689
|
.v-selection-control .v-label {
|
|
23690
|
+
white-space: normal;
|
|
23691
|
+
word-break: break-word;
|
|
23748
23692
|
height: 100%;
|
|
23749
23693
|
width: 100%;
|
|
23750
23694
|
}
|
|
@@ -23761,6 +23705,8 @@ html.v-overlay-scroll-blocked {
|
|
|
23761
23705
|
.v-selection-control--inline {
|
|
23762
23706
|
display: inline-flex;
|
|
23763
23707
|
flex: 0 0 auto;
|
|
23708
|
+
min-width: 0;
|
|
23709
|
+
max-width: 100%;
|
|
23764
23710
|
}
|
|
23765
23711
|
.v-selection-control--inline .v-label {
|
|
23766
23712
|
width: auto;
|
|
@@ -24076,7 +24022,7 @@ html.v-overlay-scroll-blocked {
|
|
|
24076
24022
|
}
|
|
24077
24023
|
|
|
24078
24024
|
.v-switch .v-selection-control {
|
|
24079
|
-
height: var(--v-input-control-height);
|
|
24025
|
+
min-height: var(--v-input-control-height);
|
|
24080
24026
|
}
|
|
24081
24027
|
.v-switch .v-selection-control__wrapper {
|
|
24082
24028
|
width: auto;
|
|
@@ -24109,7 +24055,7 @@ html.v-overlay-scroll-blocked {
|
|
|
24109
24055
|
width: 100%;
|
|
24110
24056
|
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));
|
|
24111
24057
|
background: rgba(var(--v-theme-on-surface-variant));
|
|
24112
|
-
color: rgba(var(--v-theme-on-
|
|
24058
|
+
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
24113
24059
|
font-size: 0.75rem;
|
|
24114
24060
|
font-weight: 400;
|
|
24115
24061
|
letter-spacing: 0.0333333333em;
|
|
@@ -24195,20 +24141,14 @@ html.v-overlay-scroll-blocked {
|
|
|
24195
24141
|
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
|
|
24196
24142
|
margin-inline-end: 52px;
|
|
24197
24143
|
}
|
|
24198
|
-
}
|
|
24199
|
-
.v-toolbar__content > .v-tabs,
|
|
24200
|
-
.v-toolbar__content .v-tab {
|
|
24201
|
-
height: inherit;
|
|
24202
24144
|
}.v-tab {
|
|
24145
|
+
--v-btn-height: var(--v-tabs-height);
|
|
24203
24146
|
position: relative;
|
|
24204
24147
|
min-width: 90px;
|
|
24205
24148
|
}
|
|
24206
24149
|
.v-slide-group--horizontal .v-tab {
|
|
24207
24150
|
max-width: 360px;
|
|
24208
24151
|
}
|
|
24209
|
-
.v-tab.v-tab.v-tab {
|
|
24210
|
-
height: var(--v-tabs-height);
|
|
24211
|
-
}
|
|
24212
24152
|
.v-slide-group--vertical .v-tab {
|
|
24213
24153
|
justify-content: start;
|
|
24214
24154
|
}
|
|
@@ -25152,6 +25092,64 @@ html.v-overlay-scroll-blocked {
|
|
|
25152
25092
|
}
|
|
25153
25093
|
.v-window-y-reverse-transition-leave-to {
|
|
25154
25094
|
transform: translateY(100%);
|
|
25095
|
+
}.v-rating {
|
|
25096
|
+
max-width: 100%;
|
|
25097
|
+
display: inline-flex;
|
|
25098
|
+
white-space: nowrap;
|
|
25099
|
+
}
|
|
25100
|
+
.v-rating--readonly {
|
|
25101
|
+
pointer-events: none;
|
|
25102
|
+
}
|
|
25103
|
+
|
|
25104
|
+
.v-rating__wrapper {
|
|
25105
|
+
align-items: center;
|
|
25106
|
+
display: inline-flex;
|
|
25107
|
+
flex-direction: column;
|
|
25108
|
+
}
|
|
25109
|
+
.v-rating__wrapper--bottom {
|
|
25110
|
+
flex-direction: column-reverse;
|
|
25111
|
+
}
|
|
25112
|
+
|
|
25113
|
+
.v-rating__item {
|
|
25114
|
+
display: inline-flex;
|
|
25115
|
+
position: relative;
|
|
25116
|
+
}
|
|
25117
|
+
.v-rating__item label {
|
|
25118
|
+
cursor: pointer;
|
|
25119
|
+
}
|
|
25120
|
+
.v-rating__item .v-btn--variant-plain {
|
|
25121
|
+
opacity: 1;
|
|
25122
|
+
}
|
|
25123
|
+
.v-rating__item .v-btn {
|
|
25124
|
+
transition-property: transform;
|
|
25125
|
+
}
|
|
25126
|
+
.v-rating__item .v-btn .v-icon {
|
|
25127
|
+
transition: inherit;
|
|
25128
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
25129
|
+
}
|
|
25130
|
+
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
|
|
25131
|
+
transform: scale(1.25);
|
|
25132
|
+
}
|
|
25133
|
+
.v-rating__item--focused .v-btn__overlay {
|
|
25134
|
+
display: block;
|
|
25135
|
+
opacity: var(--v-hover-opacity);
|
|
25136
|
+
}
|
|
25137
|
+
.v-rating__item--half {
|
|
25138
|
+
overflow: hidden;
|
|
25139
|
+
position: absolute;
|
|
25140
|
+
-webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
|
|
25141
|
+
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
|
|
25142
|
+
z-index: 1;
|
|
25143
|
+
}
|
|
25144
|
+
.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
|
|
25145
|
+
opacity: 0;
|
|
25146
|
+
}
|
|
25147
|
+
|
|
25148
|
+
.v-rating__hidden {
|
|
25149
|
+
height: 0;
|
|
25150
|
+
opacity: 0;
|
|
25151
|
+
position: absolute;
|
|
25152
|
+
width: 0;
|
|
25155
25153
|
}.v-color-picker-canvas {
|
|
25156
25154
|
position: relative;
|
|
25157
25155
|
overflow: hidden;
|