@vcita/design-system 0.6.10 → 0.6.11
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/config/locales/ds.de.yml +9 -1
- package/config/locales/ds.en.yml +2 -2
- package/config/locales/ds.es.yml +9 -1
- package/config/locales/ds.fr.yml +9 -1
- package/config/locales/ds.he.yml +9 -1
- package/config/locales/ds.it.yml +9 -1
- package/config/locales/ds.keys.yml +10 -2
- package/config/locales/ds.nl.yml +9 -1
- package/config/locales/ds.pl.yml +9 -1
- package/config/locales/ds.pseudo.yml +9 -1
- package/config/locales/ds.pt.yml +9 -1
- package/dist/@vcita/design-system.esm.js +13 -10
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +15 -13
- package/package.json +1 -1
- package/src/components/VcButton/VcButton.vue +1 -2
- package/src/components/listBox/VcListbox/VcListbox.spec.js +2 -1
- package/src/components/listBox/VcListbox/VcListbox.vue +5 -2
package/CHANGELOG.MD
CHANGED
|
@@ -6,6 +6,9 @@ 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.11 (2022-03-13)
|
|
10
|
+
- VcListbox - small fix for distinguishing data qa on the list
|
|
11
|
+
|
|
9
12
|
### 0.6.10 (2022-03-06)
|
|
10
13
|
- VcModalContainer - fix for overflow-x scroll
|
|
11
14
|
|
package/config/locales/ds.de.yml
CHANGED
package/config/locales/ds.en.yml
CHANGED
package/config/locales/ds.es.yml
CHANGED
package/config/locales/ds.fr.yml
CHANGED
package/config/locales/ds.he.yml
CHANGED
package/config/locales/ds.it.yml
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
---
|
|
2
2
|
keys:
|
|
3
3
|
ds:
|
|
4
|
+
wizard:
|
|
5
|
+
back: ds.wizard.back
|
|
6
|
+
next: ds.wizard.next
|
|
4
7
|
modal:
|
|
5
|
-
|
|
6
|
-
|
|
8
|
+
cancel: ds.modal.cancel
|
|
9
|
+
ok: ds.modal.ok
|
|
10
|
+
done: ds.modal.done
|
|
11
|
+
progress_circular:
|
|
12
|
+
next: ds.progress_circular.next
|
|
13
|
+
listbox:
|
|
14
|
+
add: ds.listbox.add
|
package/config/locales/ds.nl.yml
CHANGED
package/config/locales/ds.pl.yml
CHANGED
package/config/locales/ds.pt.yml
CHANGED
|
@@ -380,8 +380,7 @@ var script$O = {
|
|
|
380
380
|
buttonColor() {
|
|
381
381
|
switch (this.flavor) {
|
|
382
382
|
case "secondary":
|
|
383
|
-
|
|
384
|
-
return color;
|
|
383
|
+
return this.outlined ? '--gray-darken-5' : '--neutral-lighten-2';
|
|
385
384
|
|
|
386
385
|
default:
|
|
387
386
|
return "secondary";
|
|
@@ -445,8 +444,8 @@ var __vue_staticRenderFns__$M = [];
|
|
|
445
444
|
|
|
446
445
|
const __vue_inject_styles__$O = function (inject) {
|
|
447
446
|
if (!inject) return;
|
|
448
|
-
inject("data-v-
|
|
449
|
-
source: ".VcButton[data-v-
|
|
447
|
+
inject("data-v-f0042ff4_0", {
|
|
448
|
+
source: ".VcButton[data-v-f0042ff4]{letter-spacing:var(--letter-spacing)}.VcButton[data-v-f0042ff4]:disabled{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.VcButton .prependDefaultIcon[data-v-f0042ff4]{margin-inline-end:var(--size-value3)}.VcButton .prependDefaultIcon[data-v-f0042ff4] svg{fill:currentColor}.VcButton.secondary__text[data-v-f0042ff4]{color:var(--gray-darken-5)!important;border-color:var(--neutral-lighten-1)}",
|
|
450
449
|
map: undefined,
|
|
451
450
|
media: undefined
|
|
452
451
|
});
|
|
@@ -454,7 +453,7 @@ const __vue_inject_styles__$O = function (inject) {
|
|
|
454
453
|
/* scoped */
|
|
455
454
|
|
|
456
455
|
|
|
457
|
-
const __vue_scope_id__$O = "data-v-
|
|
456
|
+
const __vue_scope_id__$O = "data-v-f0042ff4";
|
|
458
457
|
/* module identifier */
|
|
459
458
|
|
|
460
459
|
const __vue_module_identifier__$O = undefined;
|
|
@@ -3604,6 +3603,10 @@ var script$s = {
|
|
|
3604
3603
|
checked: true
|
|
3605
3604
|
}));
|
|
3606
3605
|
this.$emit('change', newSelections);
|
|
3606
|
+
},
|
|
3607
|
+
|
|
3608
|
+
setDataQa(label) {
|
|
3609
|
+
return label.replace(/ /g, '-');
|
|
3607
3610
|
}
|
|
3608
3611
|
|
|
3609
3612
|
}
|
|
@@ -3647,7 +3650,7 @@ var __vue_render__$s = function () {
|
|
|
3647
3650
|
"dark": "",
|
|
3648
3651
|
"content": item.tooltipContent,
|
|
3649
3652
|
"disabled": !item.tooltipContent || !item.disabled,
|
|
3650
|
-
"data-qa": _vm.dataQa + "-" +
|
|
3653
|
+
"data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label) + "-tooltip"
|
|
3651
3654
|
}
|
|
3652
3655
|
}, [_c('v-list-item', {
|
|
3653
3656
|
staticClass: "vc-list-item",
|
|
@@ -3658,7 +3661,7 @@ var __vue_render__$s = function () {
|
|
|
3658
3661
|
}
|
|
3659
3662
|
}, [_c('VcChecklistItem', _vm._b({
|
|
3660
3663
|
attrs: {
|
|
3661
|
-
"data-qa": _vm.dataQa + "-" +
|
|
3664
|
+
"data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label)
|
|
3662
3665
|
}
|
|
3663
3666
|
}, 'VcChecklistItem', item, false))], 1)], 1);
|
|
3664
3667
|
}), 1)], 1), _vm._v(" "), _vm.addAnother ? _c('div', {
|
|
@@ -3692,8 +3695,8 @@ var __vue_staticRenderFns__$s = [];
|
|
|
3692
3695
|
|
|
3693
3696
|
const __vue_inject_styles__$s = function (inject) {
|
|
3694
3697
|
if (!inject) return;
|
|
3695
|
-
inject("data-v-
|
|
3696
|
-
source: "[data-v-
|
|
3698
|
+
inject("data-v-6c0335a4_0", {
|
|
3699
|
+
source: "[data-v-6c0335a4]: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;--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;--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-6c0335a4]{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-6c0335a4]{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-6c0335a4]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-6c0335a4]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-6c0335a4]:before{opacity:0}.VcListbox .divider[data-v-6c0335a4]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-6c0335a4]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-6c0335a4]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-6c0335a4]{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-6c0335a4]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-6c0335a4] .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-6c0335a4] .v-icon__component svg{width:var(--size-value3)}",
|
|
3697
3700
|
map: undefined,
|
|
3698
3701
|
media: undefined
|
|
3699
3702
|
});
|
|
@@ -3701,7 +3704,7 @@ const __vue_inject_styles__$s = function (inject) {
|
|
|
3701
3704
|
/* scoped */
|
|
3702
3705
|
|
|
3703
3706
|
|
|
3704
|
-
const __vue_scope_id__$s = "data-v-
|
|
3707
|
+
const __vue_scope_id__$s = "data-v-6c0335a4";
|
|
3705
3708
|
/* module identifier */
|
|
3706
3709
|
|
|
3707
3710
|
const __vue_module_identifier__$s = undefined;
|