@vcita/design-system 1.11.21 → 1.11.23

package/dist/@vcita/design-system.esm.js

@@ -1982,6 +1982,9 @@ var script$1D = {
       type: Boolean,
       default: false
     },
+    width: {
+      type: [String, Number]
+    },
     dataQa: {
       type: String,
       default: 'vc-alert'
@@ -2065,6 +2068,7 @@ var __vue_render__$1z = function () {
     class: _vm.getClass,
     attrs: {
       "data-qa": _vm.dataQa,
+      "width": _vm.width,
       "icon": _vm.getIcon
     }
   }, [_c('VcLayout', {
@@ -2138,7 +2142,7 @@ var __vue_staticRenderFns__$1z = [];
 
 const __vue_inject_styles__$1D = function (inject) {
   if (!inject) return;
-  inject("data-v-04f1e855_0", {
+  inject("data-v-2b63e9e6_0", {
     source: ".dialog-alert{padding:var(--size-value3);margin:var(--size-value0)}.dialog-alert__close-btn{margin-inline-end:var(--size-value7)}.dialog-alert .alert-content{padding-inline-end:var(--size-value9)}.dialog-alert .v-alert__icon{margin-inline-end:var(--size-value2);font-size:var(--size-value5);height:var(--size-value5);min-width:var(--size-value5)}.dialog-alert .close-button{position:absolute;width:var(--size-value6);height:var(--size-value6);top:var(--size-value3);right:var(--size-value3)}#app[dir=rtl] .dialog-alert .close-button{right:auto;left:var(--size-value3)}.dialog-alert .close-button .v-btn__content{opacity:unset}.dialog-alert .close-button:hover{background-color:rgba(0,0,0,.07)}.dialog-alert .close-button .v-icon{margin-right:var(--size-value0)}.dialog-alert .close-button .v-icon svg{fill:var(--gray-darken-2);width:var(--size-value4);height:var(--size-value4)}.dialog-alert.stripe.v-alert{border-radius:var(--size-value0);border-top:none;border-left:none;border-right:none}.dialog-alert.inline.v-alert{border-radius:var(--size-value0);border:none;padding:var(--size-value0);background-color:transparent}.dialog-alert.vcita-alert-attention{border:1px solid var(--red-lighten-2);background-color:var(--red-lighten-3)}.dialog-alert.vcita-alert-attention .v-icon svg.vc-attention-fill,.dialog-alert.vcita-alert-attention .v-icon svg.vc-notif{fill:var(--red)}.dialog-alert.vcita-alert-warning{border:1px solid var(--yellow-lighten-2);background-color:var(--yellow-lighten-3)}.dialog-alert.vcita-alert-warning .v-alert__wrapper .v-icon svg.vc-notif,.dialog-alert.vcita-alert-warning .v-alert__wrapper .v-icon svg.vc-warning-fill{fill:var(--yellow)}.dialog-alert.vcita-alert-info{border:1px solid var(--blue-lighten-2);background-color:var(--blue-lighten-3)}.dialog-alert.vcita-alert-info .v-alert__wrapper .v-icon svg.vc-info-fill,.dialog-alert.vcita-alert-info .v-alert__wrapper .v-icon svg.vc-notif{fill:var(--blue)}.dialog-alert.vcita-alert-success{border:1px solid var(--green-lighten-2);background-color:var(--green-lighten-3)}.dialog-alert.vcita-alert-success .v-icon svg.vc-check-fill,.dialog-alert.vcita-alert-success .v-icon svg.vc-notif{fill:var(--green)}.dialog-alert.vcita-alert-app{border:1px solid var(--purple-lighten-2);background-color:var(--purple-lighten-3)}.dialog-alert.vcita-alert-app .v-icon svg.vc-check-fill,.dialog-alert.vcita-alert-app .v-icon svg.vc-notif{fill:var(--purple)}.dialog-alert.vcita-alert-app .v-alert__wrapper{justify-content:center}.dialog-alert.vcita-alert-app .v-alert__wrapper .v-alert__content{flex:revert}.dialog-alert.vcita-alert-app .inline-action{color:var(--purple)}.dialog-alert .v-alert__wrapper .v-icon__component{height:var(--size-value4);width:var(--size-value4)}.dialog-alert .v-alert__wrapper .v-icon__component svg.vc-notif{font-size:var(--size-value4);height:var(--size-value4);min-width:var(--size-value4)}.dialog-alert .v-alert__wrapper .v-icon__component svg.arrow-right{fill:var(--blue)}.dialog-alert .alert-header{font-weight:700;font-size:var(--font-size-x-small);line-height:var(--size-value5);letter-spacing:var(--letter-spacing);margin-bottom:var(--size-value1);color:var(--gray-darken-5)}.dialog-alert .alert-header:after{content:\" \";padding-right:var(--size-value1)}.dialog-alert .alert-body{font-size:var(--font-size-x-small);line-height:var(--size-value5);letter-spacing:-.01em;color:var(--gray-darken-5)}.dialog-alert .alert-body a{color:-webkit-link}.dialog-alert .alert-body--with-inline-action{margin-inline-end:var(--size-value1)}.dialog-alert .inline-action{font-size:var(--font-size-x-small);line-height:var(--size-value5);font-weight:var(--font-weight-large2);cursor:pointer}.dialog-alert .VcButton .v-icon{margin-right:initial;align-items:initial}.dialog-alert .VcButton.action-button{height:var(--size-value6);color:var(--blue)!important;font-weight:var(--font-weight-large);font-size:var(--font-size-x-small);line-height:var(--size-value6);margin-top:var(--size-value1);padding:var(--size-value0)}.dialog-alert .VcButton.action-button span.v-btn__content{opacity:unset!important}.dialog-alert .VcButton.action-button span.v-btn__content .v-icon:before{content:\" \";padding-right:var(--size-value1)}",
     map: undefined,
     media: undefined
@@ -8059,7 +8063,8 @@ var __vue_render__$12 = function () {
       "timeout": _vm.computedTimeout,
       "bottom": "",
       "left": !_vm.$vuetify.rtl,
-      "right": _vm.$vuetify.rtl
+      "right": _vm.$vuetify.rtl,
+      "transition": "scroll-y-reverse-transition"
     },
     on: {
       "input": function (newValue) {
@@ -8068,6 +8073,7 @@ var __vue_render__$12 = function () {
     }
   }, [_c('VcAlert', _vm._b({
     attrs: {
+      "width": 288,
       "is-stripe": false
     }
   }, 'VcAlert', _vm.$attrs, false))], 1);
@@ -8078,8 +8084,8 @@ var __vue_staticRenderFns__$12 = [];
 
 const __vue_inject_styles__$16 = function (inject) {
   if (!inject) return;
-  inject("data-v-d3516730_0", {
-    source: ".v-snack--right[data-v-d3516730]{direction:ltr}.v-snack--right[data-v-d3516730]  .v-snack__wrapper{direction:rtl}[data-v-d3516730] .v-snack__action{display:none}[data-v-d3516730] .v-snack__wrapper.theme--dark{background-color:unset}[data-v-d3516730] .v-alert{margin-bottom:0}[data-v-d3516730] .v-sheet.v-snack__wrapper:not(.v-sheet--outlined){box-shadow:none}",
+  inject("data-v-56ece851_0", {
+    source: ".v-snack--right[data-v-56ece851]{direction:ltr}.v-snack--right[data-v-56ece851]  .v-snack__wrapper{direction:rtl}[data-v-56ece851] .v-snack__action{display:none}[data-v-56ece851] .v-snack__wrapper.theme--dark{background-color:transparent;min-height:unset;min-width:unset;margin:16px}@media screen and (min-width:960px){[data-v-56ece851] .v-snack__wrapper.theme--dark{margin:24px}}[data-v-56ece851] .v-alert{margin-bottom:0}",
     map: undefined,
     media: undefined
   });
@@ -8087,7 +8093,7 @@ const __vue_inject_styles__$16 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$16 = "data-v-d3516730";
+const __vue_scope_id__$16 = "data-v-56ece851";
 /* module identifier */
 
 const __vue_module_identifier__$16 = undefined;
@@ -20103,8 +20109,8 @@ var __vue_staticRenderFns__$w = [];
 
 const __vue_inject_styles__$z = function (inject) {
   if (!inject) return;
-  inject("data-v-14b037fc_0", {
-    source: ".VcMenuItem[data-v-14b037fc]{height:52px;min-height:unset;font-weight:var(--font-weight-medium2)}.VcMenuItem.desktop[data-v-14b037fc]{color:var(--v-text-base);height:40px}.VcMenuItem.desktop :hover .VcMenuItem-icon[data-v-14b037fc],.VcMenuItem.desktop :hover .VcMenuItem-text[data-v-14b037fc]{opacity:unset}.MenuItemSkeletonContainer[data-v-14b037fc]{padding:0 var(--size-value5)}.VcMenuItem-skeleton[data-v-14b037fc]{margin-inline-end:var(--size-value5)}[data-v-14b037fc] .v-skeleton-loader__list-item{background-color:transparent!important}.VcMenuItem-simple[data-v-14b037fc]{padding:0 var(--size-value5);border-inline-start:3px solid transparent;transition:border-inline-start 250ms,background-color 250ms}.VcMenuItem-simple[data-v-14b037fc]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-simple:hover .VcMenuItem-icon[data-v-14b037fc],.VcMenuItem-simple:hover .VcMenuItem-text[data-v-14b037fc]{opacity:unset}.VcMenuItem-simple.desktop[data-v-14b037fc]{padding:0 17px}.VcMenuItem-simple.desktop[data-v-14b037fc]:hover{background:rgba(225,225,225,.16);cursor:pointer}.VcMenuItem-simple[data-v-14b037fc]:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItem--expansionPanel[data-v-14b037fc]{background-color:transparent!important}.VcMenuItem-complex[data-v-14b037fc]{padding-inline-start:var(--size-value5)}.v-expansion-panels:not(.v-expansion-panels--accordion):not(.v-expansion-panels--tile)>.v-expansion-panel--active[data-v-14b037fc]{border-radius:0}.v-expansion-panels[data-v-14b037fc]{border-radius:0}.desktop[data-v-14b037fc]  .v-expansion-panel-header{padding:var(--size-value4);padding-inline-start:var(--size-value6)}.desktop[data-v-14b037fc]  .v-expansion-panel-header:hover:before{opacity:.16!important}.VcMenuItem-icon[data-v-14b037fc]{margin-inline-end:var(--size-value4)}.VcMenuItem-icon.desktop[data-v-14b037fc]{margin-inline-end:var(--size-value3);opacity:72%}.VcMenuItem-text[data-v-14b037fc]{font-size:15px}.VcMenuItem-text.desktop[data-v-14b037fc]{opacity:87%}.desktop .VcMenuItem-text[data-v-14b037fc]{font-size:13px}.VcMenuItem-userSelectNone[data-v-14b037fc]{user-select:none}.VcMenuItem-badge[data-v-14b037fc]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-14b037fc]{color:var(--orange)}.VcMenuItem-right-area[data-v-14b037fc]{justify-content:flex-end;flex-grow:0}.v-expansion-panel-content[data-v-14b037fc]{border-inline-start:3px solid transparent;background-color:transparent;transition:border-inline-start 250ms,background-color 250ms}.v-expansion-panel-content[data-v-14b037fc]:hover{background:rgba(0,0,0,.04)}.v-expansion-panel-content[data-v-14b037fc]  .v-expansion-panel-content__wrap{padding:var(--size-value2) var(--size-value6)}.desktop .v-expansion-panel-content[data-v-14b037fc]{background:rgba(225,225,225,.07)}.desktop .v-expansion-panel-content[data-v-14b037fc]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-subitem[data-v-14b037fc]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}.VcMenuItem-subitem.desktop[data-v-14b037fc]{height:var(--size-value6);color:var(--v-text-base);margin:-8px 0;padding:var(--size-value5) var(--size-value0)}.VcMenuItem-subitem.desktop[data-v-14b037fc]:hover{cursor:pointer}.VcMenuItem-subitem.desktop:hover .VcMenuItem-text[data-v-14b037fc]{opacity:unset}.sm.VcMenuItem[data-v-14b037fc]{height:var(--size-value10)}.sm .VcMenuItem-text[data-v-14b037fc]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.selected[data-v-14b037fc]{border-inline-start:3px solid var(--v-secondary-base);background-color:rgba(225,225,225,.16)}.selected.desktop .VcMenuItem-icon[data-v-14b037fc],.selected.desktop .VcMenuItem-text[data-v-14b037fc]{opacity:unset}",
+  inject("data-v-adcbf0a0_0", {
+    source: ".VcMenuItem[data-v-adcbf0a0]{height:52px;min-height:unset;font-weight:var(--font-weight-medium2)}.VcMenuItem.desktop[data-v-adcbf0a0]{color:var(--v-text-base);height:40px}.VcMenuItem.desktop :hover .VcMenuItem-icon[data-v-adcbf0a0],.VcMenuItem.desktop :hover .VcMenuItem-text[data-v-adcbf0a0]{opacity:unset}.MenuItemSkeletonContainer[data-v-adcbf0a0]{padding:0 var(--size-value5)}.VcMenuItem-skeleton[data-v-adcbf0a0]{margin-inline-end:var(--size-value5)}[data-v-adcbf0a0] .v-skeleton-loader__list-item{background-color:transparent!important}.VcMenuItem-simple[data-v-adcbf0a0]{padding:0 var(--size-value5);border-inline-start:3px solid transparent;transition:border-inline-start 250ms,background-color 250ms}.VcMenuItem-simple[data-v-adcbf0a0]:hover{background:rgba(0,0,0,.04)}.VcMenuItem-simple:hover .VcMenuItem-icon[data-v-adcbf0a0],.VcMenuItem-simple:hover .VcMenuItem-text[data-v-adcbf0a0]{opacity:unset}.VcMenuItem-simple.desktop[data-v-adcbf0a0]:hover{background:rgba(225,225,225,.16);cursor:pointer}.VcMenuItem-simple[data-v-adcbf0a0]:active{background:rgba(0,0,0,.12);transition:.3s background-color}.VcMenuItem--expansionPanel[data-v-adcbf0a0]{background-color:transparent!important}.VcMenuItem-complex[data-v-adcbf0a0]{padding-inline-start:var(--size-value5)}.v-expansion-panels:not(.v-expansion-panels--accordion):not(.v-expansion-panels--tile)>.v-expansion-panel--active[data-v-adcbf0a0]{border-radius:0}.v-expansion-panels[data-v-adcbf0a0]{border-radius:0}.desktop[data-v-adcbf0a0]  .v-expansion-panel-header{padding:var(--size-value4);padding-inline-start:var(--size-value6)}.desktop[data-v-adcbf0a0]  .v-expansion-panel-header:hover:before{opacity:.16!important}.VcMenuItem-icon[data-v-adcbf0a0]{margin-inline-end:var(--size-value4)}.VcMenuItem-icon.desktop[data-v-adcbf0a0]{margin-inline-end:var(--size-value3);opacity:72%}.VcMenuItem-text[data-v-adcbf0a0]{font-size:15px}.VcMenuItem-text.desktop[data-v-adcbf0a0]{opacity:87%}.desktop .VcMenuItem-text[data-v-adcbf0a0]{font-size:13px}.VcMenuItem-userSelectNone[data-v-adcbf0a0]{user-select:none}.VcMenuItem-badge[data-v-adcbf0a0]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.VcMenuItem-badge.badge-color-orange[data-v-adcbf0a0]{color:var(--orange)}.VcMenuItem-right-area[data-v-adcbf0a0]{justify-content:flex-end;flex-grow:0}.v-expansion-panel-content[data-v-adcbf0a0]{border-inline-start:3px solid transparent;background-color:transparent;transition:border-inline-start 250ms,background-color 250ms}.v-expansion-panel-content[data-v-adcbf0a0]:hover{background:rgba(0,0,0,.04)}.v-expansion-panel-content[data-v-adcbf0a0]  .v-expansion-panel-content__wrap{padding:var(--size-value2) var(--size-value6)}.desktop .v-expansion-panel-content[data-v-adcbf0a0]{background:rgba(225,225,225,.07)}.desktop .v-expansion-panel-content[data-v-adcbf0a0]:hover{background:rgba(225,225,225,.12)}.VcMenuItem-subitem[data-v-adcbf0a0]{height:var(--size-value8);padding:0;font-size:var(--font-size-small2)}.VcMenuItem-subitem.desktop[data-v-adcbf0a0]{height:var(--size-value6);color:var(--v-text-base);margin:-8px 0;padding:var(--size-value5) var(--size-value0)}.VcMenuItem-subitem.desktop[data-v-adcbf0a0]:hover{cursor:pointer}.VcMenuItem-subitem.desktop:hover .VcMenuItem-text[data-v-adcbf0a0]{opacity:unset}.sm.VcMenuItem[data-v-adcbf0a0]{height:var(--size-value10)}.sm .VcMenuItem-text[data-v-adcbf0a0]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2)}.selected[data-v-adcbf0a0]{border-inline-start:3px solid var(--v-secondary-base);background-color:rgba(225,225,225,.16)}.selected.desktop .VcMenuItem-icon[data-v-adcbf0a0],.selected.desktop .VcMenuItem-text[data-v-adcbf0a0]{opacity:unset}",
     map: undefined,
     media: undefined
   });
@@ -20112,7 +20118,7 @@ const __vue_inject_styles__$z = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$z = "data-v-14b037fc";
+const __vue_scope_id__$z = "data-v-adcbf0a0";
 /* module identifier */
 
 const __vue_module_identifier__$z = undefined;
@@ -23000,8 +23006,8 @@ var __vue_staticRenderFns__$e = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-631c8440_0", {
-    source: ".account-container[data-v-631c8440]{min-width:264px;padding:var(--size-value5) var(--size-value3);overflow:hidden}.account-name[data-v-631c8440]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);line-height:var(--size-value5);max-width:264px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.account-email[data-v-631c8440]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium)}.account-items[data-v-631c8440]{padding:var(--size-value2) 0}.account-item[data-v-631c8440]{width:100%}.logout-item[data-v-631c8440]{min-height:50px}",
+  inject("data-v-d359f9ce_0", {
+    source: ".account-container[data-v-d359f9ce]{min-width:264px;padding:var(--size-value5) var(--size-value3);overflow:hidden}.account-name[data-v-d359f9ce]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);line-height:var(--size-value5);max-width:264px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.account-email[data-v-d359f9ce]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium)}.account-items[data-v-d359f9ce]{padding:var(--size-value2) 0}.account-item[data-v-d359f9ce]{width:100%}.account-item[data-v-d359f9ce]:hover{cursor:pointer}.logout-item[data-v-d359f9ce]{min-height:50px}",
     map: undefined,
     media: undefined
   });
@@ -23009,7 +23015,7 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-631c8440";
+const __vue_scope_id__$f = "data-v-d359f9ce";
 /* module identifier */
 
 const __vue_module_identifier__$f = undefined;
@@ -23258,8 +23264,8 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-424311a2_0", {
-    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}",
+  inject("data-v-91ba0194_0", {
+    source: ".searchResults[data-v-91ba0194]{letter-spacing:.02rem}.searchResults .groupHeader[data-v-91ba0194]{font-size:10px;font-weight:var(--font-weight-large);padding-inline-start:var(--size-value4);color:var(--gray-darken-3)}.searchResults[data-v-91ba0194]  .searchLayoutGroup{padding-top:var(--size-value2);padding-bottom:var(--size-value2)}.searchResults[data-v-91ba0194]  .searchLayoutItem{padding-top:var(--size-value7);padding-bottom:var(--size-value6)}.searchResults[data-v-91ba0194]  .searchLayoutItem:has(.showMore){padding:0;height:auto}.searchResults[data-v-91ba0194]  em.dsSearchHighlight--default{font-weight:var(--font-weight-large2);line-height:var(--size-value6);font-style:initial}.searchResults .searchItem[data-v-91ba0194]{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-91ba0194]{font-size:13px;line-height:24px}.searchResults .searchItem--bottom[data-v-91ba0194]{line-height:24px;color:var(--gray-darken-4)}.searchResults .searchItem.showMore[data-v-91ba0194]{padding:var(--size-value2) var(--size-value5);color:var(--blue);font-weight:var(--font-weight-medium2)}.loadingState[data-v-91ba0194]{min-height:291px;align-content:center;justify-content:center}.emptyState[data-v-91ba0194],.loadingState[data-v-91ba0194]{padding:var(--size-value4) 0}.viewAll[data-v-91ba0194]{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-91ba0194] .grouped-items__group__container__menu-item:focus,[data-v-91ba0194] .grouped-items__group__container__menu-item:focus-visible{outline:3px solid var(--v-secondary-lighten1);outline-offset:-3px;border-radius:6px;border:none}[data-v-91ba0194] .grouped-items__group__container__menu-item{border-inline-start:none}",
     map: undefined,
     media: undefined
   });
@@ -23267,7 +23273,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-424311a2";
+const __vue_scope_id__$e = "data-v-91ba0194";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
@@ -23494,17 +23500,18 @@ var __vue_render__$c = function () {
         ref.attrs;
         return [_c('VcBadge', {
           attrs: {
-            "offsetY": 18,
-            "offset-x": 26,
+            "offset-x": 15,
+            "offset-y": 15,
             "badgeText": _vm.notificationBadge,
             "data-qa": _vm.dataQa + "-notificationsBadge"
           }
         }, [_c('VcButton', {
-          staticClass: "d-flex specialButtonHeight",
+          staticClass: "d-flex specialButtonHeight notifications-button",
           attrs: {
             "ghost": "",
             "flavor": "secondary",
-            "data-qa": _vm.dataQa + "-notifications"
+            "data-qa": _vm.dataQa + "-notifications",
+            "width": "32"
           },
           on: {
             "click": function ($event) {
@@ -23515,8 +23522,9 @@ var __vue_render__$c = function () {
             key: "prepend",
             fn: function () {
               return [_c('VcIcon', {
+                staticClass: "notifications-icon",
                 attrs: {
-                  "size": "var(--font-size-small2)"
+                  "size": "20"
                 }
               }, [_vm._v("$notifications")])];
             },
@@ -23555,7 +23563,8 @@ var __vue_render__$c = function () {
           attrs: {
             "flavor": "secondary",
             "ghost": "",
-            "data-qa": _vm.dataQa + "-help"
+            "data-qa": _vm.dataQa + "-help",
+            "width": _vm.width > 1200 ? '' : 32
           },
           on: {
             "click": function ($event) {
@@ -23567,9 +23576,9 @@ var __vue_render__$c = function () {
             fn: function () {
               return [_c('VcIcon', {
                 attrs: {
-                  "small": ""
+                  "size": "20"
                 }
-              }, [_vm._v("$question_slim")])];
+              }, [_vm._v("$help")])];
             },
             proxy: true
           }], null, true)
@@ -23713,8 +23722,8 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-128735ca_0", {
-    source: ".VcWideTopMenuBar[data-v-128735ca]{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-128735ca]{height:var(--size-value8)}.topBarSection[data-v-128735ca]{align-items:center}.leftSection[data-v-128735ca]{flex-basis:66%}.searchSection[data-v-128735ca]{flex-basis:50%;flex-grow:0;gap:var(--size-value2)}.rightSection[data-v-128735ca]{gap:var(--size-value2);flex-basis:33%}[data-v-128735ca] .v-badge__badge{font-weight:var(--font-weight-medium2)}.helpButton[data-v-128735ca]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value1)!important}.helpButton--label[data-v-128735ca]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-128735ca]{font-size:13px;font-weight:var(--font-weight-medium)}.accountMenuButton[data-v-128735ca]{padding:0 var(--size-value1)!important}.upgradeButton[data-v-128735ca]{padding:0 var(--size-value1)!important}.accountName[data-v-128735ca]{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-128735ca]{margin-inline-start:var(--size-value3);align-items:center}.backButtonSection[data-v-128735ca] :hover{cursor:pointer}.backButtonLabel[data-v-128735ca]{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-128735ca]:hover{text-decoration:underline}",
+  inject("data-v-160d21c1_0", {
+    source: ".VcWideTopMenuBar[data-v-160d21c1]{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-160d21c1]{height:var(--size-value8)}.topBarSection[data-v-160d21c1]{align-items:center}.leftSection[data-v-160d21c1]{flex-basis:66%}.searchSection[data-v-160d21c1]{flex-basis:50%;flex-grow:0;gap:var(--size-value2)}.rightSection[data-v-160d21c1]{gap:var(--size-value2);flex-basis:33%;min-width:fit-content}[data-v-160d21c1] .v-badge__badge{font-weight:var(--font-weight-medium2)}.VcWideTopMenuBar .topBarSection.rightSection .helpButton[data-v-160d21c1]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value3)}.VcWideTopMenuBar .topBarSection.rightSection .helpButton--label[data-v-160d21c1]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-160d21c1]{font-size:13px;font-weight:var(--font-weight-medium)}.VcWideTopMenuBar .topBarSection.rightSection .accountMenuButton[data-v-160d21c1]{padding:0 var(--size-value2)}.VcWideTopMenuBar .topBarSection.rightSection .upgradeButton[data-v-160d21c1]{padding:0 var(--size-value1)}.accountName[data-v-160d21c1]{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-160d21c1]{margin-inline-start:var(--size-value3);align-items:center}.backButtonSection[data-v-160d21c1] :hover{cursor:pointer}.backButtonLabel[data-v-160d21c1]{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-160d21c1]:hover{text-decoration:underline}.VcWideTopMenuBar .topBarSection.rightSection .notifications-button[data-v-160d21c1]{padding:0}",
     map: undefined,
     media: undefined
   });
@@ -23722,7 +23731,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-128735ca";
+const __vue_scope_id__$d = "data-v-160d21c1";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;