@vcita/design-system 0.6.16 → 0.6.17
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 +3 -0
- package/dist/@vcita/design-system.esm.js +20 -18
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +25 -23
- 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 +6 -3
- package/src/components/listBox/VcListbox/VcListbox.stories.js +1 -1
- package/src/components/listBox/VcListbox/VcListbox.vue +5 -3
package/CHANGELOG.MD
CHANGED
|
@@ -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;
|
|
@@ -3934,12 +3934,14 @@ var script$s = {
|
|
|
3934
3934
|
},
|
|
3935
3935
|
|
|
3936
3936
|
filteredItems() {
|
|
3937
|
-
|
|
3938
|
-
|
|
3937
|
+
this.handleItems.forEach(item => {
|
|
3938
|
+
item.hide = !item.label.toLowerCase().includes(this.search);
|
|
3939
|
+
});
|
|
3940
|
+
return this.handleItems;
|
|
3939
3941
|
},
|
|
3940
3942
|
|
|
3941
3943
|
listExist() {
|
|
3942
|
-
return
|
|
3944
|
+
return this.filteredItems.some(item => !item.hide);
|
|
3943
3945
|
},
|
|
3944
3946
|
|
|
3945
3947
|
noItemsMsg() {
|
|
@@ -4072,8 +4074,8 @@ var __vue_staticRenderFns__$s = [];
|
|
|
4072
4074
|
|
|
4073
4075
|
const __vue_inject_styles__$s = function (inject) {
|
|
4074
4076
|
if (!inject) return;
|
|
4075
|
-
inject("data-v-
|
|
4076
|
-
source: "[data-v-
|
|
4077
|
+
inject("data-v-c5f1e5d2_0", {
|
|
4078
|
+
source: "[data-v-c5f1e5d2]: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-c5f1e5d2]{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-c5f1e5d2]{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-c5f1e5d2]{border:none}.VcListbox.with-search .vc-overflow[data-v-c5f1e5d2]{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-c5f1e5d2]{border-inline:var(--border-frame);border-block-end:unset;border-radius:unset}.VcListbox.with-search.with-add-another .last-item[data-v-c5f1e5d2]{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-c5f1e5d2]{overflow:auto;height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-c5f1e5d2]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-c5f1e5d2]:before{opacity:0}.VcListbox .divider[data-v-c5f1e5d2]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-c5f1e5d2]{cursor:pointer;min-height:var(--size-value10);padding-block:var(--size-value1) var(--size-value2)}.VcListbox .last-item[data-v-c5f1e5d2]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-c5f1e5d2]{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-c5f1e5d2]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-c5f1e5d2] .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-c5f1e5d2] .v-icon__component svg{width:var(--size-value3)}.VcListbox__empty[data-v-c5f1e5d2]{height:100%;font-weight:var(--font-weight-medium2);font-size:var(--font-size-xx-small);color:var(--gray-darken-4)}",
|
|
4077
4079
|
map: undefined,
|
|
4078
4080
|
media: undefined
|
|
4079
4081
|
});
|
|
@@ -4081,7 +4083,7 @@ const __vue_inject_styles__$s = function (inject) {
|
|
|
4081
4083
|
/* scoped */
|
|
4082
4084
|
|
|
4083
4085
|
|
|
4084
|
-
const __vue_scope_id__$s = "data-v-
|
|
4086
|
+
const __vue_scope_id__$s = "data-v-c5f1e5d2";
|
|
4085
4087
|
/* module identifier */
|
|
4086
4088
|
|
|
4087
4089
|
const __vue_module_identifier__$s = undefined;
|