@visitscotland/component-library 4.23.0 → 4.24.0

package/dist/components/vs-component-library.mjs

@@ -1,7 +1,7 @@
 var gm = Object.defineProperty;
 var _m = (e, n, t) => n in e ? gm(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var sn = (e, n, t) => _m(e, typeof n != "symbol" ? n + "" : n, t);
-import { openBlock, createElementBlock, renderSlot, mergeProps, ref as ref$1, resolveComponent, createBlock, withKeys, withCtx, normalizeClass, createCommentVNode, createElementVNode, resolveDynamicComponent, inject, createVNode, normalizeStyle, withDirectives, vShow, normalizeProps, guardReactiveProps, toDisplayString, onMounted, onUnmounted, createTextVNode, unref, Fragment, renderList, resolveDirective, withModifiers, createSlots, getCurrentInstance, defineComponent, computed as computed$1, watch, reactive, provide, onBeforeMount, isRef, onBeforeUnmount, isReactive, isReadonly, nextTick, isVNode, toRef, markRaw, createStaticVNode, h, mergeModels, useModel, toHandlers, vModelText } from "vue";
+import { openBlock, createElementBlock, renderSlot, mergeProps, ref as ref$1, resolveComponent, createBlock, withKeys, withCtx, normalizeClass, createCommentVNode, createElementVNode, resolveDynamicComponent, inject, createVNode, normalizeStyle, withDirectives, vShow, normalizeProps, guardReactiveProps, toDisplayString, onMounted, onUnmounted, createTextVNode, Fragment, renderList, resolveDirective, withModifiers, createSlots, getCurrentInstance, defineComponent, computed as computed$1, watch, reactive, provide, onBeforeMount, isRef, onBeforeUnmount, unref, isReactive, isReadonly, nextTick, isVNode, toRef, markRaw, createStaticVNode, h, mergeModels, useModel, toHandlers, vModelText } from "vue";
 import { BButton, BCard, BCardHeader, BCardBody, BCol, BContainer, BBadge, BBreadcrumb, BBreadcrumbItem, BFormGroup, BFormRadioGroup, BFormRadio, BImg, vBTooltip, BProgress, BProgressBar, BFormInput, BFormCheckbox, BDropdown, BDropdownItem, BFormSelect, BFormTextarea, BModal, BTableSimple, BThead, BTh, BTbody, BTr, BTd, BTfoot, BPopover, BTabs, BTab } from "bootstrap-vue-next";
 import { defineStore, mapState } from "pinia";
 const _export_sfc = (e, n) => {
@@ -32,16 +32,16 @@ const _export_sfc = (e, n) => {
       validator: (e) => e.match(/(xs|sm|md|lg|xl|xxl)/)
     }
   }
-}, _hoisted_1$1R = {
+}, _hoisted_1$1Q = {
   class: "vs-accordion",
   "data-test": "vs-accordion"
 };
-function _sfc_render$2g(e, n, t, a, r, o) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1R, [
+function _sfc_render$2h(e, n, t, a, r, o) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1Q, [
     renderSlot(e.$slots, "default")
   ]);
 }
-const VsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2g]]), _sfc_main$2t = {
+const VsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2h]]), _sfc_main$2t = {
   name: "VsIcon",
   status: "prototype",
   release: "0.1.0",
@@ -249,7 +249,7 @@ const VsAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_r
     }
   }
 };
-function _sfc_render$2f(e, n, t, a, r, o) {
+function _sfc_render$2g(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("i", mergeProps({
     class: {
       fak: !0,
@@ -265,7 +265,7 @@ function _sfc_render$2f(e, n, t, a, r, o) {
     style: [t.customColour ? { color: t.customColour } : {}]
   }, e.$attrs, { "data-test": "vs-icon" }), null, 16);
 }
-const VsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2f]]), useDataLayerStore = defineStore("datalayer", () => {
+const VsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render$2g]]), useDataLayerStore = defineStore("datalayer", () => {
   const e = ref$1(""), n = ref$1(!1), t = ref$1({});
   function a(c) {
     n.value = c;
@@ -1009,7 +1009,7 @@ const VsIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["render", _sfc_render
     }
   }
 };
-function _sfc_render$2e(e, n, t, a, r, o) {
+function _sfc_render$2f(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon"), c = resolveComponent("BButton");
   return openBlock(), createBlock(c, mergeProps({
     variant: t.variant,
@@ -1039,7 +1039,7 @@ function _sfc_render$2e(e, n, t, a, r, o) {
     _: 3
   }, 16, ["variant", "href", "tabindex", "class", "size", "aria-disabled", "onKeyup"]);
 }
-const VsButton = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2e]]), _sfc_main$2r = {
+const VsButton = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_render$2f]]), _sfc_main$2r = {
   name: "VsAccordionToggle",
   status: "prototype",
   release: "0.0.1",
@@ -1068,8 +1068,8 @@ const VsButton = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["render", _sfc_rend
       this.$emit("toggle-panel");
     }
   }
-}, _hoisted_1$1Q = { class: "vs-accordion-toggle__text" }, _hoisted_2$1h = { class: "vs-accordion-toggle__icon" };
-function _sfc_render$2d(e, n, t, a, r, o) {
+}, _hoisted_1$1P = { class: "vs-accordion-toggle__text" }, _hoisted_2$1h = { class: "vs-accordion-toggle__icon" };
+function _sfc_render$2e(e, n, t, a, r, o) {
   const l = resolveComponent("VsButton");
   return openBlock(), createBlock(l, {
     animate: !1,
@@ -1081,7 +1081,7 @@ function _sfc_render$2d(e, n, t, a, r, o) {
     rounded: !1
   }, {
     default: withCtx(() => [
-      createElementVNode("span", _hoisted_1$1Q, [
+      createElementVNode("span", _hoisted_1$1P, [
         renderSlot(e.$slots, "default")
       ]),
       createElementVNode("span", _hoisted_2$1h, [
@@ -1091,7 +1091,7 @@ function _sfc_render$2d(e, n, t, a, r, o) {
     _: 3
   }, 8, ["aria-expanded", "onClick", "class", "variant"]);
 }
-const VsAccordionToggle = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2d]]);
+const VsAccordionToggle = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["render", _sfc_render$2e]]);
 var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function getDefaultExportFromCjs$1(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -4861,7 +4861,7 @@ const _sfc_main$2q = {
     }
   }
 };
-function _sfc_render$2c(e, n, t, a, r, o) {
+function _sfc_render$2d(e, n, t, a, r, o) {
   return openBlock(), createBlock(resolveDynamicComponent(o.type), {
     class: normalizeClass(["vs-heading", o.headingClasses]),
     id: t.id
@@ -4878,7 +4878,7 @@ function _sfc_render$2c(e, n, t, a, r, o) {
     _: 3
   }, 8, ["class", "id"]);
 }
-const VsHeading = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2c]]), _sfc_main$2p = {
+const VsHeading = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_render$2d]]), _sfc_main$2p = {
   name: "VsAccordionItem",
   status: "prototype",
   release: "0.0.1",
@@ -4975,7 +4975,7 @@ const VsHeading = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["render", _sfc_ren
     }
   }
 };
-function _sfc_render$2b(e, n, t, a, r, o) {
+function _sfc_render$2c(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon"), c = resolveComponent("VsAccordionToggle"), d = resolveComponent("VsHeading"), p = resolveComponent("BCardHeader"), f = resolveComponent("BCardBody"), m = resolveComponent("BCard");
   return openBlock(), createBlock(m, {
     "no-body": "",
@@ -5054,20 +5054,20 @@ function _sfc_render$2b(e, n, t, a, r, o) {
     _: 3
   }, 8, ["class"]);
 }
-const VsAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2b]]), _sfc_main$2o = {
+const VsAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["render", _sfc_render$2c]]), _sfc_main$2o = {
   name: "VsAddress",
   status: "prototype",
   release: "0.1.0",
   components: {
     VsIcon
   }
-}, _hoisted_1$1P = {
+}, _hoisted_1$1O = {
   class: "vs-address",
   "data-test": "vs-address"
 }, _hoisted_2$1g = { class: "vs-address__address-box" };
-function _sfc_render$2a(e, n, t, a, r, o) {
+function _sfc_render$2b(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon");
-  return openBlock(), createElementBlock("div", _hoisted_1$1P, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1O, [
     createVNode(l, {
       name: "map-marker",
       class: "vs-address__map-marker me-050"
@@ -5077,20 +5077,20 @@ function _sfc_render$2a(e, n, t, a, r, o) {
     ])
   ]);
 }
-const Address = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2a]]), _sfc_main$2n = {
+const Address = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$2b]]), _sfc_main$2n = {
   name: "VsAlert",
   status: "prototype",
   release: "0.1.0",
   components: {
     VsIcon
   }
-}, _hoisted_1$1O = {
+}, _hoisted_1$1N = {
   class: "vs-alert",
   "data-test": "vs-alert"
-}, _hoisted_2$1f = { class: "vs-alert__icon-holder" }, _hoisted_3$Z = { class: "vs-alert__content-wrapper" }, _hoisted_4$I = { class: "vs-alert__content" };
-function _sfc_render$29(e, n, t, a, r, o) {
+}, _hoisted_2$1f = { class: "vs-alert__icon-holder" }, _hoisted_3$_ = { class: "vs-alert__content-wrapper" }, _hoisted_4$I = { class: "vs-alert__content" };
+function _sfc_render$2a(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon");
-  return openBlock(), createElementBlock("div", _hoisted_1$1O, [
+  return openBlock(), createElementBlock("div", _hoisted_1$1N, [
     createElementVNode("div", _hoisted_2$1f, [
       createVNode(l, {
         class: "vs-alert__icon",
@@ -5098,14 +5098,14 @@ function _sfc_render$29(e, n, t, a, r, o) {
         variant: "inverse"
       })
     ]),
-    createElementVNode("div", _hoisted_3$Z, [
+    createElementVNode("div", _hoisted_3$_, [
       createElementVNode("div", _hoisted_4$I, [
         renderSlot(e.$slots, "default")
       ])
     ])
   ]);
 }
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$29]]), _sfc_main$2m = {
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$2a]]), _sfc_main$2m = {
   name: "VsCol",
   status: "prototype",
   release: "0.1.0",
@@ -5113,7 +5113,7 @@ const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["render", _sfc_render$
     BCol
   }
 };
-function _sfc_render$28(e, n, t, a, r, o) {
+function _sfc_render$29(e, n, t, a, r, o) {
   const l = resolveComponent("BCol");
   return openBlock(), createBlock(l, normalizeProps(guardReactiveProps(e.$attrs)), {
     default: withCtx(() => [
@@ -5122,17 +5122,17 @@ function _sfc_render$28(e, n, t, a, r, o) {
     _: 3
   }, 16);
 }
-const VsCol = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$28]]), _sfc_main$2l = {
+const VsCol = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["render", _sfc_render$29]]), _sfc_main$2l = {
   name: "VsRow",
   status: "prototype",
   release: "0.0.1"
 };
-function _sfc_render$27(e, n, t, a, r, o) {
+function _sfc_render$28(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", mergeProps({ class: "row" }, e.$attrs), [
     renderSlot(e.$slots, "default")
   ], 16);
 }
-const VsRow = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$27]]), _sfc_main$2k = {
+const VsRow = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$28]]), _sfc_main$2k = {
   name: "VsContainer",
   status: "prototype",
   release: "0.1.0",
@@ -5140,7 +5140,7 @@ const VsRow = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["render", _sfc_render$
     BContainer
   }
 };
-function _sfc_render$26(e, n, t, a, r, o) {
+function _sfc_render$27(e, n, t, a, r, o) {
   const l = resolveComponent("BContainer");
   return openBlock(), createBlock(l, mergeProps({ tag: "div" }, e.$attrs), {
     default: withCtx(() => [
@@ -5149,7 +5149,7 @@ function _sfc_render$26(e, n, t, a, r, o) {
     _: 3
   }, 16);
 }
-const VsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$26]]), _sfc_main$2j = {
+const VsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_render$27]]), _sfc_main$2j = {
   name: "VsRichTextWrapper",
   status: "prototype",
   release: "0.0.1",
@@ -5165,7 +5165,7 @@ const VsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["render", _sfc_r
     }
   }
 };
-function _sfc_render$25(e, n, t, a, r, o) {
+function _sfc_render$26(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["vs-rich-text-wrapper", [
       `vs-rich-text-wrapper--${t.variant}`
@@ -5174,7 +5174,7 @@ function _sfc_render$25(e, n, t, a, r, o) {
     renderSlot(e.$slots, "default")
   ], 2);
 }
-const VsRichTextWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$25]]), _sfc_main$2i = {
+const VsRichTextWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render", _sfc_render$26]]), _sfc_main$2i = {
   name: "VsArticle",
   status: "prototype",
   release: "0.0.1",
@@ -5231,8 +5231,8 @@ const VsRichTextWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["render",
       )
     }
   }
-}, _hoisted_1$1N = ["id"], _hoisted_2$1e = { class: "vs-article__content" };
-function _sfc_render$24(e, n, t, a, r, o) {
+}, _hoisted_1$1M = ["id"], _hoisted_2$1e = { class: "vs-article__content" };
+function _sfc_render$25(e, n, t, a, r, o) {
   const l = resolveComponent("VsHeading"), c = resolveComponent("VsRichTextWrapper"), d = resolveComponent("VsCol"), p = resolveComponent("VsRow"), f = resolveComponent("VsContainer");
   return openBlock(), createElementBlock("article", mergeProps({
     class: "vs-article",
@@ -5270,7 +5270,7 @@ function _sfc_render$24(e, n, t, a, r, o) {
                               default: withCtx(() => [
                                 createElementVNode("span", {
                                   id: t.anchorLink ? t.anchorLink : ""
-                                }, toDisplayString(t.title), 9, _hoisted_1$1N)
+                                }, toDisplayString(t.title), 9, _hoisted_1$1M)
                               ]),
                               _: 1
                             }, 8, ["level", "heading-style", "class"]),
@@ -5316,7 +5316,7 @@ function _sfc_render$24(e, n, t, a, r, o) {
     })
   ], 16);
 }
-const Article = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$24]]), _sfc_main$2h = {
+const Article = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_render$25]]), _sfc_main$2h = {
   name: "VsArticleSection",
   status: "prototype",
   release: "0.0.1",
@@ -5348,7 +5348,7 @@ const Article = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["render", _sfc_rende
     }
   }
 };
-function _sfc_render$23(e, n, t, a, r, o) {
+function _sfc_render$24(e, n, t, a, r, o) {
   const l = resolveComponent("VsCol"), c = resolveComponent("VsRichTextWrapper"), d = resolveComponent("VsRow");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["vs-article-section mb-200 mb-md-400", o.sidebarAlignClass]),
@@ -5397,7 +5397,7 @@ function _sfc_render$23(e, n, t, a, r, o) {
     })
   ], 2);
 }
-const ArticleSection = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$23]]), _sfc_main$2g = {
+const ArticleSection = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$24]]), _sfc_main$2g = {
   name: "VsArticleSidebar",
   status: "prototype",
   release: "0.0.1",
@@ -5417,7 +5417,7 @@ const ArticleSection = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sf
     }
   }
 };
-function _sfc_render$22(e, n, t, a, r, o) {
+function _sfc_render$23(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["vs-article-sidebar", o.sidebarAlignClass]),
     "data-test": "vs-article-sidebar"
@@ -5436,7 +5436,7 @@ function _sfc_render$22(e, n, t, a, r, o) {
     ], 2)) : createCommentVNode("", !0)
   ], 2);
 }
-const ArticleSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$22]]), _hoisted_1$1M = {
+const ArticleSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$23]]), _hoisted_1$1L = {
   class: "vs-back-to-top",
   "data-test": "vs-back-to-top"
 }, _sfc_main$2f = {
@@ -5472,7 +5472,7 @@ const ArticleSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sf
       window.addEventListener("scroll", a);
     }), onUnmounted(() => {
       window.removeEventListener("scroll", a);
-    }), (o, l) => (openBlock(), createElementBlock("div", _hoisted_1$1M, [
+    }), (o, l) => (openBlock(), createElementBlock("div", _hoisted_1$1L, [
       t.value ? (openBlock(), createBlock(VsButton, {
         key: 0,
         icon: "arrow-up",
@@ -5487,22 +5487,48 @@ const ArticleSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sf
       })) : createCommentVNode("", !0)
     ]));
   }
-}, _hoisted_1$1L = {
-  class: "vs-badge",
-  "data-test": "vs-badge"
 }, _sfc_main$2e = {
-  __name: "VsBadge",
-  setup(e) {
-    return (n, t) => (openBlock(), createElementBlock("div", _hoisted_1$1L, [
-      createVNode(unref(BBadge), null, {
-        default: withCtx(() => [
-          renderSlot(n.$slots, "default")
-        ]),
-        _: 3
-      })
-    ]));
+  name: "VsBadge",
+  status: "prototype",
+  release: "0.0.1",
+  components: {
+    BBadge
+  },
+  props: {
+    /**
+    * Variant of the badge
+    * @values default, subtle
+    */
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => e.match(/(default|subtle)/)
+    }
+  },
+  computed: {
+    badgeClasses() {
+      return [
+        `vs-badge--${this.variant}`,
+        "vs-badge"
+      ];
+    }
   }
-}, cookieMixin = {
+};
+function _sfc_render$22(e, n, t, a, r, o) {
+  const l = resolveComponent("BBadge");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(o.badgeClasses),
+    "data-test": "vs-badge"
+  }, [
+    createVNode(l, null, {
+      default: withCtx(() => [
+        renderSlot(e.$slots, "default")
+      ]),
+      _: 3
+    })
+  ], 2);
+}
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$22]]), cookieMixin = {
   computed: {
     selectedLanguage() {
       return this.language.substr(0, 2).toUpperCase();
@@ -5710,7 +5736,7 @@ const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render
 }, _hoisted_2$1c = {
   key: 0,
   class: "vs-blog-details__author vs-blog-details--highlight"
-}, _hoisted_3$Y = {
+}, _hoisted_3$Z = {
   key: 0,
   class: "vs-blog-details__date"
 };
@@ -5728,7 +5754,7 @@ function _sfc_render$20(e, n, t, a, r, o) {
         class: "align-text-top me-050"
       }, null, 8, ["variant"]),
       createTextVNode(toDisplayString(t.blogReadTime) + " ", 1),
-      t.blogPublishDate ? (openBlock(), createElementBlock("span", _hoisted_3$Y, [
+      t.blogPublishDate ? (openBlock(), createElementBlock("span", _hoisted_3$Z, [
         n[0] || (n[0] = createElementVNode("span", { class: "vs-blog-details__divider" }, "•", -1)),
         createTextVNode(" " + toDisplayString(t.blogPublishDate), 1)
       ])) : createCommentVNode("", !0)
@@ -6299,7 +6325,7 @@ const VsLink = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render
       return this.visibleSlides.indexOf(e) >= 0;
     }
   }
-}, _hoisted_1$1G = { class: "vs-product-card__image-container" }, _hoisted_2$1b = { class: "vs-product-card__image-inner-container" }, _hoisted_3$X = { class: "vs-product-card__description" }, _hoisted_4$H = {
+}, _hoisted_1$1G = { class: "vs-product-card__image-container" }, _hoisted_2$1b = { class: "vs-product-card__image-inner-container" }, _hoisted_3$Y = { class: "vs-product-card__description" }, _hoisted_4$H = {
   key: 0,
   class: "vs-product-card__description-inner"
 }, _hoisted_5$w = { class: "visually-hidden" }, _hoisted_6$k = {
@@ -6363,7 +6389,7 @@ function _sfc_render$1W(e, n, t, a, r, o) {
             renderSlot(e.$slots, "vs-canned-search-sub-heading"),
             renderSlot(e.$slots, "vs-canned-search-star-rating"),
             renderSlot(e.$slots, "vs-canned-search-categories"),
-            createElementVNode("div", _hoisted_3$X, [
+            createElementVNode("div", _hoisted_3$Y, [
               renderSlot(e.$slots, "vs-canned-search-tour-info"),
               t.description ? (openBlock(), createElementBlock("p", _hoisted_4$H, toDisplayString(t.description), 1)) : createCommentVNode("", !0),
               createVNode(c, {
@@ -6414,13 +6440,13 @@ const VsCannedSearchProductCard = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["r
 }, _hoisted_1$1F = {
   class: "vs-canned-search-stars",
   "data-test": "vs-canned-search-stars"
-}, _hoisted_2$1a = { key: 0 }, _hoisted_3$W = { key: 1 };
+}, _hoisted_2$1a = { key: 0 }, _hoisted_3$X = { key: 1 };
 function _sfc_render$1V(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", _hoisted_1$1F, [
     t.min && t.max && t.min !== t.max ? (openBlock(), createElementBlock("div", _hoisted_2$1a, [
       n[0] || (n[0] = createElementVNode("span", { class: "vs-canned-search-stars__star" }, " ★ ", -1)),
       createTextVNode(" " + toDisplayString(t.min) + "-" + toDisplayString(t.max), 1)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_3$W, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_3$X, [
       (openBlock(!0), createElementBlock(Fragment, null, renderList(t.min, (l) => (openBlock(), createElementBlock("span", {
         key: l,
         class: "vs-canned-search-stars__star"
@@ -6656,7 +6682,7 @@ const VsCannedSearchCategories = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["re
 }, _hoisted_1$1C = { class: "vs-canned-search-price" }, _hoisted_2$19 = {
   key: 0,
   class: "vs-canned-search-price__intro"
-}, _hoisted_3$V = {
+}, _hoisted_3$W = {
   key: 1,
   class: "vs-canned-search-price__main"
 }, _hoisted_4$G = {
@@ -6666,7 +6692,7 @@ const VsCannedSearchCategories = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["re
 function _sfc_render$1R(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", _hoisted_1$1C, [
     t.priceIntro ? (openBlock(), createElementBlock("div", _hoisted_2$19, toDisplayString(t.priceIntro), 1)) : createCommentVNode("", !0),
-    t.price ? (openBlock(), createElementBlock("div", _hoisted_3$V, toDisplayString(t.price), 1)) : createCommentVNode("", !0),
+    t.price ? (openBlock(), createElementBlock("div", _hoisted_3$W, toDisplayString(t.price), 1)) : createCommentVNode("", !0),
     t.priceOutro ? (openBlock(), createElementBlock("div", _hoisted_4$G, toDisplayString(t.priceOutro), 1)) : createCommentVNode("", !0)
   ]);
 }
@@ -6693,14 +6719,14 @@ const VsCannedSearchPrice = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render"
 }, _hoisted_1$1B = { class: "vs-canned-search-duration" }, _hoisted_2$18 = {
   key: 0,
   class: "vs-canned-search-duration__intro"
-}, _hoisted_3$U = {
+}, _hoisted_3$V = {
   key: 1,
   class: "vs-canned-search-duration__main"
 };
 function _sfc_render$1Q(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", _hoisted_1$1B, [
     t.durationIntro ? (openBlock(), createElementBlock("div", _hoisted_2$18, toDisplayString(t.durationIntro), 1)) : createCommentVNode("", !0),
-    t.duration ? (openBlock(), createElementBlock("div", _hoisted_3$U, toDisplayString(t.duration), 1)) : createCommentVNode("", !0)
+    t.duration ? (openBlock(), createElementBlock("div", _hoisted_3$V, toDisplayString(t.duration), 1)) : createCommentVNode("", !0)
   ]);
 }
 const VsCannedSearchDuration = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1Q]]), _sfc_main$1$ = {
@@ -6843,11 +6869,11 @@ const VsCannedSearchSummaryBox = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["re
       return this.period && this.period.startDay ? this.period.endDay ? `${this.period.startDay} - ${this.period.endDay}` : this.period.startDay : "";
     }
   }
-}, _hoisted_1$1z = { class: "vs-canned-search-dates" }, _hoisted_2$16 = { class: "vs-canned-search-dates__intro" }, _hoisted_3$T = { class: "vs-canned-search-dates__main" };
+}, _hoisted_1$1z = { class: "vs-canned-search-dates" }, _hoisted_2$16 = { class: "vs-canned-search-dates__intro" }, _hoisted_3$U = { class: "vs-canned-search-dates__main" };
 function _sfc_render$1O(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", _hoisted_1$1z, [
     createElementVNode("div", _hoisted_2$16, toDisplayString(t.label), 1),
-    createElementVNode("div", _hoisted_3$T, toDisplayString(o.datePeriod), 1)
+    createElementVNode("div", _hoisted_3$U, toDisplayString(o.datePeriod), 1)
   ]);
 }
 const VsCannedSearchDates = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1O]]), _sfc_main$1Z = {
@@ -6898,7 +6924,7 @@ const VsCannedSearchDates = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render"
 }, _hoisted_1$1y = { class: "vs-canned-search-badges" }, _hoisted_2$15 = {
   key: 0,
   class: "vs-canned-search-badges__badge vs-canned-search-badges__badge--category vs-canned-search-badges__badge--tr"
-}, _hoisted_3$S = {
+}, _hoisted_3$T = {
   key: 1,
   class: "vs-canned-search-badges__multi-badge-holder"
 }, _hoisted_4$F = {
@@ -6910,7 +6936,7 @@ const VsCannedSearchDates = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render"
 };
 function _sfc_render$1N(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("div", _hoisted_1$1y, [
-    t.badgeOne ? (openBlock(), createElementBlock("div", _hoisted_2$15, toDisplayString(t.badgeOne), 1)) : t.multiBadgeOne && t.multiBadgeOne.length ? (openBlock(), createElementBlock("div", _hoisted_3$S, [
+    t.badgeOne ? (openBlock(), createElementBlock("div", _hoisted_2$15, toDisplayString(t.badgeOne), 1)) : t.multiBadgeOne && t.multiBadgeOne.length ? (openBlock(), createElementBlock("div", _hoisted_3$T, [
       (openBlock(!0), createElementBlock(Fragment, null, renderList(o.limitedMulti, (l, c) => (openBlock(), createElementBlock("div", {
         key: c,
         class: "vs-canned-search-badges__badge vs-canned-search-badges__badge--category vs-canned-search-badges__multi-badge"
@@ -7235,7 +7261,7 @@ const VsCannedSearchTourDeparts = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["r
   class: "vs-carousel",
   "data-test": "vs-carousel",
   ref: "carousel"
-}, _hoisted_2$13 = { class: "slider" }, _hoisted_3$R = {
+}, _hoisted_2$13 = { class: "slider" }, _hoisted_3$S = {
   key: 2,
   class: "vs-carousel__navigation"
 }, _hoisted_4$E = ["onClick", "onKeypress", "data-test"], _hoisted_5$u = { class: "visually-hidden" }, _hoisted_6$j = {
@@ -7298,7 +7324,7 @@ function _sfc_render$1I(e, n, t, a, r, o) {
                     ]),
                     _: 1
                   }, 512)),
-                  r.totalSlides > o.slidesPerPage[r.currentWidth] ? (openBlock(), createElementBlock("ul", _hoisted_3$R, [
+                  r.totalSlides > o.slidesPerPage[r.currentWidth] ? (openBlock(), createElementBlock("ul", _hoisted_3$S, [
                     (openBlock(!0), createElementBlock(Fragment, null, renderList(r.maxPages, (f) => (openBlock(), createElementBlock("li", { key: f }, [
                       createElementVNode("button", {
                         type: "button",
@@ -10888,7 +10914,7 @@ const CannedSearch = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_
       return (t - e) * a / (n - e);
     }
   }
-}, _hoisted_1$1s = ["width", "height"], _hoisted_2$12 = ["stroke"], _hoisted_3$Q = ["stroke"], _hoisted_4$D = ["stroke"], _hoisted_5$t = ["stroke"], _hoisted_6$i = ["stroke"], _hoisted_7$d = ["stroke"], _hoisted_8$5 = ["stroke"], _hoisted_9$4 = ["stroke"], _hoisted_10$4 = ["stroke"], _hoisted_11$3 = ["stroke"], _hoisted_12$3 = ["stroke"], _hoisted_13$3 = ["stroke"], _hoisted_14$2 = ["stroke"], _hoisted_15$2 = ["stroke"], _hoisted_16$2 = ["stroke"], _hoisted_17$2 = ["stroke"], _hoisted_18$1 = ["stroke"], _hoisted_19$1 = ["stroke"], _hoisted_20$1 = ["stroke"], _hoisted_21 = ["stroke"], _hoisted_22 = ["stroke"], _hoisted_23 = ["stroke"], _hoisted_24 = ["stroke"], _hoisted_25 = ["stroke"], _hoisted_26 = ["stroke"], _hoisted_27 = ["stroke"], _hoisted_28 = ["stroke"], _hoisted_29 = ["stroke"], _hoisted_30 = ["stroke"], _hoisted_31 = ["stroke"], _hoisted_32 = ["width", "height"], _hoisted_33 = ["fill", "cx", "cy"];
+}, _hoisted_1$1s = ["width", "height"], _hoisted_2$12 = ["stroke"], _hoisted_3$R = ["stroke"], _hoisted_4$D = ["stroke"], _hoisted_5$t = ["stroke"], _hoisted_6$i = ["stroke"], _hoisted_7$d = ["stroke"], _hoisted_8$5 = ["stroke"], _hoisted_9$4 = ["stroke"], _hoisted_10$4 = ["stroke"], _hoisted_11$3 = ["stroke"], _hoisted_12$3 = ["stroke"], _hoisted_13$3 = ["stroke"], _hoisted_14$2 = ["stroke"], _hoisted_15$2 = ["stroke"], _hoisted_16$2 = ["stroke"], _hoisted_17$2 = ["stroke"], _hoisted_18$1 = ["stroke"], _hoisted_19$1 = ["stroke"], _hoisted_20$1 = ["stroke"], _hoisted_21 = ["stroke"], _hoisted_22 = ["stroke"], _hoisted_23 = ["stroke"], _hoisted_24 = ["stroke"], _hoisted_25 = ["stroke"], _hoisted_26 = ["stroke"], _hoisted_27 = ["stroke"], _hoisted_28 = ["stroke"], _hoisted_29 = ["stroke"], _hoisted_30 = ["stroke"], _hoisted_31 = ["stroke"], _hoisted_32 = ["width", "height"], _hoisted_33 = ["fill", "cx", "cy"];
 function _sfc_render$1F(e, n, t, a, r, o) {
   return openBlock(), createElementBlock("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10920,7 +10946,7 @@ function _sfc_render$1F(e, n, t, a, r, o) {
       "stroke-linejoin": "round",
       "stroke-width": "0.5",
       "fill-rule": "evenodd"
-    }, null, 8, _hoisted_3$Q),
+    }, null, 8, _hoisted_3$R),
     createElementVNode("path", {
       d: "M66.1635,11.4883l1.336.184-.336-.736Z",
       transform: "translate(-0.2662 -0.2662)",
@@ -11388,7 +11414,7 @@ const VsCaptionImageMap = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render",
 }, _hoisted_1$1r = { class: "vs-caption__caption-info" }, _hoisted_2$11 = {
   key: 0,
   class: "vs-caption__image-caption"
-}, _hoisted_3$P = {
+}, _hoisted_3$Q = {
   key: 1,
   class: "vs-caption__image-credit"
 }, _hoisted_4$C = { class: "vs-caption__map-wrapper pt-075 pt-sm-050 pb-sm-050 mx-auto" };
@@ -11410,7 +11436,7 @@ function _sfc_render$1E(e, n, t, a, r, o) {
                   e.$slots.caption ? (openBlock(), createElementBlock("p", _hoisted_2$11, [
                     renderSlot(e.$slots, "caption")
                   ])) : createCommentVNode("", !0),
-                  e.$slots.credit ? (openBlock(), createElementBlock("p", _hoisted_3$P, [
+                  e.$slots.credit ? (openBlock(), createElementBlock("p", _hoisted_3$Q, [
                     renderSlot(e.$slots, "credit")
                   ])) : createCommentVNode("", !0)
                 ])
@@ -11602,7 +11628,7 @@ const VsWarning = /* @__PURE__ */ _export_sfc(_sfc_main$1P, [["render", _sfc_ren
 }, _hoisted_1$1p = {
   key: 1,
   class: "vs-progress-bar__stepper"
-}, _hoisted_2$$ = ["id"], _hoisted_3$O = ["id"];
+}, _hoisted_2$$ = ["id"], _hoisted_3$P = ["id"];
 function _sfc_render$1C(e, n, t, a, r, o) {
   const l = resolveComponent("BProgressBar"), c = resolveComponent("BProgress");
   return openBlock(), createElementBlock("div", {
@@ -11643,7 +11669,7 @@ function _sfc_render$1C(e, n, t, a, r, o) {
       key: 3,
       class: "vs-progress-bar__label",
       id: "progress-bar-" + r.compId
-    }, toDisplayString(t.currentStep) + " / " + toDisplayString(t.max), 9, _hoisted_3$O))
+    }, toDisplayString(t.currentStep) + " / " + toDisplayString(t.max), 9, _hoisted_3$P))
   ], 2);
 }
 const VsProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1C]]), _sfc_main$1N = {
@@ -11668,7 +11694,7 @@ const VsProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc
 }, _hoisted_1$1o = {
   class: "vs-carbon-calculator-tip",
   "data-test": "vs-carbon-calculator-tip"
-}, _hoisted_2$_ = { class: "vs-carbon-calculator-tip__icon-container" }, _hoisted_3$N = { class: "vs-carbon-calculator-tip__content" }, _hoisted_4$B = ["innerHTML"], _hoisted_5$s = ["innerHTML"];
+}, _hoisted_2$_ = { class: "vs-carbon-calculator-tip__icon-container" }, _hoisted_3$O = { class: "vs-carbon-calculator-tip__content" }, _hoisted_4$B = ["innerHTML"], _hoisted_5$s = ["innerHTML"];
 function _sfc_render$1B(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon"), c = resolveComponent("VsHeading");
   return openBlock(), createElementBlock("div", _hoisted_1$1o, [
@@ -11680,7 +11706,7 @@ function _sfc_render$1B(e, n, t, a, r, o) {
         class: "vs-carbon-calculator-tip__icon"
       })
     ]),
-    createElementVNode("div", _hoisted_3$N, [
+    createElementVNode("div", _hoisted_3$O, [
       createVNode(c, {
         level: "3",
         "heading-style": "heading-xs"
@@ -16172,7 +16198,7 @@ var script$1 = defineComponent({
 const _hoisted_1$1$1 = {
   class: "treemap",
   style: { display: "flex", position: "relative" }
-}, _hoisted_2$1$1 = ["width", "height", "viewBox"], _hoisted_3$M = { class: "layer-rectangles" }, _hoisted_4$A = ["transform", "onMouseover"], _hoisted_5$r = ["width", "height"], _hoisted_6$h = {
+}, _hoisted_2$1$1 = ["width", "height", "viewBox"], _hoisted_3$N = { class: "layer-rectangles" }, _hoisted_4$A = ["transform", "onMouseover"], _hoisted_5$r = ["width", "height"], _hoisted_6$h = {
   x: 10,
   y: 20,
   "font-size": "15px",
@@ -16187,7 +16213,7 @@ function render$1(e, n, t, a, r, o) {
       viewBox: `0 0 ${e.size.width} ${e.size.height}`,
       ref: "el"
     }, [
-      createElementVNode("g", _hoisted_3$M, [
+      createElementVNode("g", _hoisted_3$N, [
         (openBlock(!0), createElementBlock(
           Fragment,
           null,
@@ -16462,7 +16488,7 @@ const _sfc_main$1M = {
       };
     }
   }
-}, _hoisted_1$1m = { class: "vs-carbon-calculator-results__headline" }, _hoisted_2$Y = { class: "mb-050" }, _hoisted_3$L = { class: "vs-carbon-calculator-results__total" }, _hoisted_4$z = ["innerHTML"], _hoisted_5$q = { class: "vs-carbon-calculator-results__unicorn-icon-container" }, _hoisted_6$g = { class: "vs-carbon-calculator-results__unicorn-content" };
+}, _hoisted_1$1m = { class: "vs-carbon-calculator-results__headline" }, _hoisted_2$Y = { class: "mb-050" }, _hoisted_3$M = { class: "vs-carbon-calculator-results__total" }, _hoisted_4$z = ["innerHTML"], _hoisted_5$q = { class: "vs-carbon-calculator-results__unicorn-icon-container" }, _hoisted_6$g = { class: "vs-carbon-calculator-results__unicorn-content" };
 function _sfc_render$1A(e, n, t, a, r, o) {
   const l = resolveComponent("VsHeading"), c = resolveComponent("VsCol"), d = resolveComponent("VsRow"), p = resolveComponent("VsIcon"), f = resolveComponent("Grid"), m = resolveComponent("Bar"), _ = resolveComponent("Chart"), v = resolveComponent("Responsive");
   return openBlock(), createBlock(d, {
@@ -16496,7 +16522,7 @@ function _sfc_render$1A(e, n, t, a, r, o) {
                   createElementVNode("div", _hoisted_1$1m, [
                     createElementVNode("p", _hoisted_2$Y, toDisplayString(o.labelsMap.resultsIntro), 1),
                     createElementVNode("p", null, [
-                      createElementVNode("span", _hoisted_3$L, toDisplayString(t.totalKilos.toLocaleString(t.language, {
+                      createElementVNode("span", _hoisted_3$M, toDisplayString(t.totalKilos.toLocaleString(t.language, {
                         minimumFractionDigits: 3
                       })), 1),
                       createTextVNode(" " + toDisplayString(o.labelsMap.kgsOf), 1)
@@ -16631,7 +16657,7 @@ const VsCarbonCalculatorResults = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["r
 }, _hoisted_1$1l = {
   class: "vs-carbon-calculator-running-total",
   "data-test": "vs-carbon-calculator-running-total"
-}, _hoisted_2$X = { class: "vs-carbon-calculator-running-total__icon" }, _hoisted_3$K = { class: "vs-carbon-calculator-running-total__content" }, _hoisted_4$y = { class: "font-weight-bold" };
+}, _hoisted_2$X = { class: "vs-carbon-calculator-running-total__icon" }, _hoisted_3$L = { class: "vs-carbon-calculator-running-total__content" }, _hoisted_4$y = { class: "font-weight-bold" };
 function _sfc_render$1z(e, n, t, a, r, o) {
   const l = resolveComponent("VsIcon");
   return openBlock(), createElementBlock("div", _hoisted_1$1l, [
@@ -16641,7 +16667,7 @@ function _sfc_render$1z(e, n, t, a, r, o) {
         size: "lg"
       })
     ]),
-    createElementVNode("div", _hoisted_3$K, [
+    createElementVNode("div", _hoisted_3$L, [
       createElementVNode("p", null, toDisplayString(o.labelsMap.soFar), 1),
       createElementVNode("p", null, [
         createElementVNode("span", _hoisted_4$y, toDisplayString(t.totalKilos.toLocaleString(t.language, { minimumFractionDigits: 3 })), 1),
@@ -17697,7 +17723,7 @@ const postcode = common$1.regex(/^([A-Za-z][A-HJ-Ya-hj-y]?\d[A-Za-z\d]? ?\d[A-Za
 }, _hoisted_1$1j = {
   class: "vs-radio-button",
   "data-test": "vs-radio-button"
-}, _hoisted_2$W = ["id"], _hoisted_3$J = { class: "visually-hidden" }, _hoisted_4$x = ["id"];
+}, _hoisted_2$W = ["id"], _hoisted_3$K = { class: "visually-hidden" }, _hoisted_4$x = ["id"];
 function _sfc_render$1x(e, n, t, a, r, o) {
   const l = resolveComponent("BFormRadio"), c = resolveComponent("BFormRadioGroup");
   return openBlock(), createElementBlock("div", _hoisted_1$1j, [
@@ -17711,7 +17737,7 @@ function _sfc_render$1x(e, n, t, a, r, o) {
         key: d,
         class: "error mb-0"
       }, [
-        createElementVNode("span", _hoisted_3$J, toDisplayString(t.fieldName), 1),
+        createElementVNode("span", _hoisted_3$K, toDisplayString(t.fieldName), 1),
         createTextVNode(" " + toDisplayString(t.validationMessages[d] || t.genericValidation[d]), 1)
       ])), [
         [vShow, !t.reAlertErrors && !r.clearErrorsOnFocus]
@@ -17982,7 +18008,7 @@ const VsRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc
   validations() {
     return this.rules;
   }
-}, _hoisted_1$1i = { "data-test": "vs-number-input" }, _hoisted_2$V = ["id"], _hoisted_3$I = ["id"], _hoisted_4$w = { class: "visually-hidden" }, _hoisted_5$p = { class: "visually-hidden" };
+}, _hoisted_1$1i = { "data-test": "vs-number-input" }, _hoisted_2$V = ["id"], _hoisted_3$J = ["id"], _hoisted_4$w = { class: "visually-hidden" }, _hoisted_5$p = { class: "visually-hidden" };
 function _sfc_render$1w(e, n, t, a, r, o) {
   const l = resolveComponent("VsButton"), c = resolveComponent("BFormInput");
   return openBlock(), createElementBlock("div", _hoisted_1$1i, [
@@ -18006,7 +18032,7 @@ function _sfc_render$1w(e, n, t, a, r, o) {
       ])), [
         [vShow, !t.reAlertErrors && !r.clearErrorsOnFocus]
       ])), 128))
-    ], 8, _hoisted_3$I)) : createCommentVNode("", !0),
+    ], 8, _hoisted_3$J)) : createCommentVNode("", !0),
     createVNode(l, {
       class: "vs-number-input__increment",
       "icon-only": !0,
@@ -18837,6 +18863,13 @@ const CarbonCalculator = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _
       default: "vs-color-background-cta-subtle"
     },
     /**
+    * Adds an accent bar to the left of the card
+    */
+    accentBar: {
+      type: Boolean,
+      default: !1
+    },
+    /**
     * Sets the card to horizontal layout
     */
     horizontal: {
@@ -18853,17 +18886,12 @@ const CarbonCalculator = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _
     cardClasses() {
       return [
         {
-          "vs-card--horizontal": this.horizontal
+          "vs-card--horizontal": this.horizontal,
+          "vs-card--accent-bar": this.accentBar
         },
         this.cardStyle ? `vs-card--${this.cardStyle}` : null
       ];
     },
-    bodyClasses() {
-      const e = this.$slots["vs-card-body"];
-      return {
-        "vs-card__body--centered": e && e().length > 0
-      };
-    },
     cardStyles() {
       return this.fillColor ? {
         "background-color": this.tokens[this.fillColor] || this.fillColor
@@ -18874,6 +18902,9 @@ const CarbonCalculator = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _
   key: 0,
   class: "vs-card__header"
 }, _hoisted_2$T = {
+  key: 1,
+  class: "vs-card__body"
+}, _hoisted_3$I = {
   key: 2,
   class: "vs-card__footer"
 };
@@ -18886,13 +18917,10 @@ function _sfc_render$1t(e, n, t, a, r, o) {
     e.$slots["vs-card-header"] && e.$slots["vs-card-header"]() ? (openBlock(), createElementBlock("div", _hoisted_1$1f, [
       renderSlot(e.$slots, "vs-card-header")
     ])) : createCommentVNode("", !0),
-    e.$slots["vs-card-body"] && e.$slots["vs-card-body"]() ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: normalizeClass(["vs-card__body", o.bodyClasses])
-    }, [
+    e.$slots["vs-card-body"] && e.$slots["vs-card-body"]() ? (openBlock(), createElementBlock("div", _hoisted_2$T, [
       renderSlot(e.$slots, "vs-card-body")
-    ], 2)) : createCommentVNode("", !0),
-    e.$slots["vs-card-footer"] && e.$slots["vs-card-footer"]() ? (openBlock(), createElementBlock("div", _hoisted_2$T, [
+    ])) : createCommentVNode("", !0),
+    e.$slots["vs-card-footer"] && e.$slots["vs-card-footer"]() ? (openBlock(), createElementBlock("div", _hoisted_3$I, [
       renderSlot(e.$slots, "vs-card-footer")
     ])) : createCommentVNode("", !0)
   ], 6);
@@ -42198,7 +42226,7 @@ export {
   ArticleSection as VsArticleSection,
   ArticleSidebar as VsArticleSidebar,
   _sfc_main$2f as VsBackToTop,
-  _sfc_main$2e as VsBadge,
+  Badge as VsBadge,
   Banner as VsBanner,
   BlogDetails as VsBlogDetails,
   Breadcrumb as VsBreadcrumb,