@vcita/design-system 1.10.4 → 1.10.5

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

@@ -23097,6 +23097,13 @@ var script$7 = {
       type: String,
       required: true
     },
+    backButtonLabel: {
+      type: String
+    },
+    showBackButton: {
+      type: Boolean,
+      default: false
+    },
     helpMenuItems: {
       type: Array,
       default: () => [],
@@ -23174,7 +23181,24 @@ var __vue_render__$6 = function () {
     attrs: {
       "justify-end": ""
     }
-  }, [_c('VcLayout', {
+  }, [_vm.showBackButton ? _c('VcLayout', {
+    staticClass: "backButtonSection",
+    attrs: {
+      "data-qa": _vm.dataQa + "-backButton"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('onBackButtonClicked');
+      }
+    }
+  }, [_c('VcIcon', {
+    attrs: {
+      "color": "var(--gray-darken-3)",
+      "size": "12"
+    }
+  }, [_vm._v(_vm._s(_vm.$vuetify.rtl ? '$chevron_right' : '$chevron_left'))]), _vm._v(" "), _c('div', {
+    staticClass: "backButtonLabel"
+  }, [_vm._v(" " + _vm._s(_vm.backButtonLabel) + " ")])], 1) : _vm._e(), _vm._v(" "), _c('VcLayout', {
     staticClass: "topBarSection searchSection"
   }, [_c('VcSearchLayout', _vm._g(_vm._b({
     attrs: {
@@ -23371,8 +23395,8 @@ var __vue_staticRenderFns__$6 = [];
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-42582096_0", {
-    source: ".VcWideTopMenuBar[data-v-42582096]{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-42582096]{height:var(--size-value8)}.topBarSection[data-v-42582096]{align-items:center}.leftSection[data-v-42582096]{flex-basis:66%}.searchSection[data-v-42582096]{flex-basis:50%;flex-grow:0}.rightSection[data-v-42582096]{gap:var(--size-value2);flex-basis:33%}[data-v-42582096] .v-badge__badge{font-weight:var(--font-weight-medium2)}.helpButton[data-v-42582096]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value1)!important}.helpButton--label[data-v-42582096]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-42582096]{font-size:13px;font-weight:var(--font-weight-medium)}.accountMenuButton[data-v-42582096]{padding:0 var(--size-value1)!important}.upgradeButton[data-v-42582096]{padding:0 var(--size-value1)!important}.accountName[data-v-42582096]{font-size:12px;font-weight:var(--font-weight-medium2);line-height:var(--size-value6);padding-inline-start:var(--size-value2)}",
+  inject("data-v-4140d23a_0", {
+    source: ".VcWideTopMenuBar[data-v-4140d23a]{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-4140d23a]{height:var(--size-value8)}.topBarSection[data-v-4140d23a]{align-items:center}.leftSection[data-v-4140d23a]{flex-basis:66%}.searchSection[data-v-4140d23a]{flex-basis:50%;flex-grow:0}.rightSection[data-v-4140d23a]{gap:var(--size-value2);flex-basis:33%}[data-v-4140d23a] .v-badge__badge{font-weight:var(--font-weight-medium2)}.helpButton[data-v-4140d23a]{font-weight:var(--font-weight-medium2);padding:0 var(--size-value1)!important}.helpButton--label[data-v-4140d23a]{padding-inline-start:var(--size-value2)}.helpMenuItem[data-v-4140d23a]{font-size:13px;font-weight:var(--font-weight-medium)}.accountMenuButton[data-v-4140d23a]{padding:0 var(--size-value1)!important}.upgradeButton[data-v-4140d23a]{padding:0 var(--size-value1)!important}.accountName[data-v-4140d23a]{font-size:12px;font-weight:var(--font-weight-medium2);line-height:var(--size-value6);padding-inline-start:var(--size-value2)}.backButtonSection[data-v-4140d23a]{margin-inline-start:var(--size-value3);align-items:center}.backButtonSection[data-v-4140d23a] :hover{cursor:pointer;text-decoration:underline}.backButtonLabel[data-v-4140d23a]{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)}",
     map: undefined,
     media: undefined
   });
@@ -23380,7 +23404,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-42582096";
+const __vue_scope_id__$7 = "data-v-4140d23a";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;