@vcita/design-system 0.5.0-beta.1 → 0.5.0-beta.2
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 +19 -33
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +25 -40
- package/package.json +1 -1
- package/src/components/VcBanner/VcBanner.vue +6 -6
- package/src/components/listBox/VcListbox/VcListbox.vue +6 -15
package/CHANGELOG.MD
CHANGED
|
@@ -3568,30 +3568,22 @@ var script$r = {
|
|
|
3568
3568
|
default: 'VcListbox'
|
|
3569
3569
|
}
|
|
3570
3570
|
},
|
|
3571
|
-
data: () => ({
|
|
3572
|
-
confirmedArray: []
|
|
3573
|
-
}),
|
|
3574
|
-
watch: {
|
|
3575
|
-
items: {
|
|
3576
|
-
immediate: true,
|
|
3577
|
-
deep: true,
|
|
3578
|
-
|
|
3579
|
-
handler(values) {
|
|
3580
|
-
this.confirmedArray = values.filter(item => item.checked);
|
|
3581
|
-
}
|
|
3582
|
-
|
|
3583
|
-
}
|
|
3584
|
-
},
|
|
3585
3571
|
computed: {
|
|
3586
3572
|
getAddAnotherLabel() {
|
|
3587
3573
|
return this.addAnotherLabel || this.$dst('ds.listbox.add');
|
|
3574
|
+
},
|
|
3575
|
+
|
|
3576
|
+
confirmedArray() {
|
|
3577
|
+
return this.items.filter(item => item.checked);
|
|
3588
3578
|
}
|
|
3589
3579
|
|
|
3590
3580
|
},
|
|
3591
3581
|
methods: {
|
|
3592
3582
|
onSelection(selections) {
|
|
3593
|
-
selections.
|
|
3594
|
-
|
|
3583
|
+
const newSelections = selections.map(selected => ({ ...selected,
|
|
3584
|
+
checked: true
|
|
3585
|
+
}));
|
|
3586
|
+
this.$emit('change', newSelections);
|
|
3595
3587
|
}
|
|
3596
3588
|
|
|
3597
3589
|
}
|
|
@@ -3622,17 +3614,11 @@ var __vue_render__$r = function () {
|
|
|
3622
3614
|
staticClass: "vc-overflow"
|
|
3623
3615
|
}, [_c('v-list-item-group', {
|
|
3624
3616
|
attrs: {
|
|
3617
|
+
"value": _vm.confirmedArray,
|
|
3625
3618
|
"multiple": ""
|
|
3626
3619
|
},
|
|
3627
3620
|
on: {
|
|
3628
3621
|
"change": _vm.onSelection
|
|
3629
|
-
},
|
|
3630
|
-
model: {
|
|
3631
|
-
value: _vm.confirmedArray,
|
|
3632
|
-
callback: function ($$v) {
|
|
3633
|
-
_vm.confirmedArray = $$v;
|
|
3634
|
-
},
|
|
3635
|
-
expression: "confirmedArray"
|
|
3636
3622
|
}
|
|
3637
3623
|
}, _vm._l(_vm.items, function (item, index) {
|
|
3638
3624
|
return _c('VcTooltip', {
|
|
@@ -3686,8 +3672,8 @@ var __vue_staticRenderFns__$r = [];
|
|
|
3686
3672
|
|
|
3687
3673
|
const __vue_inject_styles__$r = function (inject) {
|
|
3688
3674
|
if (!inject) return;
|
|
3689
|
-
inject("data-v-
|
|
3690
|
-
source: "[data-v-
|
|
3675
|
+
inject("data-v-07369312_0", {
|
|
3676
|
+
source: "[data-v-07369312]: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-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;--popover-width:360px;--popover-max-height:464px;--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;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--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-07369312]{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-07369312]{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 .vc-overflow[data-v-07369312]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-07369312]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-07369312]:before{opacity:0}.VcListbox .divider[data-v-07369312]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-07369312]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-07369312]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-07369312]{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-07369312]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-07369312] .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-07369312] .v-icon__component svg{width:var(--size-value3)}",
|
|
3691
3677
|
map: undefined,
|
|
3692
3678
|
media: undefined
|
|
3693
3679
|
});
|
|
@@ -3695,7 +3681,7 @@ const __vue_inject_styles__$r = function (inject) {
|
|
|
3695
3681
|
/* scoped */
|
|
3696
3682
|
|
|
3697
3683
|
|
|
3698
|
-
const __vue_scope_id__$r = "data-v-
|
|
3684
|
+
const __vue_scope_id__$r = "data-v-07369312";
|
|
3699
3685
|
/* module identifier */
|
|
3700
3686
|
|
|
3701
3687
|
const __vue_module_identifier__$r = undefined;
|
|
@@ -6274,7 +6260,7 @@ var __vue_render__$5 = function () {
|
|
|
6274
6260
|
|
|
6275
6261
|
return _c('div', {
|
|
6276
6262
|
ref: "banner",
|
|
6277
|
-
staticClass: "VcBanner
|
|
6263
|
+
staticClass: "VcBanner d-flex justify-space-between flex-column flex-sm-row py-10 py-sm-6 ",
|
|
6278
6264
|
style: {
|
|
6279
6265
|
backgroundColor: _vm.backgroundColor
|
|
6280
6266
|
},
|
|
@@ -6282,7 +6268,7 @@ var __vue_render__$5 = function () {
|
|
|
6282
6268
|
"data-qa": _vm.dataQa
|
|
6283
6269
|
}
|
|
6284
6270
|
}, [_c('div', {
|
|
6285
|
-
staticClass: "text-container
|
|
6271
|
+
staticClass: "text-container px-6"
|
|
6286
6272
|
}, [_c('div', {
|
|
6287
6273
|
staticClass: "banner-title pb-2 pb-sm-4 pb-md-2 "
|
|
6288
6274
|
}, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm.subtitle ? _c('div', {
|
|
@@ -6293,7 +6279,7 @@ var __vue_render__$5 = function () {
|
|
|
6293
6279
|
staticClass: "primary-cta",
|
|
6294
6280
|
attrs: {
|
|
6295
6281
|
"pill": true,
|
|
6296
|
-
"large":
|
|
6282
|
+
"large": true
|
|
6297
6283
|
},
|
|
6298
6284
|
on: {
|
|
6299
6285
|
"click": function ($event) {
|
|
@@ -6307,7 +6293,7 @@ var __vue_render__$5 = function () {
|
|
|
6307
6293
|
"label": _vm.linkLabel
|
|
6308
6294
|
}
|
|
6309
6295
|
}) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _vm.note || _vm.$slots.note ? _c('div', {
|
|
6310
|
-
staticClass: "banner-note
|
|
6296
|
+
staticClass: "banner-note py-4 pt-sm-8"
|
|
6311
6297
|
}, [_vm._t("note", function () {
|
|
6312
6298
|
return [_vm._v("\n " + _vm._s(_vm.note) + "\n ")];
|
|
6313
6299
|
})], 2) : _vm._e()]), _vm._v(" "), _vm.image ? _c('div', {
|
|
@@ -6354,8 +6340,8 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
6354
6340
|
|
|
6355
6341
|
const __vue_inject_styles__$5 = function (inject) {
|
|
6356
6342
|
if (!inject) return;
|
|
6357
|
-
inject("data-v-
|
|
6358
|
-
source: ".VcBanner[data-v-
|
|
6343
|
+
inject("data-v-d62b7e54_0", {
|
|
6344
|
+
source: ".VcBanner[data-v-d62b7e54]{min-height:188px;box-sizing:border-box;box-shadow:var(--shadow-10);overflow-x:hidden;border-radius:var(--size-value2);border:1px solid var(--neutral-lighten-2);position:relative}.VcBanner .images-container[data-v-d62b7e54]{position:relative;height:100%}.VcBanner .images-container .background-stain[data-v-d62b7e54]{position:absolute;opacity:15%;margin:0 auto;overflow:hidden;top:-73px;height:calc(100% + 73px);left:-180px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-d62b7e54]{left:auto;right:-180px}@media screen and (min-width:600px){.VcBanner .images-container .background-stain[data-v-d62b7e54]{top:-206px;height:calc(100% + 206px);left:-64px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-d62b7e54]{left:auto;right:-64px}}@media screen and (min-width:960px){.VcBanner .images-container .background-stain[data-v-d62b7e54]{top:-176px;height:calc(100% + 176px);left:-50px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-d62b7e54]{left:auto;right:-50px}}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-d62b7e54]{transform:scaleX(-1)}.VcBanner .images-container .background-stain #background_stain[data-v-d62b7e54]{fill:var(--v-secondary-base)}.VcBanner .images-container .upsell-banner-image[data-v-d62b7e54]{margin:auto 0 0;position:relative;width:200px;height:95px}@media screen and (min-width:600px){.VcBanner .images-container .upsell-banner-image[data-v-d62b7e54]{width:300px;height:142.5px}}@media screen and (min-width:960px){.VcBanner .images-container .upsell-banner-image[data-v-d62b7e54]{width:400px;height:190px}}.VcBanner .text-container[data-v-d62b7e54]{flex:0 0 60%;font-family:var(--primary-font-family);color:var(--gray-darken-5);z-index:1}.VcBanner .text-container .banner-title[data-v-d62b7e54]{font-weight:var(--font-weight-large2);font-size:var(--font-size-medium2);line-height:var(--size-value8)}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-d62b7e54]{flex:0 0 100%}}.VcBanner .text-container .banner-subtitle[data-v-d62b7e54]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium)}.VcBanner .text-container .banner-note[data-v-d62b7e54]{font-size:var(--font-size-small2)}.VcBanner .cta-container .primary-cta[data-v-d62b7e54]{line-height:var(--size-value12);font-weight:var(--font-weight-large2);margin-inline-end:var(--size-value6)}.VcBanner .cta-container .secondary-cta[data-v-d62b7e54]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);flex:0 0 100%}@media screen and (min-width:600px){.VcBanner .cta-container .secondary-cta[data-v-d62b7e54]{flex:none}}.VcBanner .close-button[data-v-d62b7e54]{position:absolute;width:var(--size-value6);height:var(--size-value6);right:var(--size-value4)}#app[dir=rtl] .VcBanner .close-button[data-v-d62b7e54]{right:auto;left:var(--size-value4)}.VcBanner .close-button .v-btn__content[data-v-d62b7e54]{opacity:unset}.VcBanner .close-button[data-v-d62b7e54]:hover{background-color:var(--gray-lighten-2)}.VcBanner .close-button .v-icon[data-v-d62b7e54]{margin-right:var(--size-value0)}.VcBanner .close-button .v-icon svg[data-v-d62b7e54]{fill:var(--gray-darken-2);width:var(--size-value4);height:var(--size-value4)}",
|
|
6359
6345
|
map: undefined,
|
|
6360
6346
|
media: undefined
|
|
6361
6347
|
});
|
|
@@ -6363,7 +6349,7 @@ const __vue_inject_styles__$5 = function (inject) {
|
|
|
6363
6349
|
/* scoped */
|
|
6364
6350
|
|
|
6365
6351
|
|
|
6366
|
-
const __vue_scope_id__$5 = "data-v-
|
|
6352
|
+
const __vue_scope_id__$5 = "data-v-d62b7e54";
|
|
6367
6353
|
/* module identifier */
|
|
6368
6354
|
|
|
6369
6355
|
const __vue_module_identifier__$5 = undefined;
|