@vcita/design-system 1.3.13 → 1.3.14

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

@@ -17147,6 +17147,7 @@ var __vue_component__$d = /*#__PURE__*/normalizeComponent({
 var VcBreadcrumbs = __vue_component__$d;var script$7 = {
   name: "VcPageHeader",
   components: {
+    VcChip: VcChip,
     VcButton: VcButton,
     VcIcon: VcIcon,
     VcLayout: VcLayout,
@@ -17182,6 +17183,21 @@ var VcBreadcrumbs = __vue_component__$d;var script$7 = {
     dataQa: {
       type: String,
       default: 'VcPageHeader'
+    },
+    chipLabel: {
+      type: String,
+      default: ''
+    },
+    chipFlavor: {
+      type: String,
+      default: 'beta',
+      validator: function validator(type) {
+        return ['beta'].includes(type);
+      }
+    },
+    buttonLabel: {
+      type: String,
+      default: ''
     }
   },
   computed: {
@@ -17241,7 +17257,24 @@ var __vue_render__$6 = function __vue_render__() {
       },
       proxy: true
     }], null, false, 3057979535)
-  }) : _vm._e(), _vm._v("\n      " + _vm._s(_vm.title) + "\n    ")], 1), _vm._v(" "), _vm.subtitle && _vm.subtitle.length > 0 ? _c('span', {
+  }) : _vm._e(), _vm._v("\n      " + _vm._s(_vm.title) + "\n      "), _vm.chipLabel ? _c('span', {
+    staticClass: "title-chip",
+    class: "title-chip--" + _vm.chipFlavor,
+    attrs: {
+      "data-qa": _vm.dataQa + "-titleChip"
+    }
+  }, [_vm._v("\n        " + _vm._s(_vm.chipLabel) + "\n      ")]) : _vm._e(), _vm._v(" "), _vm.buttonLabel ? _c('VcButton', {
+    staticClass: "title-button",
+    attrs: {
+      "flavor": "secondary",
+      "data-qa": _vm.dataQa + "-titleButton"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('onTitleButtonClick');
+      }
+    }
+  }, [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n      ")]) : _vm._e()], 1), _vm._v(" "), _vm.subtitle && _vm.subtitle.length > 0 ? _c('span', {
     staticClass: "VcHeader--subtitle"
   }, [_vm._v("\n      " + _vm._s(_vm.subtitle) + "\n    ")]) : _vm._e()], 1), _vm._v(" "), _c('VcLayout', {
     attrs: {
@@ -17270,8 +17303,8 @@ var __vue_staticRenderFns__$6 = [];
 
 var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-d3d7c5dc_0", {
-    source: ".VcPageHeader[data-v-d3d7c5dc]{margin-bottom:var(--size-value10)}.VcHeader--title[data-v-d3d7c5dc]{font-size:var(--font-size-medium0);font-weight:var(--font-weight-large2);line-height:var(--size-value8);color:var(--gray-darken-5);margin-top:var(--size-value1)}.VcHeader--subtitle[data-v-d3d7c5dc]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium);line-height:var(--size-value5)}",
+  inject("data-v-7370b2c5_0", {
+    source: ".VcPageHeader[data-v-7370b2c5]{margin-bottom:var(--size-value10)}.VcHeader--title[data-v-7370b2c5]{font-size:var(--font-size-medium0);font-weight:var(--font-weight-large2);line-height:var(--size-value8);color:var(--gray-darken-5);margin-top:var(--size-value1)}.VcHeader--title .title-chip[data-v-7370b2c5]{padding:var(--size-value1) var(--size-value2);margin-inline-start:var(--size-value3);border-radius:var(--size-value6);font-weight:var(--font-weight-large2);font-size:var(--font-size-xx-small);height:var(--size-value5)}.VcHeader--title .title-chip--beta[data-v-7370b2c5]{background-color:var(--orange);color:#fff}.VcHeader--title .title-button[data-v-7370b2c5]{margin-inline-start:var(--size-value3)}.VcHeader--subtitle[data-v-7370b2c5]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium);line-height:var(--size-value5)}",
     map: undefined,
     media: undefined
   });
@@ -17279,10 +17312,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$7 = "data-v-d3d7c5dc";
+var __vue_scope_id__$7 = "data-v-7370b2c5";
 /* module identifier */
 
-var __vue_module_identifier__$7 = "data-v-d3d7c5dc";
+var __vue_module_identifier__$7 = "data-v-7370b2c5";
 /* functional template */
 
 var __vue_is_functional_template__$7 = false;