@vcita/design-system 1.11.23 → 1.11.24
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 +21 -16
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +25 -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 +1 -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;
|
|
@@ -22478,7 +22482,7 @@ var script$i = {
|
|
|
22478
22482
|
measureSize() {
|
|
22479
22483
|
var _this$$refs$actionTex, _this$$refs$actionTex2;
|
|
22480
22484
|
|
|
22481
|
-
this.showTooltip = ((_this$$refs$actionTex = this.$refs.actionText) === null || _this$$refs$actionTex === void 0 ? void 0 : _this$$refs$actionTex.offsetWidth)
|
|
22485
|
+
this.showTooltip = ((_this$$refs$actionTex = this.$refs.actionText) === null || _this$$refs$actionTex === void 0 ? void 0 : _this$$refs$actionTex.offsetWidth) <= ((_this$$refs$actionTex2 = this.$refs.actionText) === null || _this$$refs$actionTex2 === void 0 ? void 0 : _this$$refs$actionTex2.scrollWidth);
|
|
22482
22486
|
}
|
|
22483
22487
|
|
|
22484
22488
|
},
|
|
@@ -22548,8 +22552,8 @@ var __vue_staticRenderFns__$g = [];
|
|
|
22548
22552
|
|
|
22549
22553
|
const __vue_inject_styles__$i = function (inject) {
|
|
22550
22554
|
if (!inject) return;
|
|
22551
|
-
inject("data-v-
|
|
22552
|
-
source: ".VcSmallQuickAction[data-v-
|
|
22555
|
+
inject("data-v-712586e7_0", {
|
|
22556
|
+
source: ".VcSmallQuickAction[data-v-712586e7]{gap:var(--size-value3);width:162px}.VcSmallQuickAction--image[data-v-712586e7]{width:var(--size-value4);height:var(--size-value4)}.VcSmallQuickAction--tooltip[data-v-712586e7]{max-width:calc(100% - var(--size-value7))}.VcSmallQuickAction--title[data-v-712586e7]{font-size:13px;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",
|
|
22553
22557
|
map: undefined,
|
|
22554
22558
|
media: undefined
|
|
22555
22559
|
});
|
|
@@ -22557,7 +22561,7 @@ const __vue_inject_styles__$i = function (inject) {
|
|
|
22557
22561
|
/* scoped */
|
|
22558
22562
|
|
|
22559
22563
|
|
|
22560
|
-
const __vue_scope_id__$i = "data-v-
|
|
22564
|
+
const __vue_scope_id__$i = "data-v-712586e7";
|
|
22561
22565
|
/* module identifier */
|
|
22562
22566
|
|
|
22563
22567
|
const __vue_module_identifier__$i = undefined;
|
|
@@ -23205,7 +23209,8 @@ var __vue_render__$d = function () {
|
|
|
23205
23209
|
"showDividers": "",
|
|
23206
23210
|
"group-class": "searchLayoutGroup",
|
|
23207
23211
|
"item-class": "searchLayoutItem",
|
|
23208
|
-
"data-qa": _vm.dataQa + "-groupedItems"
|
|
23212
|
+
"data-qa": _vm.dataQa + "-groupedItems",
|
|
23213
|
+
"noFocusBorder": ""
|
|
23209
23214
|
},
|
|
23210
23215
|
on: {
|
|
23211
23216
|
"change": _vm.onItemSelected
|
|
@@ -23264,8 +23269,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
23264
23269
|
|
|
23265
23270
|
const __vue_inject_styles__$e = function (inject) {
|
|
23266
23271
|
if (!inject) return;
|
|
23267
|
-
inject("data-v-
|
|
23268
|
-
source: ".searchResults[data-v-
|
|
23272
|
+
inject("data-v-6ce78a28_0", {
|
|
23273
|
+
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
23274
|
map: undefined,
|
|
23270
23275
|
media: undefined
|
|
23271
23276
|
});
|
|
@@ -23273,7 +23278,7 @@ const __vue_inject_styles__$e = function (inject) {
|
|
|
23273
23278
|
/* scoped */
|
|
23274
23279
|
|
|
23275
23280
|
|
|
23276
|
-
const __vue_scope_id__$e = "data-v-
|
|
23281
|
+
const __vue_scope_id__$e = "data-v-6ce78a28";
|
|
23277
23282
|
/* module identifier */
|
|
23278
23283
|
|
|
23279
23284
|
const __vue_module_identifier__$e = undefined;
|
|
@@ -23511,7 +23516,7 @@ var __vue_render__$c = function () {
|
|
|
23511
23516
|
"ghost": "",
|
|
23512
23517
|
"flavor": "secondary",
|
|
23513
23518
|
"data-qa": _vm.dataQa + "-notifications",
|
|
23514
|
-
"width":
|
|
23519
|
+
"width": 32
|
|
23515
23520
|
},
|
|
23516
23521
|
on: {
|
|
23517
23522
|
"click": function ($event) {
|
|
@@ -23722,8 +23727,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
23722
23727
|
|
|
23723
23728
|
const __vue_inject_styles__$d = function (inject) {
|
|
23724
23729
|
if (!inject) return;
|
|
23725
|
-
inject("data-v-
|
|
23726
|
-
source: ".VcWideTopMenuBar[data-v-
|
|
23730
|
+
inject("data-v-3fd59fb9_0", {
|
|
23731
|
+
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
23732
|
map: undefined,
|
|
23728
23733
|
media: undefined
|
|
23729
23734
|
});
|
|
@@ -23731,7 +23736,7 @@ const __vue_inject_styles__$d = function (inject) {
|
|
|
23731
23736
|
/* scoped */
|
|
23732
23737
|
|
|
23733
23738
|
|
|
23734
|
-
const __vue_scope_id__$d = "data-v-
|
|
23739
|
+
const __vue_scope_id__$d = "data-v-3fd59fb9";
|
|
23735
23740
|
/* module identifier */
|
|
23736
23741
|
|
|
23737
23742
|
const __vue_module_identifier__$d = undefined;
|