@vcita/design-system 1.11.16 → 1.11.17
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 +25 -13
- package/dist/@vcita/design-system.min.js +1 -1
- package/dist/@vcita/design-system.ssr.js +28 -16
- package/package.json +1 -1
- package/src/components/VcMenuItem/VcMenuItem.vue +2 -0
- package/src/components/VcSearchLayout/VcSearchLayout.spec.js +2 -2
- package/src/components/VcSearchLayout/VcSearchLayout.stories.js +3 -3
- package/src/components/VcSearchLayout/VcSearchLayout.vue +4 -4
- package/src/components/VcWideTopMenuBar/VcWideTopMenuBar.stories.js +2 -0
- package/src/components/VcWideTopMenuBar/VcWideTopMenuBar.vue +10 -0
|
@@ -20104,8 +20104,8 @@ var __vue_staticRenderFns__$w = [];
|
|
|
20104
20104
|
|
|
20105
20105
|
const __vue_inject_styles__$z = function (inject) {
|
|
20106
20106
|
if (!inject) return;
|
|
20107
|
-
inject("data-v-
|
|
20108
|
-
source: ".VcMenuItem[data-v-
|
|
20107
|
+
inject("data-v-d32e04ba_0", {
|
|
20108
|
+
source: ".VcMenuItem[data-v-d32e04ba]{height:52px;min-height:unset;font-weight:var(--font-weight-medium2)}.VcMenuItem.desktop[data-v-d32e04ba]{color:var(--v-text-base);height:40px}.VcMenuItem.desktop :hover .VcMenuItem-icon[data-v-d32e04ba],.VcMenuItem.desktop :hover .VcMenuItem-text[data-v-d32e04ba]{opacity:unset}.MenuItemSkeletonContainer[data-v-d32e04ba]{padding:0 var(--size-value5)}.VcMenuItem-skeleton[data-v-d32e04ba]{margin-inline-end:var(--size-value5)}[data-v-d32e04ba] .v-skeleton-loader__list-item{background-color:transparent!important}.VcMenuItem-simple[data-v-d32e04ba]{padding:0 var(--size-value5);border-inline-start:3px solid transparent;transition:border-inline-start 250ms,background-color 250ms}.VcMenuItem-simple[data-v-d32e04ba]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-simple:hover .VcMenuItem-icon[data-v-d32e04ba],.VcMenuItem-simple:hover .VcMenuItem-text[data-v-d32e04ba]{opacity:unset}.VcMenuItem-simple.desktop[data-v-d32e04ba]{padding:0 17px}.VcMenuItem-simple.desktop[data-v-d32e04ba]:hover{background:rgba(225,225,225,.16);cursor:pointer}.VcMenuItem-simple[data-v-d32e04ba]:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItem--expansionPanel[data-v-d32e04ba]{background-color:transparent!important}.VcMenuItem-complex[data-v-d32e04ba]{padding-inline-start:var(--size-value5)}.VcMenuItem-complex.desktop[data-v-d32e04ba]{padding-inline-start:17px}.v-expansion-panels:not(.v-expansion-panels--accordion):not(.v-expansion-panels--tile)>.v-expansion-panel--active[data-v-d32e04ba]{border-radius:0}.desktop[data-v-d32e04ba] .v-expansion-panel-header:hover:before{opacity:.16!important}.VcMenuItem-icon[data-v-d32e04ba]{margin-inline-end:var(--size-value4)}.VcMenuItem-icon.desktop[data-v-d32e04ba]{margin-inline-end:var(--size-value3);opacity:72%}.VcMenuItem-text[data-v-d32e04ba]{font-size:15px}.VcMenuItem-text.desktop[data-v-d32e04ba]{opacity:87%}.desktop .VcMenuItem-text[data-v-d32e04ba]{font-size:13px}.VcMenuItem-userSelectNone[data-v-d32e04ba]{user-select:none}.VcMenuItem-badge[data-v-d32e04ba]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-d32e04ba]{color:var(--orange)}.VcMenuItem-right-area[data-v-d32e04ba]{justify-content:flex-end;flex-grow:0}.v-expansion-panel-content[data-v-d32e04ba]{border-inline-start:3px solid transparent;background-color:transparent;transition:border-inline-start 250ms,background-color 250ms}.v-expansion-panel-content[data-v-d32e04ba]:hover{background:rgba(0,0,0,.04)}.v-expansion-panel-content[data-v-d32e04ba] .v-expansion-panel-content__wrap{padding:var(--size-value2) var(--size-value6)}.desktop .v-expansion-panel-content[data-v-d32e04ba]{background:rgba(225,225,225,.07)}.desktop .v-expansion-panel-content[data-v-d32e04ba]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-subitem[data-v-d32e04ba]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}.VcMenuItem-subitem.desktop[data-v-d32e04ba]{height:var(--size-value6);color:var(--v-text-base);margin:-8px 0;padding:var(--size-value5) var(--size-value12)}.VcMenuItem-subitem.desktop[data-v-d32e04ba]:hover{cursor:pointer}.VcMenuItem-subitem.desktop:hover .VcMenuItem-text[data-v-d32e04ba]{opacity:unset}.sm.VcMenuItem[data-v-d32e04ba]{height:var(--size-value10)}.sm .VcMenuItem-text[data-v-d32e04ba]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.selected[data-v-d32e04ba]{border-inline-start:3px solid var(--v-secondary-base);background-color:rgba(225,225,225,.16)}.selected.desktop .VcMenuItem-icon[data-v-d32e04ba],.selected.desktop .VcMenuItem-text[data-v-d32e04ba]{opacity:unset}",
|
|
20109
20109
|
map: undefined,
|
|
20110
20110
|
media: undefined
|
|
20111
20111
|
});
|
|
@@ -20113,7 +20113,7 @@ const __vue_inject_styles__$z = function (inject) {
|
|
|
20113
20113
|
/* scoped */
|
|
20114
20114
|
|
|
20115
20115
|
|
|
20116
|
-
const __vue_scope_id__$z = "data-v-
|
|
20116
|
+
const __vue_scope_id__$z = "data-v-d32e04ba";
|
|
20117
20117
|
/* module identifier */
|
|
20118
20118
|
|
|
20119
20119
|
const __vue_module_identifier__$z = undefined;
|
|
@@ -22903,7 +22903,7 @@ var script$f = {
|
|
|
22903
22903
|
type: Boolean,
|
|
22904
22904
|
default: false
|
|
22905
22905
|
},
|
|
22906
|
-
|
|
22906
|
+
isSearching: {
|
|
22907
22907
|
type: Boolean,
|
|
22908
22908
|
default: false
|
|
22909
22909
|
},
|
|
@@ -23019,7 +23019,7 @@ var __vue_render__$d = function () {
|
|
|
23019
23019
|
return _vm.$emit('onSeeAllClicked');
|
|
23020
23020
|
}
|
|
23021
23021
|
}
|
|
23022
|
-
}, [_c('v-divider'), _vm._v(" "), !_vm.
|
|
23022
|
+
}, [_c('v-divider'), _vm._v(" "), !_vm.isSearching && _vm.$attrs.itemGroups && _vm.$attrs.itemGroups.length > 0 ? _c('VcLayout', {
|
|
23023
23023
|
staticClass: "viewAll",
|
|
23024
23024
|
attrs: {
|
|
23025
23025
|
"justify-center": "",
|
|
@@ -23042,13 +23042,13 @@ var __vue_render__$d = function () {
|
|
|
23042
23042
|
}, [_vm._v(" "), _c('VcLayout', {
|
|
23043
23043
|
staticClass: "searchResults",
|
|
23044
23044
|
class: {
|
|
23045
|
-
loadingState: _vm.
|
|
23045
|
+
loadingState: _vm.isSearching,
|
|
23046
23046
|
emptyState: !_vm.$attrs.itemGroups || _vm.$attrs.itemGroups.length === 0
|
|
23047
23047
|
},
|
|
23048
23048
|
attrs: {
|
|
23049
23049
|
"flex-wrap": ""
|
|
23050
23050
|
}
|
|
23051
|
-
}, [_vm.
|
|
23051
|
+
}, [_vm.isSearching ? _c('VcLoader') : _vm.$attrs.itemGroups && _vm.$attrs.itemGroups.length > 0 ? _c('VcGroupedItems', {
|
|
23052
23052
|
attrs: {
|
|
23053
23053
|
"item-groups": _vm.itemGroupsBolded,
|
|
23054
23054
|
"showDividers": "",
|
|
@@ -23113,8 +23113,8 @@ var __vue_staticRenderFns__$d = [];
|
|
|
23113
23113
|
|
|
23114
23114
|
const __vue_inject_styles__$f = function (inject) {
|
|
23115
23115
|
if (!inject) return;
|
|
23116
|
-
inject("data-v-
|
|
23117
|
-
source: ".searchResults[data-v-
|
|
23116
|
+
inject("data-v-424311a2_0", {
|
|
23117
|
+
source: ".searchResults[data-v-424311a2]{letter-spacing:.02rem}.searchResults .groupHeader[data-v-424311a2]{font-size:10px;font-weight:var(--font-weight-large);padding-inline-start:var(--size-value4);color:var(--gray-darken-3)}.searchResults[data-v-424311a2] .searchLayoutGroup{padding-top:var(--size-value2);padding-bottom:var(--size-value2)}.searchResults[data-v-424311a2] .searchLayoutItem{padding-top:var(--size-value7);padding-bottom:var(--size-value6)}.searchResults[data-v-424311a2] .searchLayoutItem:has(.showMore){padding:0;height:auto}.searchResults[data-v-424311a2] em.dsSearchHighlight--default{font-weight:var(--font-weight-large2);line-height:var(--size-value6);font-style:initial}.searchResults .searchItem[data-v-424311a2]{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-424311a2]{font-size:13px;line-height:24px}.searchResults .searchItem--bottom[data-v-424311a2]{line-height:24px}.searchResults .searchItem.showMore[data-v-424311a2]{padding:var(--size-value2) var(--size-value5);color:var(--blue);font-weight:var(--font-weight-medium2)}.loadingState[data-v-424311a2]{min-height:291px;align-content:center;justify-content:center}.emptyState[data-v-424311a2],.loadingState[data-v-424311a2]{padding:var(--size-value4) 0}.viewAll[data-v-424311a2]{color:var(--blue);font-size:13px;font-weight:var(--font-weight-medium);padding:var(--size-value4) 0;gap:var(--size-value3);cursor:pointer}",
|
|
23118
23118
|
map: undefined,
|
|
23119
23119
|
media: undefined
|
|
23120
23120
|
});
|
|
@@ -23122,7 +23122,7 @@ const __vue_inject_styles__$f = function (inject) {
|
|
|
23122
23122
|
/* scoped */
|
|
23123
23123
|
|
|
23124
23124
|
|
|
23125
|
-
const __vue_scope_id__$f = "data-v-
|
|
23125
|
+
const __vue_scope_id__$f = "data-v-424311a2";
|
|
23126
23126
|
/* module identifier */
|
|
23127
23127
|
|
|
23128
23128
|
const __vue_module_identifier__$f = undefined;
|
|
@@ -23258,10 +23258,22 @@ var script$d = {
|
|
|
23258
23258
|
type: Boolean,
|
|
23259
23259
|
default: false
|
|
23260
23260
|
},
|
|
23261
|
+
|
|
23262
|
+
/**
|
|
23263
|
+
* Indicates if the component is in loading state, which will display skeleton loaders
|
|
23264
|
+
*/
|
|
23261
23265
|
isLoading: {
|
|
23262
23266
|
type: Boolean,
|
|
23263
23267
|
default: false
|
|
23264
23268
|
},
|
|
23269
|
+
|
|
23270
|
+
/**
|
|
23271
|
+
* This prop is passed down to VcSearchLayout
|
|
23272
|
+
*/
|
|
23273
|
+
isSearching: {
|
|
23274
|
+
type: Boolean,
|
|
23275
|
+
default: false
|
|
23276
|
+
},
|
|
23265
23277
|
dataQa: {
|
|
23266
23278
|
type: String,
|
|
23267
23279
|
default: 'VcWideTopMenuBar'
|
|
@@ -23603,8 +23615,8 @@ var __vue_staticRenderFns__$c = [];
|
|
|
23603
23615
|
|
|
23604
23616
|
const __vue_inject_styles__$d = function (inject) {
|
|
23605
23617
|
if (!inject) return;
|
|
23606
|
-
inject("data-v-
|
|
23607
|
-
source: ".VcWideTopMenuBar[data-v-
|
|
23618
|
+
inject("data-v-cd191320_0", {
|
|
23619
|
+
source: ".VcWideTopMenuBar[data-v-cd191320]{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);background-color:var(--white)}.VcWideTopMenuBar .specialButtonHeight[data-v-cd191320]{height:var(--size-value8)}.topBarSection[data-v-cd191320]{align-items:center}.leftSection[data-v-cd191320]{flex-basis:66%}.searchSection[data-v-cd191320]{flex-basis:50%;flex-grow:0;gap:var(--size-value2)}.rightSection[data-v-cd191320]{gap:var(--size-value2);flex-basis:33%}[data-v-cd191320] .v-badge__badge{font-weight:var(--font-weight-medium2)}.helpButton[data-v-cd191320]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value1)!important}.helpButton--label[data-v-cd191320]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-cd191320]{font-size:13px;font-weight:var(--font-weight-medium)}.accountMenuButton[data-v-cd191320]{padding:0 var(--size-value1)!important}.upgradeButton[data-v-cd191320]{padding:0 var(--size-value1)!important}.accountName[data-v-cd191320]{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-cd191320]{margin-inline-start:var(--size-value3);align-items:center}.backButtonSection[data-v-cd191320] :hover{cursor:pointer}.backButtonLabel[data-v-cd191320]{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-cd191320]:hover{text-decoration:underline}",
|
|
23608
23620
|
map: undefined,
|
|
23609
23621
|
media: undefined
|
|
23610
23622
|
});
|
|
@@ -23612,7 +23624,7 @@ const __vue_inject_styles__$d = function (inject) {
|
|
|
23612
23624
|
/* scoped */
|
|
23613
23625
|
|
|
23614
23626
|
|
|
23615
|
-
const __vue_scope_id__$d = "data-v-
|
|
23627
|
+
const __vue_scope_id__$d = "data-v-cd191320";
|
|
23616
23628
|
/* module identifier */
|
|
23617
23629
|
|
|
23618
23630
|
const __vue_module_identifier__$d = undefined;
|