@vcita/design-system 1.11.10 → 1.11.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/dist/@vcita/design-system.esm.js +28 -21
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +33 -26
- package/package.json +1 -1
- package/src/components/VcMenuItem/VcMenuItem.vue +1 -0
- package/src/components/VcQuickActions/VcLargeQuickAction.vue +1 -0
- package/src/components/VcQuickActions/VcQuickActions.spec.js +38 -36
- package/src/components/VcQuickActions/VcQuickActions.vue +3 -1
- package/src/components/VcSearchLayout/VcSearchLayout.vue +1 -0
- package/src/components/VcWideTopMenuBar/VcWideTopMenuBar.vue +9 -4
|
@@ -20050,6 +20050,7 @@ var __vue_render__$w = function () {
|
|
|
20050
20050
|
}, [_c('VcLayout', {
|
|
20051
20051
|
class: "VcMenuItem-subitem VcMenuItem-userSelectNone ps-9 " + _vm.size + " " + _vm.flavor,
|
|
20052
20052
|
attrs: {
|
|
20053
|
+
"data-qa": _vm.dataQa + "-subitem-" + item.name,
|
|
20053
20054
|
"align-center": ""
|
|
20054
20055
|
},
|
|
20055
20056
|
on: {
|
|
@@ -20070,8 +20071,8 @@ var __vue_staticRenderFns__$w = [];
|
|
|
20070
20071
|
|
|
20071
20072
|
const __vue_inject_styles__$y = function (inject) {
|
|
20072
20073
|
if (!inject) return;
|
|
20073
|
-
inject("data-v-
|
|
20074
|
-
source: ".VcMenuItem[data-v-
|
|
20074
|
+
inject("data-v-e4336aa2_0", {
|
|
20075
|
+
source: ".VcMenuItem[data-v-e4336aa2]{height:52px;min-height:unset;font-weight:var(--font-weight-medium2)}.VcMenuItem.desktop[data-v-e4336aa2]{color:var(--v-text-base);height:40px}.VcMenuItem.desktop :hover .VcMenuItem-icon[data-v-e4336aa2],.VcMenuItem.desktop :hover .VcMenuItem-text[data-v-e4336aa2]{opacity:unset}.VcMenuItem-skeleton[data-v-e4336aa2]{margin-inline-end:var(--size-value5)}[data-v-e4336aa2] .v-skeleton-loader__list-item{background-color:transparent!important}.VcMenuItem-simple[data-v-e4336aa2]{padding:0 var(--size-value5);border-inline-start:3px solid transparent;transition:border-inline-start 250ms,background-color 250ms}.VcMenuItem-simple[data-v-e4336aa2]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-simple:hover .VcMenuItem-icon[data-v-e4336aa2],.VcMenuItem-simple:hover .VcMenuItem-text[data-v-e4336aa2]{opacity:unset}.VcMenuItem-simple.desktop[data-v-e4336aa2]{padding:0 17px}.VcMenuItem-simple.desktop[data-v-e4336aa2]:hover{background:rgba(225,225,225,.16);cursor:pointer}.VcMenuItem-simple[data-v-e4336aa2]:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItem--expansionPanel[data-v-e4336aa2]{background-color:transparent!important}.VcMenuItem-complex[data-v-e4336aa2]{padding-inline-start:var(--size-value5);border-inline-start:3px solid transparent}.VcMenuItem-complex.desktop[data-v-e4336aa2]{padding-inline-start:17px}.desktop[data-v-e4336aa2] .v-expansion-panel-header:hover:before{opacity:.16!important}.VcMenuItem-icon[data-v-e4336aa2]{margin-inline-end:var(--size-value4)}.VcMenuItem-icon.desktop[data-v-e4336aa2]{margin-inline-end:var(--size-value3);opacity:72%}.VcMenuItem-text[data-v-e4336aa2]{font-size:15px}.VcMenuItem-text.desktop[data-v-e4336aa2]{opacity:87%}.desktop .VcMenuItem-text[data-v-e4336aa2]{font-size:13px}.VcMenuItem-userSelectNone[data-v-e4336aa2]{user-select:none}.VcMenuItem-badge[data-v-e4336aa2]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-e4336aa2]{color:var(--orange)}.VcMenuItem-right-area[data-v-e4336aa2]{justify-content:flex-end;flex-grow:0}.v-expansion-panel-content[data-v-e4336aa2]{border-inline-start:3px solid transparent;background-color:transparent;transition:border-inline-start 250ms,background-color 250ms}.v-expansion-panel-content[data-v-e4336aa2]:hover{background:rgba(0,0,0,.04)}.v-expansion-panel-content[data-v-e4336aa2] .v-expansion-panel-content__wrap{padding:var(--size-value2) var(--size-value6)}.desktop .v-expansion-panel-content[data-v-e4336aa2]{background:rgba(225,225,225,.07)}.desktop .v-expansion-panel-content[data-v-e4336aa2]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-subitem[data-v-e4336aa2]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}.VcMenuItem-subitem.desktop[data-v-e4336aa2]{height:var(--size-value6);color:var(--v-text-base)}.VcMenuItem-subitem.desktop[data-v-e4336aa2]:hover{cursor:pointer}.VcMenuItem-subitem.desktop:hover .VcMenuItem-text[data-v-e4336aa2]{opacity:unset}.sm.VcMenuItem[data-v-e4336aa2]{height:var(--size-value10)}.sm .VcMenuItem-text[data-v-e4336aa2]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.selected[data-v-e4336aa2]{border-inline-start:3px solid var(--v-secondary-base);background-color:rgba(225,225,225,.16)}.selected.desktop .VcMenuItem-icon[data-v-e4336aa2],.selected.desktop .VcMenuItem-text[data-v-e4336aa2]{opacity:unset}",
|
|
20075
20076
|
map: undefined,
|
|
20076
20077
|
media: undefined
|
|
20077
20078
|
});
|
|
@@ -20079,7 +20080,7 @@ const __vue_inject_styles__$y = function (inject) {
|
|
|
20079
20080
|
/* scoped */
|
|
20080
20081
|
|
|
20081
20082
|
|
|
20082
|
-
const __vue_scope_id__$y = "data-v-
|
|
20083
|
+
const __vue_scope_id__$y = "data-v-e4336aa2";
|
|
20083
20084
|
/* module identifier */
|
|
20084
20085
|
|
|
20085
20086
|
const __vue_module_identifier__$y = undefined;
|
|
@@ -22285,8 +22286,8 @@ var __vue_staticRenderFns__$h = [];
|
|
|
22285
22286
|
|
|
22286
22287
|
const __vue_inject_styles__$j = function (inject) {
|
|
22287
22288
|
if (!inject) return;
|
|
22288
|
-
inject("data-v-
|
|
22289
|
-
source: ".VcLargeQuickAction[data-v-
|
|
22289
|
+
inject("data-v-0c1e9062_0", {
|
|
22290
|
+
source: ".VcLargeQuickAction[data-v-0c1e9062]{font-size:12px;font-weight:var(--font-weight-medium);width:115px;max-width:115px;height:94px;padding:0 var(--size-value2) var(--size-value3) var(--size-value2);text-align:center;line-height:var(--size-value4);border-radius:var(--border-radius);cursor:pointer}.VcLargeQuickAction .imageBg[data-v-0c1e9062]{flex-grow:0;margin:var(--size-value1) 2px}.VcLargeQuickAction .imageBg .image[data-v-0c1e9062]{width:var(--size-value5);height:var(--size-value5)}.VcLargeQuickAction[data-v-0c1e9062]:hover{background-color:rgba(0,0,0,.04)}",
|
|
22290
22291
|
map: undefined,
|
|
22291
22292
|
media: undefined
|
|
22292
22293
|
});
|
|
@@ -22294,7 +22295,7 @@ const __vue_inject_styles__$j = function (inject) {
|
|
|
22294
22295
|
/* scoped */
|
|
22295
22296
|
|
|
22296
22297
|
|
|
22297
|
-
const __vue_scope_id__$j = "data-v-
|
|
22298
|
+
const __vue_scope_id__$j = "data-v-0c1e9062";
|
|
22298
22299
|
/* module identifier */
|
|
22299
22300
|
|
|
22300
22301
|
const __vue_module_identifier__$j = undefined;
|
|
@@ -22551,7 +22552,8 @@ var __vue_render__$f = function () {
|
|
|
22551
22552
|
attrs: {
|
|
22552
22553
|
"tabindex": 0,
|
|
22553
22554
|
"title": item.title,
|
|
22554
|
-
"image": item.image
|
|
22555
|
+
"image": item.image,
|
|
22556
|
+
"data-qa": "VcLargeQuickAction-" + item.name
|
|
22555
22557
|
},
|
|
22556
22558
|
on: {
|
|
22557
22559
|
"click": function ($event) {
|
|
@@ -22586,9 +22588,13 @@ var __vue_render__$f = function () {
|
|
|
22586
22588
|
key: "item",
|
|
22587
22589
|
fn: function (ref) {
|
|
22588
22590
|
var item = ref.item;
|
|
22589
|
-
return [_c('VcSmallQuickAction', _vm._b({
|
|
22591
|
+
return [_c('VcSmallQuickAction', _vm._b({
|
|
22592
|
+
attrs: {
|
|
22593
|
+
"data-qa": "VcSmallQuickAction-" + item.name
|
|
22594
|
+
}
|
|
22595
|
+
}, 'VcSmallQuickAction', item, false))];
|
|
22590
22596
|
}
|
|
22591
|
-
}], null, false,
|
|
22597
|
+
}], null, false, 638069437)
|
|
22592
22598
|
}) : _vm._e()], 1)], 1);
|
|
22593
22599
|
};
|
|
22594
22600
|
|
|
@@ -22597,8 +22603,8 @@ var __vue_staticRenderFns__$f = [];
|
|
|
22597
22603
|
|
|
22598
22604
|
const __vue_inject_styles__$h = function (inject) {
|
|
22599
22605
|
if (!inject) return;
|
|
22600
|
-
inject("data-v-
|
|
22601
|
-
source: ".VcQuickActions[data-v-
|
|
22606
|
+
inject("data-v-727f970c_0", {
|
|
22607
|
+
source: ".VcQuickActions[data-v-727f970c]{padding:var(--size-value1) var(--size-value5);overflow:hidden}.VcQuickActions--header[data-v-727f970c]{height:var(--size-value12);font-size:15px;font-weight:var(--font-weight-large2);gap:var(--size-value2)}.VcQuickActions--header--button[data-v-727f970c]{padding:0!important}.VcQuickActions--large[data-v-727f970c]{padding:var(--size-value4) 0}.VcQuickActions--divider[data-v-727f970c]{transform:translateX(-24px);min-width:calc(100% + var(--size-value12))}.VcQuickActions--small[data-v-727f970c]{padding-top:var(--size-value3)}.VcQuickActions--small[data-v-727f970c] .grouped-items__group__container__menu-item{border-radius:var(--border-radius)}.VcQuickActions--groupHeader[data-v-727f970c]{font-size:11px;font-weight:var(--font-weight-large);color:var(--gray-darken-3)}.VcQuickActions[data-v-727f970c] .grouped-items__group__container__menu-item{height:var(--size-value10)}",
|
|
22602
22608
|
map: undefined,
|
|
22603
22609
|
media: undefined
|
|
22604
22610
|
});
|
|
@@ -22606,7 +22612,7 @@ const __vue_inject_styles__$h = function (inject) {
|
|
|
22606
22612
|
/* scoped */
|
|
22607
22613
|
|
|
22608
22614
|
|
|
22609
|
-
const __vue_scope_id__$h = "data-v-
|
|
22615
|
+
const __vue_scope_id__$h = "data-v-727f970c";
|
|
22610
22616
|
/* module identifier */
|
|
22611
22617
|
|
|
22612
22618
|
const __vue_module_identifier__$h = undefined;
|
|
@@ -23069,8 +23075,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
23069
23075
|
|
|
23070
23076
|
const __vue_inject_styles__$e = function (inject) {
|
|
23071
23077
|
if (!inject) return;
|
|
23072
|
-
inject("data-v-
|
|
23073
|
-
source: ".searchResults[data-v-
|
|
23078
|
+
inject("data-v-7756e42b_0", {
|
|
23079
|
+
source: ".searchResults[data-v-7756e42b]{letter-spacing:.02rem}.searchResults .groupHeader[data-v-7756e42b]{font-size:10px;font-weight:var(--font-weight-large);padding-inline-start:var(--size-value4);color:var(--gray-darken-3)}.searchResults[data-v-7756e42b] .searchLayoutGroup{padding-top:var(--size-value2);padding-bottom:var(--size-value2)}.searchResults[data-v-7756e42b] .searchLayoutItem{padding-top:var(--size-value7);padding-bottom:var(--size-value6)}.searchResults[data-v-7756e42b] .searchLayoutItem:has(.showMore){padding:0;height:auto}.searchResults[data-v-7756e42b] em.dsSearchHighlight--default{font-weight:var(--font-weight-large2);line-height:var(--size-value6);font-style:initial}.searchResults .searchItem[data-v-7756e42b]{font-size:12px;font-weight:var(--font-weight-medium);padding-inline-start:var(--size-value4);padding:6px var(--size-value5);gap:var(--size-value4)}.searchResults .searchItem--top[data-v-7756e42b]{font-size:13px;line-height:24px}.searchResults .searchItem--bottom[data-v-7756e42b]{line-height:24px}.searchResults .searchItem.showMore[data-v-7756e42b]{padding:var(--size-value2) var(--size-value5);color:var(--blue);font-weight:var(--font-weight-medium2)}.loadingState[data-v-7756e42b]{min-height:291px;align-content:center;justify-content:center}.emptyState[data-v-7756e42b],.loadingState[data-v-7756e42b]{padding:var(--size-value4) 0}.viewAll[data-v-7756e42b]{color:var(--blue);font-size:13px;font-weight:var(--font-weight-medium);padding:var(--size-value4) 0;gap:var(--size-value3);cursor:pointer}",
|
|
23074
23080
|
map: undefined,
|
|
23075
23081
|
media: undefined
|
|
23076
23082
|
});
|
|
@@ -23078,7 +23084,7 @@ const __vue_inject_styles__$e = function (inject) {
|
|
|
23078
23084
|
/* scoped */
|
|
23079
23085
|
|
|
23080
23086
|
|
|
23081
|
-
const __vue_scope_id__$e = "data-v-
|
|
23087
|
+
const __vue_scope_id__$e = "data-v-7756e42b";
|
|
23082
23088
|
/* module identifier */
|
|
23083
23089
|
|
|
23084
23090
|
const __vue_module_identifier__$e = undefined;
|
|
@@ -23225,7 +23231,8 @@ var __vue_render__$c = function () {
|
|
|
23225
23231
|
"justify-end": ""
|
|
23226
23232
|
}
|
|
23227
23233
|
}, [_vm.showBackButton ? _c('VcLayout', {
|
|
23228
|
-
staticClass: "backButtonSection"
|
|
23234
|
+
staticClass: "backButtonSection"
|
|
23235
|
+
}, [_c('div', {
|
|
23229
23236
|
attrs: {
|
|
23230
23237
|
"data-qa": _vm.dataQa + "-backButton"
|
|
23231
23238
|
},
|
|
@@ -23239,9 +23246,9 @@ var __vue_render__$c = function () {
|
|
|
23239
23246
|
"color": "var(--gray-darken-3)",
|
|
23240
23247
|
"size": "12"
|
|
23241
23248
|
}
|
|
23242
|
-
}, [_vm._v(_vm._s(_vm.$vuetify.rtl ? '$chevron_right' : '$chevron_left'))]), _vm._v(" "), _c('
|
|
23249
|
+
}, [_vm._v(_vm._s(_vm.$vuetify.rtl ? '$chevron_right' : '$chevron_left'))]), _vm._v(" "), _c('span', {
|
|
23243
23250
|
staticClass: "backButtonLabel"
|
|
23244
|
-
}, [_vm._v(" " + _vm._s(_vm.backButtonLabel) + " ")])], 1) : _vm._e(), _vm._v(" "), _c('VcLayout', {
|
|
23251
|
+
}, [_vm._v(" " + _vm._s(_vm.backButtonLabel) + " ")])], 1)]) : _vm._e(), _vm._v(" "), _c('VcLayout', {
|
|
23245
23252
|
staticClass: "topBarSection searchSection"
|
|
23246
23253
|
}, [_c('VcSearchLayout', _vm._g(_vm._b({
|
|
23247
23254
|
attrs: {
|
|
@@ -23466,8 +23473,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
23466
23473
|
|
|
23467
23474
|
const __vue_inject_styles__$d = function (inject) {
|
|
23468
23475
|
if (!inject) return;
|
|
23469
|
-
inject("data-v-
|
|
23470
|
-
source: ".VcWideTopMenuBar[data-v-
|
|
23476
|
+
inject("data-v-382d943c_0", {
|
|
23477
|
+
source: ".VcWideTopMenuBar[data-v-382d943c]{width:100%;height:52px;box-shadow:var(--shadow-1);padding-top:var(--size-value2);padding-bottom:var(--size-value2);padding-inline-start:var(--size-value1)}.VcWideTopMenuBar .specialButtonHeight[data-v-382d943c]{height:var(--size-value8)}.topBarSection[data-v-382d943c]{align-items:center}.leftSection[data-v-382d943c]{flex-basis:66%}.searchSection[data-v-382d943c]{flex-basis:50%;flex-grow:0}.rightSection[data-v-382d943c]{gap:var(--size-value2);flex-basis:33%}[data-v-382d943c] .v-badge__badge{font-weight:var(--font-weight-medium2)}.helpButton[data-v-382d943c]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value1)!important}.helpButton--label[data-v-382d943c]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-382d943c]{font-size:13px;font-weight:var(--font-weight-medium)}.accountMenuButton[data-v-382d943c]{padding:0 var(--size-value1)!important}.upgradeButton[data-v-382d943c]{padding:0 var(--size-value1)!important}.accountName[data-v-382d943c]{font-size:12px;font-weight:var(--font-weight-medium2);line-height:var(--size-value6);padding-inline-start:var(--size-value2)}.backButtonSection[data-v-382d943c]{margin-inline-start:var(--size-value3);align-items:center}.backButtonSection[data-v-382d943c] :hover{cursor:pointer}.backButtonLabel[data-v-382d943c]{font-size:13px;font-weight:var(--font-weight-medium2);margin-inline-start:var(--size-value1);color:var(--gray-darken-4);line-height:var(--size-value6)}.backButtonLabel[data-v-382d943c]:hover{text-decoration:underline}",
|
|
23471
23478
|
map: undefined,
|
|
23472
23479
|
media: undefined
|
|
23473
23480
|
});
|
|
@@ -23475,7 +23482,7 @@ const __vue_inject_styles__$d = function (inject) {
|
|
|
23475
23482
|
/* scoped */
|
|
23476
23483
|
|
|
23477
23484
|
|
|
23478
|
-
const __vue_scope_id__$d = "data-v-
|
|
23485
|
+
const __vue_scope_id__$d = "data-v-382d943c";
|
|
23479
23486
|
/* module identifier */
|
|
23480
23487
|
|
|
23481
23488
|
const __vue_module_identifier__$d = undefined;
|