@vcita/design-system 1.11.23 → 1.11.25
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 +24 -16
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +28 -20
- package/package.json +1 -1
- package/src/components/VcGroupedItems/VcGroupedItems.vue +16 -2
- package/src/components/VcQuickActions/VcSmallQuickAction.stories.js +1 -1
- package/src/components/VcQuickActions/VcSmallQuickAction.vue +4 -1
- package/src/components/VcSearchLayout/VcSearchLayout.vue +7 -10
- package/src/components/VcWideTopMenuBar/VcWideTopMenuBar.vue +1 -1
|
@@ -17343,6 +17343,10 @@ var script$N = {
|
|
|
17343
17343
|
type: String,
|
|
17344
17344
|
default: 'vertical',
|
|
17345
17345
|
validator: value => ['vertical', 'horizontal'].includes(value)
|
|
17346
|
+
},
|
|
17347
|
+
noFocusBorder: {
|
|
17348
|
+
type: Boolean,
|
|
17349
|
+
default: false
|
|
17346
17350
|
}
|
|
17347
17351
|
},
|
|
17348
17352
|
model: {
|
|
@@ -17410,7 +17414,7 @@ var __vue_render__$J = function () {
|
|
|
17410
17414
|
disabled: item.disabled,
|
|
17411
17415
|
mobile: _vm.isMobile,
|
|
17412
17416
|
'rtl': _vm.$vuetify.rtl
|
|
17413
|
-
}, _obj[_vm.itemClass] = _vm.itemClass, _obj),
|
|
17417
|
+
}, _obj[_vm.itemClass] = _vm.itemClass, _obj['no-focus-border'] = _vm.noFocusBorder, _obj),
|
|
17414
17418
|
attrs: {
|
|
17415
17419
|
"tabindex": 0,
|
|
17416
17420
|
"data-qa": "item-" + item.id
|
|
@@ -17455,8 +17459,8 @@ var __vue_staticRenderFns__$J = [];
|
|
|
17455
17459
|
|
|
17456
17460
|
const __vue_inject_styles__$N = function (inject) {
|
|
17457
17461
|
if (!inject) return;
|
|
17458
|
-
inject("data-v-
|
|
17459
|
-
source: ".grouped-items[data-v-
|
|
17462
|
+
inject("data-v-077ef6d6_0", {
|
|
17463
|
+
source: ".grouped-items[data-v-077ef6d6]{column-gap:var(--size-value5)}.grouped-items__group__header[data-v-077ef6d6]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-large);line-height:var(--size-value5);color:var(--gray-darken-2)}.grouped-items__group__header.flat[data-v-077ef6d6]{padding-left:var(--size-value4);font-size:var(--font-size-xxx-small)}.grouped-items__group__container[data-v-077ef6d6]{border-radius:var(--border-radius);background-color:var(--modal-bg-color)}.grouped-items__group__container.elevated[data-v-077ef6d6]{box-shadow:var(--shadow-1)}.grouped-items__group__container .no-focus-border[data-v-077ef6d6]:focus,.grouped-items__group__container .no-focus-border[data-v-077ef6d6]:focus-visible{border:0}.grouped-items__group__container__menu-item[data-v-077ef6d6]{cursor:pointer;box-sizing:border-box;height:var(--size-value11);font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);border-inline-start:3px solid var(--modal-bg-color);transition:.3s;transition-property:border-color,background-color}.grouped-items__group__container__menu-item[data-v-077ef6d6]:first-of-type{margin-top:var(--size-value1)}.grouped-items__group__container__menu-item[data-v-077ef6d6]:last-of-type{margin-bottom:var(--size-value1)}.grouped-items__group__container__menu-item[data-v-077ef6d6]:hover{border-color:var(--gray-lighten-3);background-color:var(--gray-lighten-3)}.grouped-items__group__container__menu-item.no-focus-border[data-v-077ef6d6]{border-inline-start:0}.grouped-items__group__container__menu-item[data-v-077ef6d6]:focus,.grouped-items__group__container__menu-item[data-v-077ef6d6]:focus-visible{border:3px solid var(--v-secondary-lighten1)}.grouped-items__group__container__menu-item[data-v-077ef6d6]:active:not(.mobile){border-color:var(--gray-lighten-1);background-color:var(--gray-lighten-1)}.grouped-items__group__container__menu-item.selected[data-v-077ef6d6]{font-weight:var(--font-weight-large)}.grouped-items__group__container__menu-item.selected[data-v-077ef6d6]:not(.mobile){border-inline-start:3px solid var(--v-secondary-base)}.grouped-items__group__container__menu-item.disabled[data-v-077ef6d6]{cursor:unset;pointer-events:none;border-color:var(--gray-lighten-3);background-color:var(--gray-lighten-3);color:var(--gray-darken-2)}.grouped-items__group__container__menu-item.mobile[data-v-077ef6d6]{color:var(--gray-darken-5);height:var(--size-value13)}.grouped-items__group__container__menu-item.mobile[data-v-077ef6d6] svg.vc-chevron-right{fill:var(--gray-darken-2)}.grouped-items__group__container__menu-item.mobile.rtl[data-v-077ef6d6] svg.vc-chevron-right{transform:scaleX(-1)}",
|
|
17460
17464
|
map: undefined,
|
|
17461
17465
|
media: undefined
|
|
17462
17466
|
});
|
|
@@ -17464,7 +17468,7 @@ const __vue_inject_styles__$N = function (inject) {
|
|
|
17464
17468
|
/* scoped */
|
|
17465
17469
|
|
|
17466
17470
|
|
|
17467
|
-
const __vue_scope_id__$N = "data-v-
|
|
17471
|
+
const __vue_scope_id__$N = "data-v-077ef6d6";
|
|
17468
17472
|
/* module identifier */
|
|
17469
17473
|
|
|
17470
17474
|
const __vue_module_identifier__$N = undefined;
|
|
@@ -22539,7 +22543,10 @@ var __vue_render__$g = function () {
|
|
|
22539
22543
|
}
|
|
22540
22544
|
}, [_c('div', {
|
|
22541
22545
|
ref: "actionText",
|
|
22542
|
-
staticClass: "VcSmallQuickAction--title"
|
|
22546
|
+
staticClass: "VcSmallQuickAction--title",
|
|
22547
|
+
class: {
|
|
22548
|
+
'ellipsis': _vm.showTooltip
|
|
22549
|
+
}
|
|
22543
22550
|
}, [_vm._v(_vm._s(_vm.title))])])], 1);
|
|
22544
22551
|
};
|
|
22545
22552
|
|
|
@@ -22548,8 +22555,8 @@ var __vue_staticRenderFns__$g = [];
|
|
|
22548
22555
|
|
|
22549
22556
|
const __vue_inject_styles__$i = function (inject) {
|
|
22550
22557
|
if (!inject) return;
|
|
22551
|
-
inject("data-v-
|
|
22552
|
-
source: ".VcSmallQuickAction[data-v-
|
|
22558
|
+
inject("data-v-361c6d4b_0", {
|
|
22559
|
+
source: ".VcSmallQuickAction[data-v-361c6d4b]{gap:var(--size-value3);width:162px}.VcSmallQuickAction--image[data-v-361c6d4b]{width:var(--size-value4);height:var(--size-value4)}.VcSmallQuickAction--tooltip[data-v-361c6d4b]{max-width:calc(100% - var(--size-value7))}.VcSmallQuickAction--title[data-v-361c6d4b]{font-size:13px;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden}.VcSmallQuickAction .ellipsis[data-v-361c6d4b]{text-overflow:ellipsis}",
|
|
22553
22560
|
map: undefined,
|
|
22554
22561
|
media: undefined
|
|
22555
22562
|
});
|
|
@@ -22557,7 +22564,7 @@ const __vue_inject_styles__$i = function (inject) {
|
|
|
22557
22564
|
/* scoped */
|
|
22558
22565
|
|
|
22559
22566
|
|
|
22560
|
-
const __vue_scope_id__$i = "data-v-
|
|
22567
|
+
const __vue_scope_id__$i = "data-v-361c6d4b";
|
|
22561
22568
|
/* module identifier */
|
|
22562
22569
|
|
|
22563
22570
|
const __vue_module_identifier__$i = undefined;
|
|
@@ -23205,7 +23212,8 @@ var __vue_render__$d = function () {
|
|
|
23205
23212
|
"showDividers": "",
|
|
23206
23213
|
"group-class": "searchLayoutGroup",
|
|
23207
23214
|
"item-class": "searchLayoutItem",
|
|
23208
|
-
"data-qa": _vm.dataQa + "-groupedItems"
|
|
23215
|
+
"data-qa": _vm.dataQa + "-groupedItems",
|
|
23216
|
+
"noFocusBorder": ""
|
|
23209
23217
|
},
|
|
23210
23218
|
on: {
|
|
23211
23219
|
"change": _vm.onItemSelected
|
|
@@ -23264,8 +23272,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
23264
23272
|
|
|
23265
23273
|
const __vue_inject_styles__$e = function (inject) {
|
|
23266
23274
|
if (!inject) return;
|
|
23267
|
-
inject("data-v-
|
|
23268
|
-
source: ".searchResults[data-v-
|
|
23275
|
+
inject("data-v-6ce78a28_0", {
|
|
23276
|
+
source: ".searchResults[data-v-6ce78a28]{letter-spacing:.02rem}.searchResults .groupHeader[data-v-6ce78a28]{font-size:10px;font-weight:var(--font-weight-large);padding-inline-start:var(--size-value4);color:var(--gray-darken-3)}.searchResults[data-v-6ce78a28] .searchLayoutGroup{padding-top:var(--size-value2);padding-bottom:var(--size-value2)}.searchResults[data-v-6ce78a28] .searchLayoutItem{padding-top:var(--size-value7);padding-bottom:var(--size-value6)}.searchResults[data-v-6ce78a28] .searchLayoutItem:has(.showMore){padding:0;height:auto}.searchResults[data-v-6ce78a28] em.dsSearchHighlight--default{font-weight:var(--font-weight-large2);line-height:var(--size-value6);font-style:initial}.searchResults .searchItem[data-v-6ce78a28]{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-6ce78a28]{font-size:13px;line-height:24px}.searchResults .searchItem--bottom[data-v-6ce78a28]{line-height:24px;color:var(--gray-darken-4)}.searchResults .searchItem.showMore[data-v-6ce78a28]{padding:var(--size-value2) var(--size-value5);color:var(--blue);font-weight:var(--font-weight-medium2)}.loadingState[data-v-6ce78a28]{min-height:291px;align-content:center;justify-content:center}.emptyState[data-v-6ce78a28],.loadingState[data-v-6ce78a28]{padding:var(--size-value4) 0}.viewAll[data-v-6ce78a28]{color:var(--blue);font-size:13px;font-weight:var(--font-weight-medium);padding:var(--size-value4) 0;gap:var(--size-value3);cursor:pointer}[data-v-6ce78a28] .grouped-items__group__container__menu-item:focus,[data-v-6ce78a28] .grouped-items__group__container__menu-item:focus-visible{outline:3px solid var(--v-secondary-lighten1);outline-offset:-3px;border-radius:6px}",
|
|
23269
23277
|
map: undefined,
|
|
23270
23278
|
media: undefined
|
|
23271
23279
|
});
|
|
@@ -23273,7 +23281,7 @@ const __vue_inject_styles__$e = function (inject) {
|
|
|
23273
23281
|
/* scoped */
|
|
23274
23282
|
|
|
23275
23283
|
|
|
23276
|
-
const __vue_scope_id__$e = "data-v-
|
|
23284
|
+
const __vue_scope_id__$e = "data-v-6ce78a28";
|
|
23277
23285
|
/* module identifier */
|
|
23278
23286
|
|
|
23279
23287
|
const __vue_module_identifier__$e = undefined;
|
|
@@ -23511,7 +23519,7 @@ var __vue_render__$c = function () {
|
|
|
23511
23519
|
"ghost": "",
|
|
23512
23520
|
"flavor": "secondary",
|
|
23513
23521
|
"data-qa": _vm.dataQa + "-notifications",
|
|
23514
|
-
"width":
|
|
23522
|
+
"width": 32
|
|
23515
23523
|
},
|
|
23516
23524
|
on: {
|
|
23517
23525
|
"click": function ($event) {
|
|
@@ -23722,8 +23730,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
23722
23730
|
|
|
23723
23731
|
const __vue_inject_styles__$d = function (inject) {
|
|
23724
23732
|
if (!inject) return;
|
|
23725
|
-
inject("data-v-
|
|
23726
|
-
source: ".VcWideTopMenuBar[data-v-
|
|
23733
|
+
inject("data-v-3fd59fb9_0", {
|
|
23734
|
+
source: ".VcWideTopMenuBar[data-v-3fd59fb9]{width:100%;height:52px;box-shadow:var(--shadow-1);padding-top:var(--size-value2);padding-bottom:var(--size-value2);padding-inline-end:var(--size-value1);padding-inline-start:var(--size-value1);background-color:var(--white);column-gap:var(--size-value1)}.VcWideTopMenuBar .specialButtonHeight[data-v-3fd59fb9]{height:var(--size-value8)}.topBarSection[data-v-3fd59fb9]{align-items:center}.leftSection[data-v-3fd59fb9]{flex-basis:66%}.searchSection[data-v-3fd59fb9]{flex-basis:50%;flex-grow:0;gap:var(--size-value2)}.rightSection[data-v-3fd59fb9]{gap:var(--size-value2);flex-basis:33%;min-width:fit-content}[data-v-3fd59fb9] .v-badge__badge{font-weight:var(--font-weight-medium2)}.VcWideTopMenuBar .topBarSection.rightSection .helpButton[data-v-3fd59fb9]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value3)}.VcWideTopMenuBar .topBarSection.rightSection .helpButton--label[data-v-3fd59fb9]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-3fd59fb9]{font-size:13px;font-weight:var(--font-weight-medium)}.VcWideTopMenuBar .topBarSection.rightSection .accountMenuButton[data-v-3fd59fb9]{padding:0 var(--size-value2)}.VcWideTopMenuBar .topBarSection.rightSection .upgradeButton[data-v-3fd59fb9]{padding:0 var(--size-value1)}.accountName[data-v-3fd59fb9]{font-size:12px;font-weight:var(--font-weight-medium2);line-height:var(--size-value6);padding-inline-start:var(--size-value2);text-overflow:ellipsis;max-width:150px;white-space:nowrap;overflow:hidden}.backButtonSection[data-v-3fd59fb9]{margin-inline-start:var(--size-value3);align-items:center}.backButtonSection[data-v-3fd59fb9] :hover{cursor:pointer}.backButtonLabel[data-v-3fd59fb9]{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-3fd59fb9]:hover{text-decoration:underline}.VcWideTopMenuBar .topBarSection.rightSection .notifications-button[data-v-3fd59fb9]{padding:0}",
|
|
23727
23735
|
map: undefined,
|
|
23728
23736
|
media: undefined
|
|
23729
23737
|
});
|
|
@@ -23731,7 +23739,7 @@ const __vue_inject_styles__$d = function (inject) {
|
|
|
23731
23739
|
/* scoped */
|
|
23732
23740
|
|
|
23733
23741
|
|
|
23734
|
-
const __vue_scope_id__$d = "data-v-
|
|
23742
|
+
const __vue_scope_id__$d = "data-v-3fd59fb9";
|
|
23735
23743
|
/* module identifier */
|
|
23736
23744
|
|
|
23737
23745
|
const __vue_module_identifier__$d = undefined;
|