@vcita/design-system 1.8.1 → 1.9.0-beta.1

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

@@ -3836,6 +3836,11 @@ var __vue_render__$17 = function __vue_render__() {
             staticClass: "tooltip-icon ms-2",
             attrs: {
               "size": "16"
+            },
+            on: {
+              "click": function click($event) {
+                $event.stopPropagation();
+              }
             }
           }, [_vm._v("$info")])], 1) : _vm._e()];
         })], 2)];
@@ -3857,8 +3862,8 @@ var __vue_staticRenderFns__$17 = [];
 
 var __vue_inject_styles__$18 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1d708a9a_0", {
-    source: ".vc-checkbox[data-v-1d708a9a]{font-family:var(--primary-font-family)}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-input--selection-controls__input{width:var(--size-value4);height:var(--size-value4);margin-inline-end:0}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-input--selection-controls__input .v-icon{color:transparent;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;border-radius:2px;font-size:var(--font-size-small);font-weight:700;z-index:1;background-color:#fff}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-label{overflow-x:hidden}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-label .single-line{overflow-x:hidden}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-label .single-line__avatar{flex:none}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-label .single-line span{overflow-x:hidden}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-label .single-line span .vc-tooltip__activator{display:flex}.vc-checkbox[data-v-1d708a9a] .v-input__slot .v-label .single-line span .vc-tooltip__activator .single-line__label{text-wrap:nowrap;text-overflow:ellipsis}.vc-checkbox[data-v-1d708a9a] .checkbox-label{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-checkbox[data-v-1d708a9a] .checkbox-label.inline-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.vc-checkbox[data-v-1d708a9a]:not(.v-input--is-disabled) .checkbox-label{color:var(--gray-darken-5)}.vc-checkbox[data-v-1d708a9a] .tooltip-icon{color:var(--gray-darken-3)}.vc-checkbox[data-v-1d708a9a] .avatar-wrapper .avatar-initials{font-size:var(--font-size-xxx-small);font-weight:var(--font-weight-medium2)}.vc-checkbox[data-v-1d708a9a].v-input--indeterminate:not(.v-input--is-disabled,.error--text) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff}.vc-checkbox[data-v-1d708a9a].v-input--is-label-active:not(.v-input--is-disabled,.error--text) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff;border:none}.vc-checkbox[data-v-1d708a9a]:not(.v-input--is-disabled):hover:not(:active) .v-input--selection-controls__input .v-icon{background-color:var(--gray-lighten-3)}.vc-checkbox[data-v-1d708a9a].v-input--indeterminate:not(.v-input--is-disabled,.error--text):hover .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-1d708a9a].v-input--is-label-active:not(.v-input--is-disabled,.error--text):hover .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.76)}.vc-checkbox[data-v-1d708a9a].v-input--indeterminate:not(.v-input--is-disabled,.error--text):active .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-1d708a9a].v-input--is-label-active:not(.v-input--is-disabled,.error--text):active .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.5)}.vc-checkbox[data-v-1d708a9a]:not(.v-input--is-label-active):not(.v-input--indeterminate):not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon{background:var(--gray-lighten-1)}.vc-checkbox[data-v-1d708a9a]:not(.v-input--is-disabled):focus .v-input--selection-controls__input .v-icon{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.vc-checkbox[data-v-1d708a9a].v-input--is-disabled .v-input--selection-controls__input .v-icon{background:var(--gray-lighten-2)}.vc-checkbox[data-v-1d708a9a].v-input--is-disabled.v-input--is-label-active .v-input--selection-controls__input .v-icon{border:none}.vc-checkbox[data-v-1d708a9a].v-input--is-disabled.v-input--is-label-active .v-input--selection-controls__input .v-icon:is(.error--text){color:var(--gray-darken-2)!important}.vc-checkbox[data-v-1d708a9a].error--text:not(.v-input--is-disabled) .v-input--selection-controls__input .v-icon{border-color:currentColor}.vc-checkbox[data-v-1d708a9a].v-input--has-state.error--text .v-label{animation:none}",
+  inject("data-v-6cbce2d2_0", {
+    source: ".vc-checkbox[data-v-6cbce2d2]{font-family:var(--primary-font-family)}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-input--selection-controls__input{width:var(--size-value4);height:var(--size-value4);margin-inline-end:0}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-input--selection-controls__input .v-icon{color:transparent;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;border-radius:2px;font-size:var(--font-size-small);font-weight:700;z-index:1;background-color:#fff}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-label{overflow-x:hidden}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-label .single-line{overflow-x:hidden}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-label .single-line__avatar{flex:none}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-label .single-line span{overflow-x:hidden}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-label .single-line span .vc-tooltip__activator{display:flex}.vc-checkbox[data-v-6cbce2d2] .v-input__slot .v-label .single-line span .vc-tooltip__activator .single-line__label{text-wrap:nowrap;text-overflow:ellipsis}.vc-checkbox[data-v-6cbce2d2] .checkbox-label{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-checkbox[data-v-6cbce2d2] .checkbox-label.inline-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.vc-checkbox[data-v-6cbce2d2]:not(.v-input--is-disabled) .checkbox-label{color:var(--gray-darken-5)}.vc-checkbox[data-v-6cbce2d2] .tooltip-icon{color:var(--gray-darken-3)}.vc-checkbox[data-v-6cbce2d2] .avatar-wrapper .avatar-initials{font-size:var(--font-size-xxx-small);font-weight:var(--font-weight-medium2)}.vc-checkbox[data-v-6cbce2d2].v-input--indeterminate:not(.v-input--is-disabled,.error--text) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff}.vc-checkbox[data-v-6cbce2d2].v-input--is-label-active:not(.v-input--is-disabled,.error--text) .v-input--selection-controls__input .v-icon{background-color:var(--green);color:#fff;border:none}.vc-checkbox[data-v-6cbce2d2]:not(.v-input--is-disabled):hover:not(:active) .v-input--selection-controls__input .v-icon{background-color:var(--gray-lighten-3)}.vc-checkbox[data-v-6cbce2d2].v-input--indeterminate:not(.v-input--is-disabled,.error--text):hover .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-6cbce2d2].v-input--is-label-active:not(.v-input--is-disabled,.error--text):hover .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.76)}.vc-checkbox[data-v-6cbce2d2].v-input--indeterminate:not(.v-input--is-disabled,.error--text):active .v-input--selection-controls__input .v-icon,.vc-checkbox[data-v-6cbce2d2].v-input--is-label-active:not(.v-input--is-disabled,.error--text):active .v-input--selection-controls__input .v-icon{background-color:rgba(84,210,140,.5)}.vc-checkbox[data-v-6cbce2d2]:not(.v-input--is-label-active):not(.v-input--indeterminate):not(.v-input--is-disabled):active .v-input--selection-controls__input .v-icon{background:var(--gray-lighten-1)}.vc-checkbox[data-v-6cbce2d2]:not(.v-input--is-disabled):focus .v-input--selection-controls__input .v-icon{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.vc-checkbox[data-v-6cbce2d2].v-input--is-disabled .v-input--selection-controls__input .v-icon{background:var(--gray-lighten-2)}.vc-checkbox[data-v-6cbce2d2].v-input--is-disabled.v-input--is-label-active .v-input--selection-controls__input .v-icon{border:none}.vc-checkbox[data-v-6cbce2d2].v-input--is-disabled.v-input--is-label-active .v-input--selection-controls__input .v-icon:is(.error--text){color:var(--gray-darken-2)!important}.vc-checkbox[data-v-6cbce2d2].error--text:not(.v-input--is-disabled) .v-input--selection-controls__input .v-icon{border-color:currentColor}.vc-checkbox[data-v-6cbce2d2].v-input--has-state.error--text .v-label{animation:none}",
     map: undefined,
     media: undefined
   });
@@ -3866,10 +3871,10 @@ var __vue_inject_styles__$18 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$18 = "data-v-1d708a9a";
+var __vue_scope_id__$18 = "data-v-6cbce2d2";
 /* module identifier */
 
-var __vue_module_identifier__$18 = "data-v-1d708a9a";
+var __vue_module_identifier__$18 = "data-v-6cbce2d2";
 /* functional template */
 
 var __vue_is_functional_template__$18 = false;
@@ -4109,6 +4114,14 @@ var VcChecklistItem = __vue_component__$1Q;var script$16 = {
     autofocus: {
       type: Boolean,
       default: false
+    },
+    min: {
+      type: Number,
+      required: false
+    },
+    max: {
+      type: Number,
+      required: false
     }
   },
   mounted: function mounted() {
@@ -4249,7 +4262,9 @@ var __vue_render__$15 = function __vue_render__() {
       "single-line": _vm.singleLine,
       "hide-details": _vm.hideDetails,
       "readonly": _vm.readonly,
-      "autofocus": _vm.autofocus
+      "autofocus": _vm.autofocus,
+      "min": _vm.min,
+      "max": _vm.max
     },
     on: {
       "click": function click($event) {
@@ -4301,8 +4316,8 @@ var __vue_staticRenderFns__$15 = [];
 
 var __vue_inject_styles__$16 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4ca72b4e_0", {
-    source: ".VcTextInput.v-text-field[data-v-4ca72b4e]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot .v-text-field__prefix{color:var(--gray-darken-5)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5);caret-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot input::placeholder{font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:after,.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:active,.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot .v-input__prepend-inner{padding-inline-end:var(--size-value3);align-self:center}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot .v-input__icon .v-icon{margin:var(--size-value0)!important}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot .v-input__icon .v-icon__component{height:var(--size-value3);width:var(--size-value3);line-height:0}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__slot .v-input__icon .v-icon__component .vc-chevron-right{fill:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-4ca72b4e].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-focused label,.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-label-active label{font-size:var(--font-size-small);line-height:14px;height:var(--size-value4);letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-focused.no-label .v-text-field__slot,.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-label-active.no-label .v-text-field__slot{margin-bottom:unset}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-4ca72b4e]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-messages__message{line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__append-inner{align-self:center;fill:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-4ca72b4e] .v-input__append-inner .v-input__icon--append{min-width:var(--size-value5);width:var(--size-value5)}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--dense:not(.v-text-field--outlined) input{padding-block:var(--size-value2)}.VcTextInput.v-text-field[data-v-4ca72b4e].v-input--is-readonly{cursor:pointer}",
+  inject("data-v-b78bb898_0", {
+    source: ".VcTextInput.v-text-field[data-v-b78bb898]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot .v-text-field__prefix{color:var(--gray-darken-5)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5);caret-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot input::placeholder{font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:after,.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:active,.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot .v-input__prepend-inner{padding-inline-end:var(--size-value3);align-self:center}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot .v-input__icon .v-icon{margin:var(--size-value0)!important}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot .v-input__icon .v-icon__component{height:var(--size-value3);width:var(--size-value3);line-height:0}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__slot .v-input__icon .v-icon__component .vc-chevron-right{fill:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-b78bb898].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-focused label,.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-label-active label{font-size:var(--font-size-small);line-height:14px;height:var(--size-value4);letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-focused.no-label .v-text-field__slot,.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-label-active.no-label .v-text-field__slot{margin-bottom:unset}.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-b78bb898]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-b78bb898] .v-messages__message{line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__append-inner{align-self:center;fill:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-b78bb898] .v-input__append-inner .v-input__icon--append{min-width:var(--size-value5);width:var(--size-value5)}.VcTextInput.v-text-field[data-v-b78bb898].v-input--dense:not(.v-text-field--outlined) input{padding-block:var(--size-value2)}.VcTextInput.v-text-field[data-v-b78bb898].v-input--is-readonly{cursor:pointer}",
     map: undefined,
     media: undefined
   });
@@ -4310,10 +4325,10 @@ var __vue_inject_styles__$16 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$16 = "data-v-4ca72b4e";
+var __vue_scope_id__$16 = "data-v-b78bb898";
 /* module identifier */
 
-var __vue_module_identifier__$16 = "data-v-4ca72b4e";
+var __vue_module_identifier__$16 = "data-v-b78bb898";
 /* functional template */
 
 var __vue_is_functional_template__$16 = false;
@@ -7527,6 +7542,7 @@ var __vue_component__$1r = __vue_component__$1q;//
 //
 //
 //
+//
 var script$P = {
   components: {
     VTextarea: lib.VTextarea
@@ -7621,6 +7637,15 @@ var __vue_render__$O = function __vue_render__() {
       "height": _vm.height
     },
     on: {
+      "keydown": function keydown($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+          return null;
+        }
+
+        return function (event) {
+          return _vm.$emit('keydown-enter', event);
+        }.apply(null, arguments);
+      },
       "input": function input(data) {
         return _vm.$emit('input', data);
       }
@@ -7633,8 +7658,8 @@ var __vue_staticRenderFns__$O = [];
 
 var __vue_inject_styles__$P = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2f56a231_0", {
-    source: "[data-v-2f56a231].VcTextArea.v-text-field .v-text-field__slot:first-child{margin-inline-start:12px;margin-top:3px;height:100%}[data-v-2f56a231].VcTextArea.v-text-field.v-input--is-focused label,[data-v-2f56a231].VcTextArea.v-text-field.v-input--is-label-active label{font-size:12px;color:rgba(0,0,0,.62)!important;transform:translateY(-18px) scale(.85)}[data-v-2f56a231].VcTextArea.v-text-field.v-input--is-focused .v-input__slot{border-color:var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1);transition:box-shadow .1s!important}[data-v-2f56a231].VcTextArea.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}[data-v-2f56a231].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-focused label,[data-v-2f56a231].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-label-active label{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.3px;color:rgba(0,0,0,.62)!important;transform:translateY(-100%) scale(.85);top:24px}[data-v-2f56a231].VcTextArea.v-text-field .v-input__slot{border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color .1s!important;caret-color:var(--gray-darken-3)}[data-v-2f56a231].VcTextArea.v-text-field .v-input__slot:hover:not(.v-input--is-focused.v-input__slot):not(.error--text.v-input__slot){border-color:#757575}[data-v-2f56a231].VcTextArea.v-text-field .v-input__slot:after,[data-v-2f56a231].VcTextArea.v-text-field .v-input__slot:before{display:none}[data-v-2f56a231].VcTextArea.v-text-field textarea{font-size:15px!important;font-weight:500;line-height:1.5;margin-top:20px}[data-v-2f56a231].VcTextArea.v-text-field.no-label textarea{margin-top:var(--size-value2)}[data-v-2f56a231].VcTextArea.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}[data-v-2f56a231].VcTextArea.v-text-field.error--text .v-input__slot{border:1px solid var(--v-danger-base);box-shadow:none}[data-v-2f56a231].VcTextArea.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}",
+  inject("data-v-226f4dde_0", {
+    source: "[data-v-226f4dde].VcTextArea.v-text-field .v-text-field__slot:first-child{margin-inline-start:12px;margin-top:3px;height:100%}[data-v-226f4dde].VcTextArea.v-text-field.v-input--is-focused label,[data-v-226f4dde].VcTextArea.v-text-field.v-input--is-label-active label{font-size:12px;color:rgba(0,0,0,.62)!important;transform:translateY(-18px) scale(.85)}[data-v-226f4dde].VcTextArea.v-text-field.v-input--is-focused .v-input__slot{border-color:var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1);transition:box-shadow .1s!important}[data-v-226f4dde].VcTextArea.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}[data-v-226f4dde].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-focused label,[data-v-226f4dde].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-label-active label{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.3px;color:rgba(0,0,0,.62)!important;transform:translateY(-100%) scale(.85);top:24px}[data-v-226f4dde].VcTextArea.v-text-field .v-input__slot{border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color .1s!important;caret-color:var(--gray-darken-3)}[data-v-226f4dde].VcTextArea.v-text-field .v-input__slot:hover:not(.v-input--is-focused.v-input__slot):not(.error--text.v-input__slot){border-color:#757575}[data-v-226f4dde].VcTextArea.v-text-field .v-input__slot:after,[data-v-226f4dde].VcTextArea.v-text-field .v-input__slot:before{display:none}[data-v-226f4dde].VcTextArea.v-text-field textarea{font-size:15px!important;font-weight:500;line-height:1.5;margin-top:20px}[data-v-226f4dde].VcTextArea.v-text-field.no-label textarea{margin-top:var(--size-value2)}[data-v-226f4dde].VcTextArea.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}[data-v-226f4dde].VcTextArea.v-text-field.error--text .v-input__slot{border:1px solid var(--v-danger-base);box-shadow:none}[data-v-226f4dde].VcTextArea.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}",
     map: undefined,
     media: undefined
   });
@@ -7642,10 +7667,10 @@ var __vue_inject_styles__$P = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$P = "data-v-2f56a231";
+var __vue_scope_id__$P = "data-v-226f4dde";
 /* module identifier */
 
-var __vue_module_identifier__$P = "data-v-2f56a231";
+var __vue_module_identifier__$P = "data-v-226f4dde";
 /* functional template */
 
 var __vue_is_functional_template__$P = false;
@@ -7927,8 +7952,8 @@ var __vue_staticRenderFns__$M = [];
 
 var __vue_inject_styles__$N = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-3d383ada_0", {
-    source: "[data-v-3d383ada] .v-snack__action{display:none}[data-v-3d383ada] .v-snack__wrapper.theme--dark{background-color:unset}[data-v-3d383ada] .v-alert{margin-bottom:0}[data-v-3d383ada] .v-sheet.v-snack__wrapper:not(.v-sheet--outlined){box-shadow:none}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -7936,10 +7961,10 @@ var __vue_inject_styles__$N = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$N = "data-v-3d383ada";
+var __vue_scope_id__$N = "data-v-d3516730";
 /* module identifier */
 
-var __vue_module_identifier__$N = "data-v-3d383ada";
+var __vue_module_identifier__$N = "data-v-d3516730";
 /* functional template */
 
 var __vue_is_functional_template__$N = false;
@@ -16927,6 +16952,11 @@ var __vue_render__$s = function __vue_render__() {
     staticClass: "VcTabsContent",
     attrs: {
       "value": _vm.safeCurrentIndex
+    },
+    on: {
+      "change": function change(newIndex) {
+        return _vm.$emit('change', newIndex);
+      }
     }
   }, _vm._l(_vm.tabs, function (item, index) {
     return _c('v-tab-item', {
@@ -16947,8 +16977,8 @@ var __vue_staticRenderFns__$s = [];
 
 var __vue_inject_styles__$t = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-310aba6d_0", {
-    source: ".VcTabs--wrapper[data-v-310aba6d]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-310aba6d]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-310aba6d]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--content[data-v-310aba6d]{flex:unset}.VcTab[data-v-310aba6d]:focus{color:rgba(255,255,255,0)!important;box-shadow:inset 0 0 0 3px var(--v-secondary-lighten1);border-radius:2px}.VcTab:focus .VcTab-label[data-v-310aba6d]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-310aba6d]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-310aba6d]{color:var(--gray-darken-5)}.VcTab-label[data-v-310aba6d]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTabsContent[data-v-310aba6d]{background-color:transparent;overflow-y:auto}[data-v-310aba6d] .v-slide-group__next,[data-v-310aba6d] .v-slide-group__prev{display:none!important}[data-v-310aba6d] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
+  inject("data-v-3128ff38_0", {
+    source: ".VcTabs--wrapper[data-v-3128ff38]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-3128ff38]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-3128ff38]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--content[data-v-3128ff38]{flex:unset}.VcTab[data-v-3128ff38]:focus{color:rgba(255,255,255,0)!important;box-shadow:inset 0 0 0 3px var(--v-secondary-lighten1);border-radius:2px}.VcTab:focus .VcTab-label[data-v-3128ff38]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-3128ff38]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-3128ff38]{color:var(--gray-darken-5)}.VcTab-label[data-v-3128ff38]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTabsContent[data-v-3128ff38]{background-color:transparent;overflow-y:auto}[data-v-3128ff38] .v-slide-group__next,[data-v-3128ff38] .v-slide-group__prev{display:none!important}[data-v-3128ff38] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
     map: undefined,
     media: undefined
   });
@@ -16956,10 +16986,10 @@ var __vue_inject_styles__$t = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$t = "data-v-310aba6d";
+var __vue_scope_id__$t = "data-v-3128ff38";
 /* module identifier */
 
-var __vue_module_identifier__$t = "data-v-310aba6d";
+var __vue_module_identifier__$t = "data-v-3128ff38";
 /* functional template */
 
 var __vue_is_functional_template__$t = false;
@@ -17005,6 +17035,12 @@ var __vue_component__$Q = __vue_component__$P;var script$s = {
     showDividers: {
       type: Boolean,
       default: false
+    },
+    groupClass: {
+      type: String
+    },
+    itemClass: {
+      type: String
     }
   },
   model: {
@@ -17034,33 +17070,42 @@ var __vue_render__$r = function __vue_render__() {
       "data-qa": _vm.dataQa
     }
   }, _vm._l(_vm.itemGroups, function (group, groupIndex) {
+    var _obj;
+
     return _c('div', {
       key: group.id,
       staticClass: "grouped-items__group",
+      class: (_obj = {}, _obj[_vm.groupClass] = _vm.groupClass, _obj),
       attrs: {
         "data-qa": "group-" + group.id
       }
-    }, [_c('div', {
-      class: "grouped-items__group__header " + _vm.flavor + " mb-2"
     }, [_vm._t("group-" + group.id + "-header", function () {
-      return [_vm._v("\n        " + _vm._s(group.label) + "\n      ")];
+      return [_vm._t("header", function () {
+        return [_c('div', {
+          class: "grouped-items__group__header " + _vm.flavor + " mb-2"
+        }, [_vm._v("\n          " + _vm._s(group.label) + "\n        ")])];
+      }, {
+        "group": group
+      })];
     }, {
       "group": group
-    })], 2), _vm._v(" "), _c('VcLayout', {
+    }), _vm._v(" "), _c('VcLayout', {
       class: "grouped-items__group__container " + _vm.flavor,
       attrs: {
         "column": ""
       }
     }, _vm._l(group.items, function (item) {
+      var _obj;
+
       return group.items ? _c('VcLayout', {
         key: item.id,
         staticClass: "grouped-items__group__container__menu-item d-flex align-center flex-grow-1",
-        class: {
+        class: (_obj = {
           selected: item.id === _vm.selected,
           disabled: item.disabled,
           mobile: _vm.isMobile,
           'rtl': _vm.$vuetify.rtl
-        },
+        }, _obj[_vm.itemClass] = _vm.itemClass, _obj),
         attrs: {
           "data-qa": "item-" + item.id
         },
@@ -17070,21 +17115,25 @@ var __vue_render__$r = function __vue_render__() {
           }
         }
       }, [_vm._t("item-" + item.id, function () {
-        return [_c('VcLayout', {
-          staticClass: "px-4 flex-grow-1",
-          attrs: {
-            "justify-space-between": "",
-            "align-center": ""
-          }
-        }, [_c('span', [_vm._v(_vm._s(item.label))]), _vm._v(" "), _vm.isMobile ? _c('vcIcon', {
-          attrs: {
-            "size": "12"
-          }
-        }, [_vm._v("$chevron_right")]) : _vm._e()], 1)];
+        return [_vm._t("item", function () {
+          return [_c('VcLayout', {
+            staticClass: "px-4 flex-grow-1",
+            attrs: {
+              "justify-space-between": "",
+              "align-center": ""
+            }
+          }, [_c('span', [_vm._v(_vm._s(item.label))]), _vm._v(" "), _vm.isMobile ? _c('vcIcon', {
+            attrs: {
+              "size": "12"
+            }
+          }, [_vm._v("$chevron_right")]) : _vm._e()], 1)];
+        }, {
+          "item": item
+        })];
       }, {
         "item": item
       })], 2) : _vm._e();
-    }), 1), _vm._v(" "), _vm.showDividers && groupIndex < _vm.itemGroups.length - 1 ? _c('v-divider') : _vm._e()], 1);
+    }), 1), _vm._v(" "), _vm.showDividers && groupIndex < _vm.itemGroups.length - 1 ? _c('v-divider') : _vm._e()], 2);
   }), 0);
 };
 
@@ -17093,8 +17142,8 @@ var __vue_staticRenderFns__$r = [];
 
 var __vue_inject_styles__$s = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-21dc366c_0", {
-    source: ".grouped-items[data-v-21dc366c]{gap:var(--size-value5)}.grouped-items__group__header[data-v-21dc366c]{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-21dc366c]{padding-left:var(--size-value4);font-size:var(--font-size-xxx-small)}.grouped-items__group__container[data-v-21dc366c]{border-radius:var(--border-radius);background-color:var(--modal-bg-color)}.grouped-items__group__container.elevated[data-v-21dc366c]{box-shadow:var(--shadow-1)}.grouped-items__group__container__menu-item[data-v-21dc366c]{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-21dc366c]:first-of-type{margin-top:var(--size-value1)}.grouped-items__group__container__menu-item[data-v-21dc366c]:last-of-type{margin-bottom:var(--size-value1)}.grouped-items__group__container__menu-item[data-v-21dc366c]:hover{border-color:var(--gray-lighten-3);background-color:var(--gray-lighten-3)}.grouped-items__group__container__menu-item[data-v-21dc366c]:focus{border:3px solid var(--v-secondary-lighten1)}.grouped-items__group__container__menu-item[data-v-21dc366c]:active:not(.mobile){border-color:var(--gray-lighten-1);background-color:var(--gray-lighten-1)}.grouped-items__group__container__menu-item.selected[data-v-21dc366c]{font-weight:var(--font-weight-large)}.grouped-items__group__container__menu-item.selected[data-v-21dc366c]:not(.mobile){border-inline-start:3px solid var(--v-secondary-base)}.grouped-items__group__container__menu-item.disabled[data-v-21dc366c]{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-21dc366c]{color:var(--gray-darken-5);height:var(--size-value13)}.grouped-items__group__container__menu-item.mobile[data-v-21dc366c]  svg.vc-chevron-right{fill:var(--gray-darken-2)}.grouped-items__group__container__menu-item.mobile.rtl[data-v-21dc366c]  svg.vc-chevron-right{transform:scaleX(-1)}",
+  inject("data-v-3cd4d7d0_0", {
+    source: ".grouped-items[data-v-3cd4d7d0]{column-gap:var(--size-value5)}.grouped-items__group__header[data-v-3cd4d7d0]{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-3cd4d7d0]{padding-left:var(--size-value4);font-size:var(--font-size-xxx-small)}.grouped-items__group__container[data-v-3cd4d7d0]{border-radius:var(--border-radius);background-color:var(--modal-bg-color)}.grouped-items__group__container.elevated[data-v-3cd4d7d0]{box-shadow:var(--shadow-1)}.grouped-items__group__container__menu-item[data-v-3cd4d7d0]{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-3cd4d7d0]:first-of-type{margin-top:var(--size-value1)}.grouped-items__group__container__menu-item[data-v-3cd4d7d0]:last-of-type{margin-bottom:var(--size-value1)}.grouped-items__group__container__menu-item[data-v-3cd4d7d0]:hover{border-color:var(--gray-lighten-3);background-color:var(--gray-lighten-3)}.grouped-items__group__container__menu-item[data-v-3cd4d7d0]:focus{border:3px solid var(--v-secondary-lighten1)}.grouped-items__group__container__menu-item[data-v-3cd4d7d0]:active:not(.mobile){border-color:var(--gray-lighten-1);background-color:var(--gray-lighten-1)}.grouped-items__group__container__menu-item.selected[data-v-3cd4d7d0]{font-weight:var(--font-weight-large)}.grouped-items__group__container__menu-item.selected[data-v-3cd4d7d0]:not(.mobile){border-inline-start:3px solid var(--v-secondary-base)}.grouped-items__group__container__menu-item.disabled[data-v-3cd4d7d0]{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-3cd4d7d0]{color:var(--gray-darken-5);height:var(--size-value13)}.grouped-items__group__container__menu-item.mobile[data-v-3cd4d7d0]  svg.vc-chevron-right{fill:var(--gray-darken-2)}.grouped-items__group__container__menu-item.mobile.rtl[data-v-3cd4d7d0]  svg.vc-chevron-right{transform:scaleX(-1)}",
     map: undefined,
     media: undefined
   });
@@ -17102,10 +17151,10 @@ var __vue_inject_styles__$s = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$s = "data-v-21dc366c";
+var __vue_scope_id__$s = "data-v-3cd4d7d0";
 /* module identifier */
 
-var __vue_module_identifier__$s = "data-v-21dc366c";
+var __vue_module_identifier__$s = "data-v-3cd4d7d0";
 /* functional template */
 
 var __vue_is_functional_template__$s = false;
@@ -20606,10 +20655,16 @@ var __vue_render__$8 = function __vue_render__() {
       "justify-center": ""
     }
   }, [_c('span', {
-    staticClass: "contact-name"
-  }, [_vm._v(_vm._s(_vm.contactName))]), _vm._v(" "), _c('span', {
-    staticClass: "matter-name"
-  }, [_vm._v(_vm._s(_vm.matterName))])])], 1), _vm._v(" "), _c('VcLayout', {
+    staticClass: "matter-name",
+    attrs: {
+      "data-qa": _vm.dataQa + "_mainClientName"
+    }
+  }, [_vm._v(_vm._s(_vm.matterName || _vm.contactName))]), _vm._v(" "), _vm.matterName ? _c('span', {
+    staticClass: "contact-name",
+    attrs: {
+      "data-qa": _vm.dataQa + "_subClientName"
+    }
+  }, [_vm._v(_vm._s(_vm.contactName))]) : _vm._e()])], 1), _vm._v(" "), _c('VcLayout', {
     staticClass: "flex-grow-0",
     attrs: {
       "align-center": ""
@@ -20709,8 +20764,8 @@ var __vue_staticRenderFns__$8 = [];
 
 var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2075bb2c_0", {
-    source: "[data-v-2075bb2c]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-2075bb2c]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-2075bb2c]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-2075bb2c]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-2075bb2c]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-2075bb2c]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-2075bb2c]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-2075bb2c]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-2075bb2c]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-2075bb2c]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-2075bb2c]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-2075bb2c]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-2075bb2c]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-2075bb2c]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-2075bb2c]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-2075bb2c]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-2075bb2c]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-2075bb2c]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-2075bb2c]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-2075bb2c]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-2075bb2c]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-2075bb2c]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-2075bb2c]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-2075bb2c]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-2075bb2c]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-2075bb2c]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-2075bb2c]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-2075bb2c]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-2075bb2c]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-2075bb2c]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-2075bb2c]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-2075bb2c]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-2075bb2c]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-2075bb2c]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-2075bb2c]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-2075bb2c]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-2075bb2c]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-2075bb2c]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-2075bb2c]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-2075bb2c]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-2075bb2c]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-2075bb2c]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-2075bb2c]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-2075bb2c]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-2075bb2c]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-2075bb2c]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-2075bb2c]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-2075bb2c]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-2075bb2c]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-2075bb2c]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-2075bb2c]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-2075bb2c]{--color-dark:#63757E;--color-light:#C8D2D7}.VcClientItem[data-v-2075bb2c]{border-radius:var(--border-radius);padding-block:var(--size-value2);padding-inline-start:var(--size-value2)}.VcClientItem[data-v-2075bb2c]:hover{background-color:var(--gray-lighten-3)}.VcClientItem .client-data-wrapper[data-v-2075bb2c]{gap:var(--size-value4)}.VcClientItem .client-data-wrapper .client-name-wrapper[data-v-2075bb2c]{gap:2px;padding-top:2px}.VcClientItem .client-data-wrapper .client-name-wrapper .contact-name[data-v-2075bb2c]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5)}.VcClientItem .client-data-wrapper .client-name-wrapper .matter-name[data-v-2075bb2c]{font-weight:var(--font-weight-medium);font-size:var(--font-size-x-small);line-height:var(--size-value6)}",
+  inject("data-v-2e6e185e_0", {
+    source: "[data-v-2e6e185e]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-2e6e185e]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-2e6e185e]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-2e6e185e]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-2e6e185e]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-2e6e185e]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-2e6e185e]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-2e6e185e]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-2e6e185e]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-2e6e185e]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-2e6e185e]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-2e6e185e]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-2e6e185e]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-2e6e185e]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-2e6e185e]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-2e6e185e]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-2e6e185e]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-2e6e185e]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-2e6e185e]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-2e6e185e]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-2e6e185e]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-2e6e185e]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-2e6e185e]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-2e6e185e]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-2e6e185e]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-2e6e185e]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-2e6e185e]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-2e6e185e]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-2e6e185e]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-2e6e185e]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-2e6e185e]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-2e6e185e]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-2e6e185e]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-2e6e185e]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-2e6e185e]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-2e6e185e]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-2e6e185e]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-2e6e185e]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-2e6e185e]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-2e6e185e]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-2e6e185e]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-2e6e185e]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-2e6e185e]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-2e6e185e]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-2e6e185e]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-2e6e185e]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-2e6e185e]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-2e6e185e]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-2e6e185e]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-2e6e185e]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-2e6e185e]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-2e6e185e]{--color-dark:#63757E;--color-light:#C8D2D7}.VcClientItem[data-v-2e6e185e]{border-radius:var(--border-radius);padding-block:var(--size-value2);padding-inline-start:var(--size-value2)}.VcClientItem[data-v-2e6e185e]:hover{background-color:var(--gray-lighten-3)}.VcClientItem .client-data-wrapper[data-v-2e6e185e]{gap:var(--size-value4)}.VcClientItem .client-data-wrapper .client-name-wrapper[data-v-2e6e185e]{gap:2px;padding-top:2px}.VcClientItem .client-data-wrapper .client-name-wrapper .matter-name[data-v-2e6e185e]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5)}.VcClientItem .client-data-wrapper .client-name-wrapper .contact-name[data-v-2e6e185e]{font-weight:var(--font-weight-medium);font-size:var(--font-size-x-small);line-height:var(--size-value6)}",
     map: undefined,
     media: undefined
   });
@@ -20718,10 +20773,10 @@ var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$8 = "data-v-2075bb2c";
+var __vue_scope_id__$8 = "data-v-2e6e185e";
 /* module identifier */
 
-var __vue_module_identifier__$8 = "data-v-2075bb2c";
+var __vue_module_identifier__$8 = "data-v-2e6e185e";
 /* functional template */
 
 var __vue_is_functional_template__$8 = false;
@@ -20747,6 +20802,10 @@ var __vue_component__$h = __vue_component__$g;var script$7 = {
       type: String,
       required: true
     },
+    iconSize: {
+      type: Number,
+      default: 20
+    },
     header: {
       type: String,
       required: true
@@ -20776,7 +20835,7 @@ var __vue_render__$7 = function __vue_render__() {
   }, [_c('VcIcon', {
     attrs: {
       "color": "var(--gray-darken-3)",
-      "size": 20
+      "size": _vm.iconSize
     }
   }, [_vm._v(_vm._s(_vm.icon))]), _vm._v(" "), _c('VcLayout', {
     staticClass: "details-wrapper",
@@ -20795,8 +20854,8 @@ var __vue_staticRenderFns__$7 = [];
 
 var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2d1d0cf0_0", {
-    source: "[data-v-2d1d0cf0]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-2d1d0cf0]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-2d1d0cf0]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-2d1d0cf0]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-2d1d0cf0]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-2d1d0cf0]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-2d1d0cf0]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-2d1d0cf0]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-2d1d0cf0]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-2d1d0cf0]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-2d1d0cf0]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-2d1d0cf0]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-2d1d0cf0]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-2d1d0cf0]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-2d1d0cf0]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-2d1d0cf0]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-2d1d0cf0]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-2d1d0cf0]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-2d1d0cf0]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-2d1d0cf0]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-2d1d0cf0]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-2d1d0cf0]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-2d1d0cf0]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-2d1d0cf0]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-2d1d0cf0]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-2d1d0cf0]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-2d1d0cf0]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-2d1d0cf0]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-2d1d0cf0]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-2d1d0cf0]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-2d1d0cf0]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-2d1d0cf0]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-2d1d0cf0]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-2d1d0cf0]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-2d1d0cf0]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-2d1d0cf0]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-2d1d0cf0]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-2d1d0cf0]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-2d1d0cf0]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-2d1d0cf0]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-2d1d0cf0]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-2d1d0cf0]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-2d1d0cf0]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-2d1d0cf0]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-2d1d0cf0]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-2d1d0cf0]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-2d1d0cf0]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-2d1d0cf0]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-2d1d0cf0]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-2d1d0cf0]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-2d1d0cf0]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-2d1d0cf0]{--color-dark:#63757E;--color-light:#C8D2D7}.VcDetailItem[data-v-2d1d0cf0]{border-radius:var(--border-radius);padding-block:var(--size-value2);padding-inline-start:var(--size-value2);gap:var(--size-value3)}.VcDetailItem .details-wrapper[data-v-2d1d0cf0]{gap:2px}.VcDetailItem .details-wrapper .detail-header[data-v-2d1d0cf0]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-3)}.VcDetailItem .details-wrapper .detail-content[data-v-2d1d0cf0]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value6)}",
+  inject("data-v-993e8058_0", {
+    source: "[data-v-993e8058]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-993e8058]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-993e8058]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-993e8058]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-993e8058]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-993e8058]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-993e8058]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-993e8058]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-993e8058]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-993e8058]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-993e8058]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-993e8058]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-993e8058]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-993e8058]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-993e8058]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-993e8058]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-993e8058]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-993e8058]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-993e8058]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-993e8058]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-993e8058]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-993e8058]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-993e8058]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-993e8058]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-993e8058]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-993e8058]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-993e8058]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-993e8058]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-993e8058]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-993e8058]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-993e8058]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-993e8058]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-993e8058]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-993e8058]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-993e8058]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-993e8058]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-993e8058]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-993e8058]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-993e8058]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-993e8058]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-993e8058]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-993e8058]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-993e8058]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-993e8058]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-993e8058]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-993e8058]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-993e8058]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-993e8058]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-993e8058]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-993e8058]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-993e8058]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-993e8058]{--color-dark:#63757E;--color-light:#C8D2D7}.VcDetailItem[data-v-993e8058]{border-radius:var(--border-radius);padding-block:var(--size-value2);padding-inline-start:var(--size-value2);gap:var(--size-value3)}.VcDetailItem .details-wrapper[data-v-993e8058]{gap:2px}.VcDetailItem .details-wrapper .detail-header[data-v-993e8058]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-3)}.VcDetailItem .details-wrapper .detail-content[data-v-993e8058]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value6)}.VcDetailItem[data-v-993e8058]  .v-icon{height:var(--size-value5)!important}",
     map: undefined,
     media: undefined
   });
@@ -20804,10 +20863,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$7 = "data-v-2d1d0cf0";
+var __vue_scope_id__$7 = "data-v-993e8058";
 /* module identifier */
 
-var __vue_module_identifier__$7 = "data-v-2d1d0cf0";
+var __vue_module_identifier__$7 = "data-v-993e8058";
 /* functional template */
 
 var __vue_is_functional_template__$7 = false;

package/init/DesignSystem.js

@@ -3,6 +3,8 @@ import Vue from "vue";
 import vuetifyConfig from './vuetify.config';
 import {reducer} from './vuetify.config';
 import ClickOutside from 'vue-click-outside';
+import highlightFilter from "@/filters/highlightFilter";
+import '@/scss/global.scss';
 
 import {
     VAlert,
@@ -125,6 +127,9 @@ Vue.use(Vuetify, {
 // Register common directives
 Vue.directive('ds-click-outside', ClickOutside);
 
+// Register common filters
+Vue.filter('dsHighlight', highlightFilter);
+
 const DesignSystem = ({theme = {}, options = {}, extIcons = {}} = {}, locale ='en') => {
     const ds = { ...(Vue.prototype.$ds || {}), ...options};
     // Make the options available to all the components

package/init/vuetify.config.js

@@ -30,6 +30,7 @@ export default {
                     lighten2: '#C2E5EE',
                     lighten3: '#EDF7FA'
                 },
+                text: '#FFFFFF',
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcita/design-system",
-  "version": "1.8.1",
+  "version": "1.9.0-beta.1",
   "description": "vcita design system",
   "author": "vcita",
   "scripts": {
@@ -13,7 +13,10 @@
     "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
     "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
     "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife",
-    "storybook": "start-storybook -p 6006"
+    "storybook": "start-storybook -p 6006",
+    "storybook16": "n exec 16 start-storybook -p 6006",
+    "build-storybook16": "n exec 16 build-storybook",
+    "deploy-storybook16": "n exec 16 storybook-to-ghpages"
   },
   "main": "dist/@vcita/design-system.ssr.js",
   "module": "dist/@vcita/design-system.esm.js",
@@ -25,7 +28,9 @@
     "styles/**/*.scss",
     "init",
     "utils",
-    "config"
+    "config",
+    "scss",
+    "filters"
   ],
   "dependencies": {
     "core-js": "^3.6.5",

package/src/components/VcCheckbox/VcCheckbox.vue

@@ -32,7 +32,7 @@
 
         <slot name="tooltip">
           <VcTooltip v-if="label && tooltip" dark :content="tooltip" bottom>
-            <VcIcon class="tooltip-icon ms-2" size="16">$info</VcIcon>
+            <VcIcon @click.stop class="tooltip-icon ms-2" size="16">$info</VcIcon>
           </VcTooltip>
         </slot>
       </div>