@vcita/design-system 1.20.15 → 1.20.17

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

@@ -1,2 +1,2 @@
-export { b2 as default } from '../entry-935978c0.js';
+export { b2 as default } from '../entry-67408ab9.js';
 import 'vuetify/lib';

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

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-a5863dbe.js');require('vuetify/lib');exports["default"]=entry.b2;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-64e6faf1.js');require('vuetify/lib');exports["default"]=entry.b2;

package/dist/{VcHeaderDropdown-7a57496b.js → VcHeaderDropdown-a8c6a0e7.js}

@@ -1,5 +1,5 @@
 import 'vuetify/lib';
-import { V as VcLayout, ak as VcGroupedItems, aj as VcDropdown, E as VcIcon, a_ as normalizeComponent, a$ as createInjector } from './entry-935978c0.js';
+import { V as VcLayout, ak as VcGroupedItems, aj as VcDropdown, E as VcIcon, a_ as normalizeComponent, a$ as createInjector } from './entry-67408ab9.js';
 
 var script = {
   name: 'VcHeaderDropdown',
@@ -19,6 +19,15 @@ var script = {
       required: true
     },
 
+    /**
+     * ID of the currently selected option
+     * Used to highlight the selected item in the dropdown
+     */
+    selectedOptionId: {
+      type: String,
+      default: ''
+    },
+
     /**
      * Size of dropdown icon
      */
@@ -115,7 +124,8 @@ var __vue_render__ = function () {
     }
   }, [_vm._v(" "), _c('VcGroupedItems', {
     attrs: {
-      "item-groups": _vm.options
+      "item-groups": _vm.options,
+      "selected": _vm.selectedOptionId
     },
     on: {
       "change": function ($event) {
@@ -139,8 +149,8 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-6bdede37_0", {
-    source: ".VcHeaderDropdown__icon-wrapper[data-v-6bdede37]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-6bdede37]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
+  inject("data-v-45665220_0", {
+    source: ".VcHeaderDropdown__icon-wrapper[data-v-45665220]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-45665220]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
     map: undefined,
     media: undefined
   });
@@ -148,7 +158,7 @@ const __vue_inject_styles__ = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__ = "data-v-6bdede37";
+const __vue_scope_id__ = "data-v-45665220";
 /* module identifier */
 
 const __vue_module_identifier__ = undefined;

package/dist/{VcHeaderDropdown-2940bfa3.js → VcHeaderDropdown-b3b66051.js}

@@ -1,4 +1,4 @@
-'use strict';require('vuetify/lib');var entry=require('./entry-a5863dbe.js');var script = {
+'use strict';require('vuetify/lib');var entry=require('./entry-64e6faf1.js');var script = {
   name: 'VcHeaderDropdown',
   components: {
     VcLayout: entry.V,
@@ -16,6 +16,15 @@
       required: true
     },
 
+    /**
+     * ID of the currently selected option
+     * Used to highlight the selected item in the dropdown
+     */
+    selectedOptionId: {
+      type: String,
+      default: ''
+    },
+
     /**
      * Size of dropdown icon
      */
@@ -108,7 +117,8 @@ var __vue_render__ = function __vue_render__() {
     }
   }, [_vm._v(" "), _c('VcGroupedItems', {
     attrs: {
-      "item-groups": _vm.options
+      "item-groups": _vm.options,
+      "selected": _vm.selectedOptionId
     },
     on: {
       "change": function change($event) {
@@ -132,8 +142,8 @@ var __vue_staticRenderFns__ = [];
 
 var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6bdede37_0", {
-    source: ".VcHeaderDropdown__icon-wrapper[data-v-6bdede37]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-6bdede37]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
+  inject("data-v-45665220_0", {
+    source: ".VcHeaderDropdown__icon-wrapper[data-v-45665220]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-45665220]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
     map: undefined,
     media: undefined
   });
@@ -141,10 +151,10 @@ var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__ = "data-v-6bdede37";
+var __vue_scope_id__ = "data-v-45665220";
 /* module identifier */
 
-var __vue_module_identifier__ = "data-v-6bdede37";
+var __vue_module_identifier__ = "data-v-45665220";
 /* functional template */
 
 var __vue_is_functional_template__ = false;

package/dist/{entry-a5863dbe.js → entry-64e6faf1.js}

@@ -9325,6 +9325,26 @@ var VcSvg = __vue_component__$1S;var script$19 = {
     closeButton: {
       type: Boolean,
       default: false
+    },
+    buttonSize: {
+      type: String,
+      default: 'large',
+      validator: function validator(size) {
+        return ['xSmall', 'small', 'medium', 'large', 'xLarge'].includes(size);
+      }
+    },
+    smallerText: {
+      type: Boolean,
+      default: false
+    },
+    backgroundStain: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    sizeAttr: function sizeAttr() {
+      return _defineProperty$1({}, this.buttonSize, true);
     }
   }
 };/* script */
@@ -9347,18 +9367,21 @@ var __vue_render__$14 = function __vue_render__() {
     attrs: {
       "data-qa": _vm.dataQa
     }
-  }, [_vm._ssrNode("<div class=\"text-container px-6 pt-10 pt-sm-6\" data-v-5613040c>", "</div>", [_vm._ssrNode("<div class=\"banner-title pb-2 pb-sm-4 pb-md-2\" data-v-5613040c>" + _vm._ssrEscape("\n      " + _vm._s(_vm.title) + "\n    ") + "</div> " + (_vm.subtitle ? "<div class=\"banner-subtitle\" data-v-5613040c>" + _vm._ssrEscape("\n      " + _vm._s(_vm.subtitle) + "\n    ") + "</div>" : "<!---->") + " "), _vm.buttonLabel || _vm.linkLabel ? _vm._ssrNode("<div class=\"cta-container py-6 py-sm-7 d-flex flex justify-start flex-wrap\" data-v-5613040c>", "</div>", [_vm.buttonLabel ? _c('VcButton', {
+  }, [_vm._ssrNode("<div class=\"text-container px-6 pt-10 pt-sm-6\" data-v-40b9e6b8>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass("banner-title pb-2 pb-sm-4 pb-md-2", {
+    'banner-title--small': _vm.smallerText
+  }) + " data-v-40b9e6b8>" + _vm._ssrEscape("\n      " + _vm._s(_vm.title) + "\n    ") + "</div> " + (_vm.subtitle ? "<div" + _vm._ssrClass("banner-subtitle", {
+    'banner-subtitle--small': _vm.smallerText
+  }) + " data-v-40b9e6b8>" + _vm._ssrEscape("\n      " + _vm._s(_vm.subtitle) + "\n    ") + "</div>" : "<!---->") + " "), _vm.buttonLabel || _vm.linkLabel ? _vm._ssrNode("<div class=\"cta-container py-6 py-sm-7 d-flex flex justify-start flex-wrap\" data-v-40b9e6b8>", "</div>", [_vm.buttonLabel ? _c('VcButton', _vm._b({
     staticClass: "primary-cta",
     attrs: {
-      "pill": "",
-      "large": ""
+      "pill": ""
     },
     on: {
       "click": function click($event) {
         return _vm.$emit('onAction');
       }
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n      ")]) : _vm._e(), _vm._ssrNode(" "), _vm.linkLabel && _vm.linkUrl ? _c('VcLink', {
+  }, 'VcButton', _vm.sizeAttr, false), [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n      ")]) : _vm._e(), _vm._ssrNode(" "), _vm.linkLabel && _vm.linkUrl ? _c('VcLink', {
     staticClass: "secondary-cta pt-6 pt-sm-0",
     attrs: {
       "url": _vm.linkUrl,
@@ -9370,14 +9393,14 @@ var __vue_render__$14 = function __vue_render__() {
         return _vm.$emit('linkClick', $event);
       }
     }
-  }) : _vm._e()], 2) : _vm._e(), _vm._ssrNode(" "), _vm.note || _vm.$slots.note ? _vm._ssrNode("<div class=\"banner-note py-4 pt-sm-9\" data-v-5613040c>", "</div>", [_vm._t("note", function () {
+  }) : _vm._e()], 2) : _vm._e(), _vm._ssrNode(" "), _vm.note || _vm.$slots.note ? _vm._ssrNode("<div class=\"banner-note py-4 pt-sm-9\" data-v-40b9e6b8>", "</div>", [_vm._t("note", function () {
     return [_vm._v("\n        " + _vm._s(_vm.note) + "\n      ")];
-  })], 2) : _vm._e()], 2), _vm._ssrNode(" "), _vm.image ? _vm._ssrNode("<div class=\"images-container d-flex align-self-end\" data-v-5613040c>", "</div>", [_c('VcSvg', {
+  })], 2) : _vm._e()], 2), _vm._ssrNode(" "), _vm.image ? _vm._ssrNode("<div class=\"images-container d-flex align-self-end\" data-v-40b9e6b8>", "</div>", [_vm.backgroundStain ? _c('VcSvg', {
     staticClass: "background-stain",
     attrs: {
       "svg": _vm.$svgImages.background_stain
     }
-  }), _vm._ssrNode(" "), _c('VcImage', {
+  }) : _vm._e(), _vm._ssrNode(" "), _c('VcImage', {
     staticClass: "banner-image pb-0",
     attrs: {
       "image": _vm.image
@@ -9414,8 +9437,8 @@ var __vue_staticRenderFns__$14 = [];
 
 var __vue_inject_styles__$19 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-5613040c_0", {
-    source: ".VcBanner[data-v-5613040c]{min-height:188px;box-sizing:border-box;overflow:hidden;border-radius:var(--size-value2);border:1px solid var(--neutral-lighten-2);position:relative}.VcBanner .images-container[data-v-5613040c]{position:relative;height:100%}.VcBanner .images-container .background-stain[data-v-5613040c]{position:absolute;opacity:15%;margin:0 auto;overflow:hidden;top:-80px;height:calc(100% + 110px);transform:scale(.7);left:-335px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{left:auto;right:-335px}@media screen and (min-width:600px){.VcBanner .images-container .background-stain[data-v-5613040c]{transform:scale(1);top:-206px;height:calc(100% + 206px);left:-64px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{left:auto;right:-64px}}@media screen and (min-width:960px){.VcBanner .images-container .background-stain[data-v-5613040c]{top:-176px;height:calc(100% + 176px);left:-50px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{left:auto;right:-50px}}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{transform:scale(-.7,.7)}@media screen and (min-width:600px){#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{transform:scaleX(-1)}}.VcBanner .images-container .background-stain[data-v-5613040c]  #background_stain{fill:var(--v-secondary-base)}.VcBanner .images-container .banner-image[data-v-5613040c]{margin:auto 0 0;position:relative;width:200px;height:95px}@media screen and (min-width:600px){.VcBanner .images-container .banner-image[data-v-5613040c]{width:300px;height:142.5px}}@media screen and (min-width:960px){.VcBanner .images-container .banner-image[data-v-5613040c]{width:400px;height:190px}}.VcBanner .text-container[data-v-5613040c]{flex:0 0 60%;color:var(--gray-darken-5);z-index:1}.VcBanner .text-container .banner-title[data-v-5613040c]{font-weight:var(--font-weight-large2);font-size:var(--font-size-medium2);line-height:var(--size-value8)}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-5613040c]{flex:0 0 100%}}.VcBanner .text-container .banner-subtitle[data-v-5613040c]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium2)}.VcBanner .text-container .banner-note[data-v-5613040c]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium)}.VcBanner .cta-container .primary-cta[data-v-5613040c]{line-height:var(--size-value12);font-weight:var(--font-weight-large2);margin-inline-end:var(--size-value6)}.VcBanner .cta-container .secondary-cta[data-v-5613040c]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);flex:0 0 100%}@media screen and (min-width:600px){.VcBanner .cta-container .secondary-cta[data-v-5613040c]{flex:none}}.VcBanner .close-button[data-v-5613040c]{position:absolute;width:var(--size-value3);height:var(--size-value3);right:var(--size-value4)}#app[dir=rtl] .VcBanner .close-button[data-v-5613040c]{right:auto;left:var(--size-value4)}.VcBanner .close-button[data-v-5613040c]  .v-btn__content{opacity:unset}.VcBanner .close-button[data-v-5613040c]  .v-icon{margin-right:var(--size-value0)}.VcBanner .close-button[data-v-5613040c]  .v-icon svg{fill:var(--gray-darken-2)}",
+  inject("data-v-40b9e6b8_0", {
+    source: ".VcBanner[data-v-40b9e6b8]{min-height:188px;box-sizing:border-box;overflow:hidden;border-radius:var(--size-value2);border:1px solid var(--neutral-lighten-2);position:relative}.VcBanner .images-container[data-v-40b9e6b8]{position:relative;height:100%}.VcBanner .images-container .background-stain[data-v-40b9e6b8]{position:absolute;opacity:15%;margin:0 auto;overflow:hidden;top:-80px;height:calc(100% + 110px);transform:scale(.7);left:-335px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{left:auto;right:-335px}@media screen and (min-width:600px){.VcBanner .images-container .background-stain[data-v-40b9e6b8]{transform:scale(1);top:-206px;height:calc(100% + 206px);left:-64px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{left:auto;right:-64px}}@media screen and (min-width:960px){.VcBanner .images-container .background-stain[data-v-40b9e6b8]{top:-176px;height:calc(100% + 176px);left:-50px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{left:auto;right:-50px}}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{transform:scale(-.7,.7)}@media screen and (min-width:600px){#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{transform:scaleX(-1)}}.VcBanner .images-container .background-stain[data-v-40b9e6b8]  #background_stain{fill:var(--v-secondary-base)}.VcBanner .images-container .banner-image[data-v-40b9e6b8]{margin:auto 0 0;position:relative;width:200px;height:95px}@media screen and (min-width:600px){.VcBanner .images-container .banner-image[data-v-40b9e6b8]{width:300px;height:142.5px}}@media screen and (min-width:960px){.VcBanner .images-container .banner-image[data-v-40b9e6b8]{width:400px;height:190px}}.VcBanner .text-container[data-v-40b9e6b8]{flex:0 0 60%;color:var(--gray-darken-5);z-index:1}.VcBanner .text-container .banner-title[data-v-40b9e6b8]{font-weight:var(--font-weight-large2);font-size:var(--font-size-medium2);line-height:var(--size-value8)}.VcBanner .text-container .banner-title--small[data-v-40b9e6b8]{font-weight:var(--font-weight-large);font-size:var(--font-size-small2);line-height:var(--size-value3)}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-40b9e6b8]{flex:0 0 100%}}.VcBanner .text-container .banner-subtitle[data-v-40b9e6b8]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium2)}.VcBanner .text-container .banner-subtitle--small[data-v-40b9e6b8]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.VcBanner .text-container .banner-note[data-v-40b9e6b8]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium)}.VcBanner .cta-container .primary-cta[data-v-40b9e6b8]{line-height:var(--size-value12);font-weight:var(--font-weight-large2);margin-inline-end:var(--size-value6)}.VcBanner .cta-container .secondary-cta[data-v-40b9e6b8]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);flex:0 0 100%}@media screen and (min-width:600px){.VcBanner .cta-container .secondary-cta[data-v-40b9e6b8]{flex:none}}.VcBanner .close-button[data-v-40b9e6b8]{position:absolute;width:var(--size-value3);height:var(--size-value3);right:var(--size-value4)}#app[dir=rtl] .VcBanner .close-button[data-v-40b9e6b8]{right:auto;left:var(--size-value4)}.VcBanner .close-button[data-v-40b9e6b8]  .v-btn__content{opacity:unset}.VcBanner .close-button[data-v-40b9e6b8]  .v-icon{margin-right:var(--size-value0)}.VcBanner .close-button[data-v-40b9e6b8]  .v-icon svg{fill:var(--gray-darken-2)}",
     map: undefined,
     media: undefined
   });
@@ -9423,10 +9446,10 @@ var __vue_inject_styles__$19 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$19 = "data-v-5613040c";
+var __vue_scope_id__$19 = "data-v-40b9e6b8";
 /* module identifier */
 
-var __vue_module_identifier__$19 = "data-v-5613040c";
+var __vue_module_identifier__$19 = "data-v-40b9e6b8";
 /* functional template */
 
 var __vue_is_functional_template__$19 = false;
@@ -24672,7 +24695,7 @@ var VcHeaderSort = __vue_component__$s;var script$j = {
   name: 'VcColumnHeader',
   components: {
     VcHeaderDropdown: function VcHeaderDropdown() {
-      return Promise.resolve().then(function(){return require('./VcHeaderDropdown-2940bfa3.js')});
+      return Promise.resolve().then(function(){return require('./VcHeaderDropdown-b3b66051.js')});
     },
     VcHeaderSort: VcHeaderSort,
     VcIcon: VcIcon,
@@ -24733,6 +24756,15 @@ var VcHeaderSort = __vue_component__$s;var script$j = {
     dataQa: {
       type: String,
       default: 'VcColumnHeader'
+    },
+
+    /**
+     * ID of the currently selected option in the dropdown
+     * Used to highlight the selected item in the dropdown
+     */
+    selectedOptionId: {
+      type: String,
+      default: ''
     }
   },
   data: function data() {
@@ -24808,6 +24840,7 @@ var __vue_render__$i = function __vue_render__() {
   }, [_c('VcHeaderDropdown', {
     attrs: {
       "options": _vm.sortOptions,
+      "selected-option-id": _vm.selectedOptionId,
       "data-qa": _vm.dataQa + "-sort-options-dropdown",
       "aria-label": "Show sort options"
     },
@@ -24845,8 +24878,8 @@ var __vue_staticRenderFns__$i = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2d0ba375_0", {
-    source: ".VcColumnHeader[data-v-2d0ba375]{height:var(--size-value9);padding:0 var(--size-value4);color:var(--gray-darken-5);font-size:10px;font-weight:var(--font-weight-large);background-color:var(--gray-lighten-4);border-bottom:var(--gray-lighten-2) solid 1px}.VcColumnHeader--text[data-v-2d0ba375]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcColumnHeader--dropdown[data-v-2d0ba375]{margin-inline-start:var(--size-value2)}.VcColumnHeader--sortable[data-v-2d0ba375]:hover{cursor:pointer}.VcColumnHeader--sortable[data-v-2d0ba375]{flex-grow:0;margin-inline-start:auto}",
+  inject("data-v-7b2d03ab_0", {
+    source: ".VcColumnHeader[data-v-7b2d03ab]{height:var(--size-value9);padding:0 var(--size-value4);color:var(--gray-darken-5);font-size:10px;font-weight:var(--font-weight-large);background-color:var(--gray-lighten-4);border-bottom:var(--gray-lighten-2) solid 1px}.VcColumnHeader--text[data-v-7b2d03ab]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcColumnHeader--dropdown[data-v-7b2d03ab]{margin-inline-start:var(--size-value2)}.VcColumnHeader--sortable[data-v-7b2d03ab]:hover{cursor:pointer}.VcColumnHeader--sortable[data-v-7b2d03ab]{flex-grow:0;margin-inline-start:auto}",
     map: undefined,
     media: undefined
   });
@@ -24854,10 +24887,10 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$j = "data-v-2d0ba375";
+var __vue_scope_id__$j = "data-v-7b2d03ab";
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-2d0ba375";
+var __vue_module_identifier__$j = "data-v-7b2d03ab";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;
@@ -25067,7 +25100,7 @@ var script$h = {
   name: 'VcCheckboxColumnHeader',
   components: {
     VcHeaderDropdown: function VcHeaderDropdown() {
-      return Promise.resolve().then(function(){return require('./VcHeaderDropdown-2940bfa3.js')});
+      return Promise.resolve().then(function(){return require('./VcHeaderDropdown-b3b66051.js')});
     },
     VcCheckbox: VcCheckbox,
     VcLayout: VcLayout,
@@ -25691,6 +25724,17 @@ var VcTableItem = __vue_component__$n;var script$e = {
     clickableRow: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * Array of { header: String, id: String } objects
+     * Used to highlight the selected item in header sort dropdowns
+     */
+    selectedOptions: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
     }
   },
   data: function data() {
@@ -25766,6 +25810,12 @@ var VcTableItem = __vue_component__$n;var script$e = {
     },
     itemClass: function itemClass(item) {
       return "data-table-row ".concat(item.checkbox ? 'selected' : '');
+    },
+    getSelectedOptionForHeader: function getSelectedOptionForHeader(headerValue) {
+      var selectedOption = this.selectedOptions.find(function (option) {
+        return option.header === headerValue;
+      });
+      return selectedOption ? selectedOption.id : '';
     }
   }
 };/* script */
@@ -25907,6 +25957,7 @@ var __vue_render__$d = function __vue_render__() {
             staticClass: "VcDataTable--header",
             attrs: {
               "is-loading": _vm.isLoading,
+              "selected-option-id": _vm.getSelectedOptionForHeader(headerData.value),
               "data-qa": _vm.dataQa + "-header-" + header.value
             },
             on: {
@@ -26055,8 +26106,8 @@ var __vue_staticRenderFns__$d = [];
 
 var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-b38e663c_0", {
-    source: ".VcDataTable--wrapper[data-v-b38e663c]{display:flex;flex-direction:column;max-height:100%}.VcDataTable--wrapper.empty[data-v-b38e663c]  table{height:100%}.VcDataTable[data-v-b38e663c]{height:100%;display:flex;flex-direction:column;overflow:hidden}.VcDataTable.isScrolling[data-v-b38e663c]  table tbody td.sticky,.VcDataTable.isScrolling[data-v-b38e663c]  table thead th.sticky{box-shadow:var(--table-sticky-column-shadow)}.VcDataTable.clickableRow[data-v-b38e663c]  .data-table-row{cursor:pointer}.VcDataTable--actionBar[data-v-b38e663c]{padding:var(--size-value3) var(--size-value5);margin-bottom:var(--size-value3)}.VcDataTable--actionBarMobile[data-v-b38e663c]{padding:var(--size-value5);border-bottom:1px solid var(--gray-lighten-1)}.VcDataTable--header[data-v-b38e663c]{border-inline-end:var(--gray-lighten-2) solid 1px}.VcDataTable[data-v-b38e663c]  table{table-layout:auto}.VcDataTable[data-v-b38e663c]  thead{position:sticky;top:0;z-index:2}.VcDataTable[data-v-b38e663c]  table thead th.scroll-indicator{position:absolute;height:100vh!important}.VcDataTable[data-v-b38e663c]  table thead th.table-filler{min-width:0;background-color:var(--gray-lighten-4)}.VcDataTable[data-v-b38e663c]  table thead th.sticky{position:sticky;z-index:3}.VcDataTable[data-v-b38e663c]  table thead th:nth-child(2){left:0}.VcDataTable[data-v-b38e663c]  table tbody td.sticky:nth-child(3),.VcDataTable[data-v-b38e663c]  table thead th.sticky:nth-child(3){left:49px}.VcDataTable[data-v-b38e663c]  table tbody tr td{border-bottom:thin solid var(--gray-lighten-2)!important}.VcDataTable[data-v-b38e663c]  table tbody td.sticky,.VcDataTable[data-v-b38e663c]  table thead th.sticky{box-shadow:0 0 0 transparent;transition:box-shadow .1s ease-in-out}.VcDataTable[data-v-b38e663c]  table tbody td.sticky{position:sticky;background:#fff;z-index:1}.VcDataTable[data-v-b38e663c]  table tbody tr.selected:not(:hover) td.sticky:before{content:\"\";position:absolute;height:100%;width:100%;background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-b38e663c]  table tbody tr.selected:not(:hover) td:not(.sticky){background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-b38e663c]  table tbody tr:not(.v-data-table__empty-wrapper):hover td{background:var(--gray-lighten-3)}.VcDataTable[data-v-b38e663c]  table tbody td.sticky:nth-child(2){left:0}.VcDataTable[data-v-b38e663c]  table tbody td:first-child{width:0;max-width:0}.VcDataTable[data-v-b38e663c]  tfoot{position:sticky;bottom:0;z-index:2}.VcDataTable[data-v-b38e663c]  .v-data-table__wrapper>table>thead>tr>th{padding:0;height:auto}.VcDataTable[data-v-b38e663c]  .v-data-table__wrapper>table>tbody>tr>td{padding:0}.VcDataTable[data-v-b38e663c]  .v-data-table-header__icon{display:none}.VcDataTable[data-v-b38e663c]  .VcDataTable--footer{min-height:48px}.VcDataTable[data-v-b38e663c]  .v-data-table__wrapper{flex:1}.VcDataTable--emptyState[data-v-b38e663c]{position:sticky;width:160px;overflow-x:visible;white-space:nowrap;align-items:center}.VcDataTable--emptyState.directionLeft[data-v-b38e663c]{left:calc(-80px + min(50cqw,50%))}.VcDataTable--emptyState.directionRight[data-v-b38e663c]{right:calc(-80px + min(50cqw,50%))}.VcDataTable .footer-slot[data-v-b38e663c],.VcDataTable .header-slot[data-v-b38e663c]{flex:0}",
+  inject("data-v-0ca8dd6b_0", {
+    source: ".VcDataTable--wrapper[data-v-0ca8dd6b]{display:flex;flex-direction:column;max-height:100%}.VcDataTable--wrapper.empty[data-v-0ca8dd6b]  table{height:100%}.VcDataTable[data-v-0ca8dd6b]{height:100%;display:flex;flex-direction:column;overflow:hidden}.VcDataTable.isScrolling[data-v-0ca8dd6b]  table tbody td.sticky,.VcDataTable.isScrolling[data-v-0ca8dd6b]  table thead th.sticky{box-shadow:var(--table-sticky-column-shadow)}.VcDataTable.clickableRow[data-v-0ca8dd6b]  .data-table-row{cursor:pointer}.VcDataTable--actionBar[data-v-0ca8dd6b]{padding:var(--size-value3) var(--size-value5);margin-bottom:var(--size-value3)}.VcDataTable--actionBarMobile[data-v-0ca8dd6b]{padding:var(--size-value5);border-bottom:1px solid var(--gray-lighten-1)}.VcDataTable--header[data-v-0ca8dd6b]{border-inline-end:var(--gray-lighten-2) solid 1px}.VcDataTable[data-v-0ca8dd6b]  table{table-layout:auto}.VcDataTable[data-v-0ca8dd6b]  thead{position:sticky;top:0;z-index:2}.VcDataTable[data-v-0ca8dd6b]  table thead th.scroll-indicator{position:absolute;height:100vh!important}.VcDataTable[data-v-0ca8dd6b]  table thead th.table-filler{min-width:0;background-color:var(--gray-lighten-4)}.VcDataTable[data-v-0ca8dd6b]  table thead th.sticky{position:sticky;z-index:3}.VcDataTable[data-v-0ca8dd6b]  table thead th:nth-child(2){left:0}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky:nth-child(3),.VcDataTable[data-v-0ca8dd6b]  table thead th.sticky:nth-child(3){left:49px}.VcDataTable[data-v-0ca8dd6b]  table tbody tr td{border-bottom:thin solid var(--gray-lighten-2)!important}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky,.VcDataTable[data-v-0ca8dd6b]  table thead th.sticky{box-shadow:0 0 0 transparent;transition:box-shadow .1s ease-in-out}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky{position:sticky;background:#fff;z-index:1}.VcDataTable[data-v-0ca8dd6b]  table tbody tr.selected:not(:hover) td.sticky:before{content:\"\";position:absolute;height:100%;width:100%;background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-0ca8dd6b]  table tbody tr.selected:not(:hover) td:not(.sticky){background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-0ca8dd6b]  table tbody tr:not(.v-data-table__empty-wrapper):hover td{background:var(--gray-lighten-3)}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky:nth-child(2){left:0}.VcDataTable[data-v-0ca8dd6b]  table tbody td:first-child{width:0;max-width:0}.VcDataTable[data-v-0ca8dd6b]  tfoot{position:sticky;bottom:0;z-index:2}.VcDataTable[data-v-0ca8dd6b]  .v-data-table__wrapper>table>thead>tr>th{padding:0;height:auto}.VcDataTable[data-v-0ca8dd6b]  .v-data-table__wrapper>table>tbody>tr>td{padding:0}.VcDataTable[data-v-0ca8dd6b]  .v-data-table-header__icon{display:none}.VcDataTable[data-v-0ca8dd6b]  .VcDataTable--footer{min-height:48px}.VcDataTable[data-v-0ca8dd6b]  .v-data-table__wrapper{flex:1}.VcDataTable--emptyState[data-v-0ca8dd6b]{position:sticky;width:160px;overflow-x:visible;white-space:nowrap;align-items:center}.VcDataTable--emptyState.directionLeft[data-v-0ca8dd6b]{left:calc(-80px + min(50cqw,50%))}.VcDataTable--emptyState.directionRight[data-v-0ca8dd6b]{right:calc(-80px + min(50cqw,50%))}.VcDataTable .footer-slot[data-v-0ca8dd6b],.VcDataTable .header-slot[data-v-0ca8dd6b]{flex:0}",
     map: undefined,
     media: undefined
   });
@@ -26064,10 +26115,10 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$e = "data-v-b38e663c";
+var __vue_scope_id__$e = "data-v-0ca8dd6b";
 /* module identifier */
 
-var __vue_module_identifier__$e = "data-v-b38e663c";
+var __vue_module_identifier__$e = "data-v-0ca8dd6b";
 /* functional template */
 
 var __vue_is_functional_template__$e = false;
@@ -26356,7 +26407,7 @@ var ErrorWithServer = __vue_component__$i;var script$a = {
     ErrorWithServer: ErrorWithServer,
     VcLoader: VcLoader,
     VuePdfEmbed: function VuePdfEmbed() {
-      return Promise.resolve().then(function(){return require('./vue2-pdf-embed-a20804a6.js')}).then(function(n){return n.v});
+      return Promise.resolve().then(function(){return require('./vue2-pdf-embed-74936f79.js')}).then(function(n){return n.v});
     },
     DocPreview: DocPreview,
     UnsupportedFile: UnsupportedFile,
@@ -28586,7 +28637,7 @@ var install = function installdesignSystem(Vue, options) {
       loadFunc(componentName, component);
     });
   } else {
-    Promise.resolve().then(function(){return require('./index-70205b56.js')}).then(function (module) {
+    Promise.resolve().then(function(){return require('./index-f1650847.js')}).then(function (module) {
       Object.entries(module).forEach( /*#__PURE__*/function () {
         var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref3) {
           var _ref5, componentName, component;

package/dist/{entry-935978c0.js → entry-67408ab9.js}

@@ -9332,7 +9332,28 @@ var script$19 = {
     closeButton: {
       type: Boolean,
       default: false
+    },
+    buttonSize: {
+      type: String,
+      default: 'large',
+      validator: size => ['xSmall', 'small', 'medium', 'large', 'xLarge'].includes(size)
+    },
+    smallerText: {
+      type: Boolean,
+      default: false
+    },
+    backgroundStain: {
+      type: Boolean,
+      default: true
     }
+  },
+  computed: {
+    sizeAttr() {
+      return {
+        [this.buttonSize]: true
+      };
+    }
+
   }
 };
 
@@ -9359,23 +9380,28 @@ var __vue_render__$14 = function () {
   }, [_c('div', {
     staticClass: "text-container px-6 pt-10 pt-sm-6"
   }, [_c('div', {
-    staticClass: "banner-title pb-2 pb-sm-4 pb-md-2"
+    staticClass: "banner-title pb-2 pb-sm-4 pb-md-2",
+    class: {
+      'banner-title--small': _vm.smallerText
+    }
   }, [_vm._v("\n      " + _vm._s(_vm.title) + "\n    ")]), _vm._v(" "), _vm.subtitle ? _c('div', {
-    staticClass: "banner-subtitle"
+    staticClass: "banner-subtitle",
+    class: {
+      'banner-subtitle--small': _vm.smallerText
+    }
   }, [_vm._v("\n      " + _vm._s(_vm.subtitle) + "\n    ")]) : _vm._e(), _vm._v(" "), _vm.buttonLabel || _vm.linkLabel ? _c('div', {
     staticClass: "cta-container py-6 py-sm-7 d-flex flex justify-start flex-wrap"
-  }, [_vm.buttonLabel ? _c('VcButton', {
+  }, [_vm.buttonLabel ? _c('VcButton', _vm._b({
     staticClass: "primary-cta",
     attrs: {
-      "pill": "",
-      "large": ""
+      "pill": ""
     },
     on: {
       "click": function ($event) {
         return _vm.$emit('onAction');
       }
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n      ")]) : _vm._e(), _vm._v(" "), _vm.linkLabel && _vm.linkUrl ? _c('VcLink', {
+  }, 'VcButton', _vm.sizeAttr, false), [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n      ")]) : _vm._e(), _vm._v(" "), _vm.linkLabel && _vm.linkUrl ? _c('VcLink', {
     staticClass: "secondary-cta pt-6 pt-sm-0",
     attrs: {
       "url": _vm.linkUrl,
@@ -9393,12 +9419,12 @@ var __vue_render__$14 = function () {
     return [_vm._v("\n        " + _vm._s(_vm.note) + "\n      ")];
   })], 2) : _vm._e()]), _vm._v(" "), _vm.image ? _c('div', {
     staticClass: "images-container d-flex align-self-end"
-  }, [_c('VcSvg', {
+  }, [_vm.backgroundStain ? _c('VcSvg', {
     staticClass: "background-stain",
     attrs: {
       "svg": _vm.$svgImages.background_stain
     }
-  }), _vm._v(" "), _c('VcImage', {
+  }) : _vm._e(), _vm._v(" "), _c('VcImage', {
     staticClass: "banner-image pb-0",
     attrs: {
       "image": _vm.image
@@ -9435,8 +9461,8 @@ var __vue_staticRenderFns__$14 = [];
 
 const __vue_inject_styles__$19 = function (inject) {
   if (!inject) return;
-  inject("data-v-5613040c_0", {
-    source: ".VcBanner[data-v-5613040c]{min-height:188px;box-sizing:border-box;overflow:hidden;border-radius:var(--size-value2);border:1px solid var(--neutral-lighten-2);position:relative}.VcBanner .images-container[data-v-5613040c]{position:relative;height:100%}.VcBanner .images-container .background-stain[data-v-5613040c]{position:absolute;opacity:15%;margin:0 auto;overflow:hidden;top:-80px;height:calc(100% + 110px);transform:scale(.7);left:-335px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{left:auto;right:-335px}@media screen and (min-width:600px){.VcBanner .images-container .background-stain[data-v-5613040c]{transform:scale(1);top:-206px;height:calc(100% + 206px);left:-64px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{left:auto;right:-64px}}@media screen and (min-width:960px){.VcBanner .images-container .background-stain[data-v-5613040c]{top:-176px;height:calc(100% + 176px);left:-50px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{left:auto;right:-50px}}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{transform:scale(-.7,.7)}@media screen and (min-width:600px){#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-5613040c]{transform:scaleX(-1)}}.VcBanner .images-container .background-stain[data-v-5613040c]  #background_stain{fill:var(--v-secondary-base)}.VcBanner .images-container .banner-image[data-v-5613040c]{margin:auto 0 0;position:relative;width:200px;height:95px}@media screen and (min-width:600px){.VcBanner .images-container .banner-image[data-v-5613040c]{width:300px;height:142.5px}}@media screen and (min-width:960px){.VcBanner .images-container .banner-image[data-v-5613040c]{width:400px;height:190px}}.VcBanner .text-container[data-v-5613040c]{flex:0 0 60%;color:var(--gray-darken-5);z-index:1}.VcBanner .text-container .banner-title[data-v-5613040c]{font-weight:var(--font-weight-large2);font-size:var(--font-size-medium2);line-height:var(--size-value8)}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-5613040c]{flex:0 0 100%}}.VcBanner .text-container .banner-subtitle[data-v-5613040c]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium2)}.VcBanner .text-container .banner-note[data-v-5613040c]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium)}.VcBanner .cta-container .primary-cta[data-v-5613040c]{line-height:var(--size-value12);font-weight:var(--font-weight-large2);margin-inline-end:var(--size-value6)}.VcBanner .cta-container .secondary-cta[data-v-5613040c]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);flex:0 0 100%}@media screen and (min-width:600px){.VcBanner .cta-container .secondary-cta[data-v-5613040c]{flex:none}}.VcBanner .close-button[data-v-5613040c]{position:absolute;width:var(--size-value3);height:var(--size-value3);right:var(--size-value4)}#app[dir=rtl] .VcBanner .close-button[data-v-5613040c]{right:auto;left:var(--size-value4)}.VcBanner .close-button[data-v-5613040c]  .v-btn__content{opacity:unset}.VcBanner .close-button[data-v-5613040c]  .v-icon{margin-right:var(--size-value0)}.VcBanner .close-button[data-v-5613040c]  .v-icon svg{fill:var(--gray-darken-2)}",
+  inject("data-v-40b9e6b8_0", {
+    source: ".VcBanner[data-v-40b9e6b8]{min-height:188px;box-sizing:border-box;overflow:hidden;border-radius:var(--size-value2);border:1px solid var(--neutral-lighten-2);position:relative}.VcBanner .images-container[data-v-40b9e6b8]{position:relative;height:100%}.VcBanner .images-container .background-stain[data-v-40b9e6b8]{position:absolute;opacity:15%;margin:0 auto;overflow:hidden;top:-80px;height:calc(100% + 110px);transform:scale(.7);left:-335px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{left:auto;right:-335px}@media screen and (min-width:600px){.VcBanner .images-container .background-stain[data-v-40b9e6b8]{transform:scale(1);top:-206px;height:calc(100% + 206px);left:-64px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{left:auto;right:-64px}}@media screen and (min-width:960px){.VcBanner .images-container .background-stain[data-v-40b9e6b8]{top:-176px;height:calc(100% + 176px);left:-50px}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{left:auto;right:-50px}}#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{transform:scale(-.7,.7)}@media screen and (min-width:600px){#app[dir=rtl] .VcBanner .images-container .background-stain[data-v-40b9e6b8]{transform:scaleX(-1)}}.VcBanner .images-container .background-stain[data-v-40b9e6b8]  #background_stain{fill:var(--v-secondary-base)}.VcBanner .images-container .banner-image[data-v-40b9e6b8]{margin:auto 0 0;position:relative;width:200px;height:95px}@media screen and (min-width:600px){.VcBanner .images-container .banner-image[data-v-40b9e6b8]{width:300px;height:142.5px}}@media screen and (min-width:960px){.VcBanner .images-container .banner-image[data-v-40b9e6b8]{width:400px;height:190px}}.VcBanner .text-container[data-v-40b9e6b8]{flex:0 0 60%;color:var(--gray-darken-5);z-index:1}.VcBanner .text-container .banner-title[data-v-40b9e6b8]{font-weight:var(--font-weight-large2);font-size:var(--font-size-medium2);line-height:var(--size-value8)}.VcBanner .text-container .banner-title--small[data-v-40b9e6b8]{font-weight:var(--font-weight-large);font-size:var(--font-size-small2);line-height:var(--size-value3)}@media screen and (min-width:960px){.VcBanner .text-container .banner-title[data-v-40b9e6b8]{flex:0 0 100%}}.VcBanner .text-container .banner-subtitle[data-v-40b9e6b8]{font-size:var(--font-size-small2);line-height:var(--size-value5);font-weight:var(--font-weight-medium2)}.VcBanner .text-container .banner-subtitle--small[data-v-40b9e6b8]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.VcBanner .text-container .banner-note[data-v-40b9e6b8]{font-size:var(--font-size-small2);font-weight:var(--font-weight-medium)}.VcBanner .cta-container .primary-cta[data-v-40b9e6b8]{line-height:var(--size-value12);font-weight:var(--font-weight-large2);margin-inline-end:var(--size-value6)}.VcBanner .cta-container .secondary-cta[data-v-40b9e6b8]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);flex:0 0 100%}@media screen and (min-width:600px){.VcBanner .cta-container .secondary-cta[data-v-40b9e6b8]{flex:none}}.VcBanner .close-button[data-v-40b9e6b8]{position:absolute;width:var(--size-value3);height:var(--size-value3);right:var(--size-value4)}#app[dir=rtl] .VcBanner .close-button[data-v-40b9e6b8]{right:auto;left:var(--size-value4)}.VcBanner .close-button[data-v-40b9e6b8]  .v-btn__content{opacity:unset}.VcBanner .close-button[data-v-40b9e6b8]  .v-icon{margin-right:var(--size-value0)}.VcBanner .close-button[data-v-40b9e6b8]  .v-icon svg{fill:var(--gray-darken-2)}",
     map: undefined,
     media: undefined
   });
@@ -9444,7 +9470,7 @@ const __vue_inject_styles__$19 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$19 = "data-v-5613040c";
+const __vue_scope_id__$19 = "data-v-40b9e6b8";
 /* module identifier */
 
 const __vue_module_identifier__$19 = undefined;
@@ -25103,7 +25129,7 @@ var VcHeaderSort = __vue_component__$s;
 var script$j = {
   name: 'VcColumnHeader',
   components: {
-    VcHeaderDropdown: () => import('./VcHeaderDropdown-7a57496b.js'),
+    VcHeaderDropdown: () => import('./VcHeaderDropdown-a8c6a0e7.js'),
     VcHeaderSort,
     VcIcon,
     VcLayout,
@@ -25157,6 +25183,15 @@ var script$j = {
     dataQa: {
       type: String,
       default: 'VcColumnHeader'
+    },
+
+    /**
+     * ID of the currently selected option in the dropdown
+     * Used to highlight the selected item in the dropdown
+     */
+    selectedOptionId: {
+      type: String,
+      default: ''
     }
   },
   data: () => ({
@@ -25233,6 +25268,7 @@ var __vue_render__$i = function () {
   }, [_c('VcHeaderDropdown', {
     attrs: {
       "options": _vm.sortOptions,
+      "selected-option-id": _vm.selectedOptionId,
       "data-qa": _vm.dataQa + "-sort-options-dropdown",
       "aria-label": "Show sort options"
     },
@@ -25270,8 +25306,8 @@ var __vue_staticRenderFns__$i = [];
 
 const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
-  inject("data-v-2d0ba375_0", {
-    source: ".VcColumnHeader[data-v-2d0ba375]{height:var(--size-value9);padding:0 var(--size-value4);color:var(--gray-darken-5);font-size:10px;font-weight:var(--font-weight-large);background-color:var(--gray-lighten-4);border-bottom:var(--gray-lighten-2) solid 1px}.VcColumnHeader--text[data-v-2d0ba375]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcColumnHeader--dropdown[data-v-2d0ba375]{margin-inline-start:var(--size-value2)}.VcColumnHeader--sortable[data-v-2d0ba375]:hover{cursor:pointer}.VcColumnHeader--sortable[data-v-2d0ba375]{flex-grow:0;margin-inline-start:auto}",
+  inject("data-v-7b2d03ab_0", {
+    source: ".VcColumnHeader[data-v-7b2d03ab]{height:var(--size-value9);padding:0 var(--size-value4);color:var(--gray-darken-5);font-size:10px;font-weight:var(--font-weight-large);background-color:var(--gray-lighten-4);border-bottom:var(--gray-lighten-2) solid 1px}.VcColumnHeader--text[data-v-7b2d03ab]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcColumnHeader--dropdown[data-v-7b2d03ab]{margin-inline-start:var(--size-value2)}.VcColumnHeader--sortable[data-v-7b2d03ab]:hover{cursor:pointer}.VcColumnHeader--sortable[data-v-7b2d03ab]{flex-grow:0;margin-inline-start:auto}",
     map: undefined,
     media: undefined
   });
@@ -25279,7 +25315,7 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-2d0ba375";
+const __vue_scope_id__$j = "data-v-7b2d03ab";
 /* module identifier */
 
 const __vue_module_identifier__$j = undefined;
@@ -25501,7 +25537,7 @@ var VcTableFooter = __vue_component__$q;
 var script$h = {
   name: 'VcCheckboxColumnHeader',
   components: {
-    VcHeaderDropdown: () => import('./VcHeaderDropdown-7a57496b.js'),
+    VcHeaderDropdown: () => import('./VcHeaderDropdown-a8c6a0e7.js'),
     VcCheckbox,
     VcLayout,
     VcLoader
@@ -26123,6 +26159,15 @@ var script$e = {
     clickableRow: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * Array of { header: String, id: String } objects
+     * Used to highlight the selected item in header sort dropdowns
+     */
+    selectedOptions: {
+      type: Array,
+      default: () => []
     }
   },
   data: () => ({
@@ -26202,6 +26247,11 @@ var script$e = {
 
     itemClass(item) {
       return `data-table-row ${item.checkbox ? 'selected' : ''}`;
+    },
+
+    getSelectedOptionForHeader(headerValue) {
+      const selectedOption = this.selectedOptions.find(option => option.header === headerValue);
+      return selectedOption ? selectedOption.id : '';
     }
 
   }
@@ -26346,6 +26396,7 @@ var __vue_render__$d = function () {
             staticClass: "VcDataTable--header",
             attrs: {
               "is-loading": _vm.isLoading,
+              "selected-option-id": _vm.getSelectedOptionForHeader(headerData.value),
               "data-qa": _vm.dataQa + "-header-" + header.value
             },
             on: {
@@ -26494,8 +26545,8 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-b38e663c_0", {
-    source: ".VcDataTable--wrapper[data-v-b38e663c]{display:flex;flex-direction:column;max-height:100%}.VcDataTable--wrapper.empty[data-v-b38e663c]  table{height:100%}.VcDataTable[data-v-b38e663c]{height:100%;display:flex;flex-direction:column;overflow:hidden}.VcDataTable.isScrolling[data-v-b38e663c]  table tbody td.sticky,.VcDataTable.isScrolling[data-v-b38e663c]  table thead th.sticky{box-shadow:var(--table-sticky-column-shadow)}.VcDataTable.clickableRow[data-v-b38e663c]  .data-table-row{cursor:pointer}.VcDataTable--actionBar[data-v-b38e663c]{padding:var(--size-value3) var(--size-value5);margin-bottom:var(--size-value3)}.VcDataTable--actionBarMobile[data-v-b38e663c]{padding:var(--size-value5);border-bottom:1px solid var(--gray-lighten-1)}.VcDataTable--header[data-v-b38e663c]{border-inline-end:var(--gray-lighten-2) solid 1px}.VcDataTable[data-v-b38e663c]  table{table-layout:auto}.VcDataTable[data-v-b38e663c]  thead{position:sticky;top:0;z-index:2}.VcDataTable[data-v-b38e663c]  table thead th.scroll-indicator{position:absolute;height:100vh!important}.VcDataTable[data-v-b38e663c]  table thead th.table-filler{min-width:0;background-color:var(--gray-lighten-4)}.VcDataTable[data-v-b38e663c]  table thead th.sticky{position:sticky;z-index:3}.VcDataTable[data-v-b38e663c]  table thead th:nth-child(2){left:0}.VcDataTable[data-v-b38e663c]  table tbody td.sticky:nth-child(3),.VcDataTable[data-v-b38e663c]  table thead th.sticky:nth-child(3){left:49px}.VcDataTable[data-v-b38e663c]  table tbody tr td{border-bottom:thin solid var(--gray-lighten-2)!important}.VcDataTable[data-v-b38e663c]  table tbody td.sticky,.VcDataTable[data-v-b38e663c]  table thead th.sticky{box-shadow:0 0 0 transparent;transition:box-shadow .1s ease-in-out}.VcDataTable[data-v-b38e663c]  table tbody td.sticky{position:sticky;background:#fff;z-index:1}.VcDataTable[data-v-b38e663c]  table tbody tr.selected:not(:hover) td.sticky:before{content:\"\";position:absolute;height:100%;width:100%;background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-b38e663c]  table tbody tr.selected:not(:hover) td:not(.sticky){background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-b38e663c]  table tbody tr:not(.v-data-table__empty-wrapper):hover td{background:var(--gray-lighten-3)}.VcDataTable[data-v-b38e663c]  table tbody td.sticky:nth-child(2){left:0}.VcDataTable[data-v-b38e663c]  table tbody td:first-child{width:0;max-width:0}.VcDataTable[data-v-b38e663c]  tfoot{position:sticky;bottom:0;z-index:2}.VcDataTable[data-v-b38e663c]  .v-data-table__wrapper>table>thead>tr>th{padding:0;height:auto}.VcDataTable[data-v-b38e663c]  .v-data-table__wrapper>table>tbody>tr>td{padding:0}.VcDataTable[data-v-b38e663c]  .v-data-table-header__icon{display:none}.VcDataTable[data-v-b38e663c]  .VcDataTable--footer{min-height:48px}.VcDataTable[data-v-b38e663c]  .v-data-table__wrapper{flex:1}.VcDataTable--emptyState[data-v-b38e663c]{position:sticky;width:160px;overflow-x:visible;white-space:nowrap;align-items:center}.VcDataTable--emptyState.directionLeft[data-v-b38e663c]{left:calc(-80px + min(50cqw,50%))}.VcDataTable--emptyState.directionRight[data-v-b38e663c]{right:calc(-80px + min(50cqw,50%))}.VcDataTable .footer-slot[data-v-b38e663c],.VcDataTable .header-slot[data-v-b38e663c]{flex:0}",
+  inject("data-v-0ca8dd6b_0", {
+    source: ".VcDataTable--wrapper[data-v-0ca8dd6b]{display:flex;flex-direction:column;max-height:100%}.VcDataTable--wrapper.empty[data-v-0ca8dd6b]  table{height:100%}.VcDataTable[data-v-0ca8dd6b]{height:100%;display:flex;flex-direction:column;overflow:hidden}.VcDataTable.isScrolling[data-v-0ca8dd6b]  table tbody td.sticky,.VcDataTable.isScrolling[data-v-0ca8dd6b]  table thead th.sticky{box-shadow:var(--table-sticky-column-shadow)}.VcDataTable.clickableRow[data-v-0ca8dd6b]  .data-table-row{cursor:pointer}.VcDataTable--actionBar[data-v-0ca8dd6b]{padding:var(--size-value3) var(--size-value5);margin-bottom:var(--size-value3)}.VcDataTable--actionBarMobile[data-v-0ca8dd6b]{padding:var(--size-value5);border-bottom:1px solid var(--gray-lighten-1)}.VcDataTable--header[data-v-0ca8dd6b]{border-inline-end:var(--gray-lighten-2) solid 1px}.VcDataTable[data-v-0ca8dd6b]  table{table-layout:auto}.VcDataTable[data-v-0ca8dd6b]  thead{position:sticky;top:0;z-index:2}.VcDataTable[data-v-0ca8dd6b]  table thead th.scroll-indicator{position:absolute;height:100vh!important}.VcDataTable[data-v-0ca8dd6b]  table thead th.table-filler{min-width:0;background-color:var(--gray-lighten-4)}.VcDataTable[data-v-0ca8dd6b]  table thead th.sticky{position:sticky;z-index:3}.VcDataTable[data-v-0ca8dd6b]  table thead th:nth-child(2){left:0}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky:nth-child(3),.VcDataTable[data-v-0ca8dd6b]  table thead th.sticky:nth-child(3){left:49px}.VcDataTable[data-v-0ca8dd6b]  table tbody tr td{border-bottom:thin solid var(--gray-lighten-2)!important}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky,.VcDataTable[data-v-0ca8dd6b]  table thead th.sticky{box-shadow:0 0 0 transparent;transition:box-shadow .1s ease-in-out}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky{position:sticky;background:#fff;z-index:1}.VcDataTable[data-v-0ca8dd6b]  table tbody tr.selected:not(:hover) td.sticky:before{content:\"\";position:absolute;height:100%;width:100%;background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-0ca8dd6b]  table tbody tr.selected:not(:hover) td:not(.sticky){background-color:var(--v-secondary-base-opacity-8)}.VcDataTable[data-v-0ca8dd6b]  table tbody tr:not(.v-data-table__empty-wrapper):hover td{background:var(--gray-lighten-3)}.VcDataTable[data-v-0ca8dd6b]  table tbody td.sticky:nth-child(2){left:0}.VcDataTable[data-v-0ca8dd6b]  table tbody td:first-child{width:0;max-width:0}.VcDataTable[data-v-0ca8dd6b]  tfoot{position:sticky;bottom:0;z-index:2}.VcDataTable[data-v-0ca8dd6b]  .v-data-table__wrapper>table>thead>tr>th{padding:0;height:auto}.VcDataTable[data-v-0ca8dd6b]  .v-data-table__wrapper>table>tbody>tr>td{padding:0}.VcDataTable[data-v-0ca8dd6b]  .v-data-table-header__icon{display:none}.VcDataTable[data-v-0ca8dd6b]  .VcDataTable--footer{min-height:48px}.VcDataTable[data-v-0ca8dd6b]  .v-data-table__wrapper{flex:1}.VcDataTable--emptyState[data-v-0ca8dd6b]{position:sticky;width:160px;overflow-x:visible;white-space:nowrap;align-items:center}.VcDataTable--emptyState.directionLeft[data-v-0ca8dd6b]{left:calc(-80px + min(50cqw,50%))}.VcDataTable--emptyState.directionRight[data-v-0ca8dd6b]{right:calc(-80px + min(50cqw,50%))}.VcDataTable .footer-slot[data-v-0ca8dd6b],.VcDataTable .header-slot[data-v-0ca8dd6b]{flex:0}",
     map: undefined,
     media: undefined
   });
@@ -26503,7 +26554,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-b38e663c";
+const __vue_scope_id__$e = "data-v-0ca8dd6b";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
@@ -26824,7 +26875,7 @@ var script$a = {
   components: {
     ErrorWithServer,
     VcLoader,
-    VuePdfEmbed: () => import('./vue2-pdf-embed-3c69c8a5.js').then(function (n) { return n.v; }),
+    VuePdfEmbed: () => import('./vue2-pdf-embed-8e734454.js').then(function (n) { return n.v; }),
     DocPreview,
     UnsupportedFile,
     VcIcon
@@ -29152,7 +29203,7 @@ const install = function installdesignSystem(Vue, options) {
       loadFunc(componentName, component);
     });
   } else {
-    import('./index-f5e8491d.js').then(module => {
+    import('./index-36f9e56d.js').then(module => {
       Object.entries(module).forEach(async ([componentName, component]) => {
         if (typeof component === 'function') {
           // eslint-disable-next-line no-undef