@vcita/design-system 0.6.16 → 0.6.18
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 +6 -0
- package/dist/@vcita/design-system.esm.js +29 -45
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +33 -47
- package/package.json +1 -1
- package/src/components/VcSearchBar/VcSearchBar.vue +6 -3
- package/src/components/listBox/VcChecklistItem/VcChecklistItem.vue +12 -8
- package/src/components/listBox/VcListbox/VcListbox.spec.js +13 -6
- package/src/components/listBox/VcListbox/VcListbox.stories.js +10 -5
- package/src/components/listBox/VcListbox/VcListbox.vue +21 -30
package/CHANGELOG.MD
CHANGED
|
@@ -6,6 +6,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
6
6
|
|
|
7
7
|
### Unreleased changes
|
|
8
8
|
|
|
9
|
+
### 0.6.18 (2022-05-02)
|
|
10
|
+
- VcListbox - add validator
|
|
11
|
+
|
|
12
|
+
### 0.6.17 (2022-04-27)
|
|
13
|
+
- VcListbox - improve CSS
|
|
14
|
+
|
|
9
15
|
### 0.6.16 (2022-04-27)
|
|
10
16
|
- VcListbox - add a search bar option
|
|
11
17
|
|
|
@@ -3497,8 +3497,8 @@ var __vue_render__$v = function () {
|
|
|
3497
3497
|
staticClass: "VcChecklistItem-wrapper",
|
|
3498
3498
|
attrs: {
|
|
3499
3499
|
"content": _vm.tooltipContent,
|
|
3500
|
-
"
|
|
3501
|
-
"
|
|
3500
|
+
"disabled": !_vm.tooltipContent || !_vm.disabled,
|
|
3501
|
+
"dark": ""
|
|
3502
3502
|
}
|
|
3503
3503
|
}, [[_c('VcLayout', {
|
|
3504
3504
|
staticClass: "VcChecklistItem",
|
|
@@ -3510,12 +3510,12 @@ var __vue_render__$v = function () {
|
|
|
3510
3510
|
}
|
|
3511
3511
|
}, [_c('VcCheckbox', {
|
|
3512
3512
|
attrs: {
|
|
3513
|
-
"checked": _vm.checked,
|
|
3514
3513
|
"avatar": _vm.getAvatar,
|
|
3515
|
-
"
|
|
3516
|
-
"
|
|
3514
|
+
"checked": _vm.checked,
|
|
3515
|
+
"data-qa": _vm.dataQa + "-checkbox",
|
|
3517
3516
|
"disabled": _vm.disabled,
|
|
3518
|
-
"
|
|
3517
|
+
"label": _vm.label,
|
|
3518
|
+
"show-avatar-border": false
|
|
3519
3519
|
},
|
|
3520
3520
|
on: {
|
|
3521
3521
|
"change": _vm.onChange
|
|
@@ -3528,8 +3528,8 @@ var __vue_staticRenderFns__$v = [];
|
|
|
3528
3528
|
|
|
3529
3529
|
const __vue_inject_styles__$v = function (inject) {
|
|
3530
3530
|
if (!inject) return;
|
|
3531
|
-
inject("data-v-
|
|
3532
|
-
source: "[data-v-
|
|
3531
|
+
inject("data-v-6ae9d122_0", {
|
|
3532
|
+
source: "[data-v-6ae9d122]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.VcChecklistItem-wrapper[data-v-6ae9d122]{width:100%}.VcChecklistItem-wrapper[hide=true][data-v-6ae9d122]{display:none}.VcChecklistItem-wrapper .VcChecklistItem.disabled[data-v-6ae9d122]{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-6ae9d122]{flex:1 1 auto;padding:var(--size-value0);margin:var(--size-value0)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-6ae9d122] .v-input__control .v-input__slot{padding:var(--size-value2) var(--size-value4)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-6ae9d122]:hover{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-6ae9d122]:focus{box-shadow:0 0 0 2px var(--v-secondary-lighten1)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-6ae9d122]:active{background-color:var(--v-secondary-lighten3)}",
|
|
3533
3533
|
map: undefined,
|
|
3534
3534
|
media: undefined
|
|
3535
3535
|
});
|
|
@@ -3537,7 +3537,7 @@ const __vue_inject_styles__$v = function (inject) {
|
|
|
3537
3537
|
/* scoped */
|
|
3538
3538
|
|
|
3539
3539
|
|
|
3540
|
-
const __vue_scope_id__$v = "data-v-
|
|
3540
|
+
const __vue_scope_id__$v = "data-v-6ae9d122";
|
|
3541
3541
|
/* module identifier */
|
|
3542
3542
|
|
|
3543
3543
|
const __vue_module_identifier__$v = undefined;
|
|
@@ -3840,8 +3840,8 @@ var __vue_staticRenderFns__$t = [];
|
|
|
3840
3840
|
|
|
3841
3841
|
const __vue_inject_styles__$t = function (inject) {
|
|
3842
3842
|
if (!inject) return;
|
|
3843
|
-
inject("data-v-
|
|
3844
|
-
source: ".vc-search-bar[data-v-
|
|
3843
|
+
inject("data-v-aa7c74d0_0", {
|
|
3844
|
+
source: ".vc-search-bar.VcTextInput[data-v-aa7c74d0]{padding:var(--size-value0);margin:var(--size-value0)}.vc-search-bar.VcTextInput.border-top-radius[data-v-aa7c74d0] .v-input__control .v-input__slot{border-radius:var(--border-radius) var(--border-radius) var(--size-value0) var(--size-value0)}.vc-search-bar.VcTextInput.v-input--has-state[data-v-aa7c74d0] .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-focused[data-v-aa7c74d0] .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-label-active[data-v-aa7c74d0] .v-input__slot .v-text-field__slot{margin:0}.vc-search-bar.VcTextInput__magnify[data-v-aa7c74d0]{fill:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-aa7c74d0]:hover{border-color:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-aa7c74d0]:hover .v-input__slot label{color:var(--gray-darken-2)}.vc-search-bar.VcTextInput.medium[data-v-aa7c74d0] .v-input__control .v-input__slot{height:var(--size-value10)}.vc-search-bar.VcTextInput.medium[data-v-aa7c74d0] .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar.VcTextInput[data-v-aa7c74d0] .v-input__control .v-input__slot{padding:var(--size-value0)}.vc-search-bar.VcTextInput[data-v-aa7c74d0] .v-input__control .v-input__slot .v-input__prepend-inner{padding:18px var(--size-value3);margin:var(--size-value0)}",
|
|
3845
3845
|
map: undefined,
|
|
3846
3846
|
media: undefined
|
|
3847
3847
|
});
|
|
@@ -3849,7 +3849,7 @@ const __vue_inject_styles__$t = function (inject) {
|
|
|
3849
3849
|
/* scoped */
|
|
3850
3850
|
|
|
3851
3851
|
|
|
3852
|
-
const __vue_scope_id__$t = "data-v-
|
|
3852
|
+
const __vue_scope_id__$t = "data-v-aa7c74d0";
|
|
3853
3853
|
/* module identifier */
|
|
3854
3854
|
|
|
3855
3855
|
const __vue_module_identifier__$t = undefined;
|
|
@@ -3882,7 +3882,7 @@ var script$s = {
|
|
|
3882
3882
|
items: {
|
|
3883
3883
|
type: Array,
|
|
3884
3884
|
required: true,
|
|
3885
|
-
validator: items => items.every(item => item.label)
|
|
3885
|
+
validator: items => items.every(item => item.label && item.identifier || item.identifier === 0)
|
|
3886
3886
|
},
|
|
3887
3887
|
addAnother: {
|
|
3888
3888
|
type: Boolean,
|
|
@@ -3908,38 +3908,26 @@ var script$s = {
|
|
|
3908
3908
|
default: 'VcListbox'
|
|
3909
3909
|
}
|
|
3910
3910
|
},
|
|
3911
|
-
|
|
3912
|
-
|
|
3913
|
-
|
|
3914
|
-
if (!('checked' in item)) {
|
|
3915
|
-
item.checked = false;
|
|
3916
|
-
}
|
|
3917
|
-
|
|
3918
|
-
item.index = index;
|
|
3919
|
-
return item;
|
|
3920
|
-
});
|
|
3921
|
-
return {
|
|
3922
|
-
handleItems,
|
|
3923
|
-
search: ''
|
|
3924
|
-
};
|
|
3925
|
-
},
|
|
3926
|
-
|
|
3911
|
+
data: () => ({
|
|
3912
|
+
search: ''
|
|
3913
|
+
}),
|
|
3927
3914
|
computed: {
|
|
3928
3915
|
getAddAnotherLabel() {
|
|
3929
3916
|
return this.addAnotherLabel || this.$dst('ds.listbox.add');
|
|
3930
3917
|
},
|
|
3931
3918
|
|
|
3932
3919
|
confirmedArray() {
|
|
3933
|
-
return this.
|
|
3920
|
+
return this.filteredItems.filter(item => item.checked);
|
|
3934
3921
|
},
|
|
3935
3922
|
|
|
3936
3923
|
filteredItems() {
|
|
3937
|
-
|
|
3938
|
-
|
|
3924
|
+
return this.items.map(item => ({ ...item,
|
|
3925
|
+
hide: !item.label.toLowerCase().includes(this.search)
|
|
3926
|
+
}));
|
|
3939
3927
|
},
|
|
3940
3928
|
|
|
3941
3929
|
listExist() {
|
|
3942
|
-
return
|
|
3930
|
+
return this.filteredItems.some(item => !item.hide);
|
|
3943
3931
|
},
|
|
3944
3932
|
|
|
3945
3933
|
noItemsMsg() {
|
|
@@ -3949,10 +3937,6 @@ var script$s = {
|
|
|
3949
3937
|
},
|
|
3950
3938
|
methods: {
|
|
3951
3939
|
onSelection(selections) {
|
|
3952
|
-
this.handleItems.forEach(item => item.checked = false);
|
|
3953
|
-
selections.forEach(select => {
|
|
3954
|
-
this.handleItems[select.index].checked = true;
|
|
3955
|
-
});
|
|
3956
3940
|
const newSelections = selections.map(selected => ({ ...selected,
|
|
3957
3941
|
checked: true
|
|
3958
3942
|
}));
|
|
@@ -4013,9 +3997,9 @@ var __vue_render__$s = function () {
|
|
|
4013
3997
|
on: {
|
|
4014
3998
|
"change": _vm.onSelection
|
|
4015
3999
|
}
|
|
4016
|
-
}, _vm._l(_vm.filteredItems, function (item
|
|
4000
|
+
}, _vm._l(_vm.filteredItems, function (item) {
|
|
4017
4001
|
return _c('VcTooltip', {
|
|
4018
|
-
key: item.
|
|
4002
|
+
key: item.identifier,
|
|
4019
4003
|
attrs: {
|
|
4020
4004
|
"content": item.tooltipContent,
|
|
4021
4005
|
"data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label) + "-tooltip",
|
|
@@ -4026,7 +4010,7 @@ var __vue_render__$s = function () {
|
|
|
4026
4010
|
staticClass: "vc-list-item",
|
|
4027
4011
|
attrs: {
|
|
4028
4012
|
"disabled": item.disabled,
|
|
4029
|
-
"tabindex":
|
|
4013
|
+
"tabindex": item.label + "-" + item.identifier,
|
|
4030
4014
|
"value": item
|
|
4031
4015
|
}
|
|
4032
4016
|
}, [_c('VcChecklistItem', _vm._b({
|
|
@@ -4037,9 +4021,9 @@ var __vue_render__$s = function () {
|
|
|
4037
4021
|
}), 1) : _c('VcLayout', {
|
|
4038
4022
|
staticClass: "VcListbox__empty",
|
|
4039
4023
|
attrs: {
|
|
4040
|
-
"
|
|
4024
|
+
"data-qa": _vm.dataQa + "-empty",
|
|
4041
4025
|
"align-center": "",
|
|
4042
|
-
"
|
|
4026
|
+
"justify-center": ""
|
|
4043
4027
|
}
|
|
4044
4028
|
}, [_vm._v("\n " + _vm._s(_vm.noItemsMsg) + "\n ")])], 1), _vm._v(" "), _vm.addAnother ? _c('div', {
|
|
4045
4029
|
attrs: {
|
|
@@ -4072,8 +4056,8 @@ var __vue_staticRenderFns__$s = [];
|
|
|
4072
4056
|
|
|
4073
4057
|
const __vue_inject_styles__$s = function (inject) {
|
|
4074
4058
|
if (!inject) return;
|
|
4075
|
-
inject("data-v-
|
|
4076
|
-
source: "[data-v-
|
|
4059
|
+
inject("data-v-3e86f8c2_0", {
|
|
4060
|
+
source: "[data-v-3e86f8c2]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-3e86f8c2]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-3e86f8c2]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none!important}.VcListbox.with-search[data-v-3e86f8c2]{border:none}.VcListbox.with-search .vc-overflow[data-v-3e86f8c2]{border-inline:var(--border-frame);border-block-end:var(--border-frame);border-radius:0 0 var(--border-radius) var(--border-radius)}.VcListbox.with-search.with-add-another .vc-overflow[data-v-3e86f8c2]{border-inline:var(--border-frame);border-block-end:unset;border-radius:unset}.VcListbox.with-search.with-add-another .last-item[data-v-3e86f8c2]{border-inline:var(--border-frame);border-block-end:var(--border-frame);border-radius:0 0 var(--border-radius) var(--border-radius)}.VcListbox .vc-overflow[data-v-3e86f8c2]{overflow:auto;height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-3e86f8c2]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-3e86f8c2]:before{opacity:0}.VcListbox .divider[data-v-3e86f8c2]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-3e86f8c2]{cursor:pointer;min-height:var(--size-value10);padding-block:var(--size-value1) var(--size-value2)}.VcListbox .last-item[data-v-3e86f8c2]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-3e86f8c2]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-3e86f8c2]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-3e86f8c2] .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-3e86f8c2] .v-icon__component svg{width:var(--size-value3)}.VcListbox__empty[data-v-3e86f8c2]{height:100%;font-weight:var(--font-weight-medium2);font-size:var(--font-size-xx-small);color:var(--gray-darken-4)}",
|
|
4077
4061
|
map: undefined,
|
|
4078
4062
|
media: undefined
|
|
4079
4063
|
});
|
|
@@ -4081,7 +4065,7 @@ const __vue_inject_styles__$s = function (inject) {
|
|
|
4081
4065
|
/* scoped */
|
|
4082
4066
|
|
|
4083
4067
|
|
|
4084
|
-
const __vue_scope_id__$s = "data-v-
|
|
4068
|
+
const __vue_scope_id__$s = "data-v-3e86f8c2";
|
|
4085
4069
|
/* module identifier */
|
|
4086
4070
|
|
|
4087
4071
|
const __vue_module_identifier__$s = undefined;
|