@visitscotland/component-library 5.16.4 → 5.18.0

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, renderSlot, resolveComponent, createBlock, normalizeClass, withCtx, createElementVNode, createVNode, withDirectives, createCommentVNode, normalizeStyle, vShow, inject, mergeProps, toDisplayString, ref, onMounted, onUnmounted, createTextVNode, Fragment, renderList, resolveDirective, withModifiers, normalizeProps, createSlots, getCurrentInstance, defineComponent, computed as computed$1, watch, reactive, provide, onBeforeMount, isRef, onBeforeUnmount, unref, isReactive, isReadonly, nextTick, isVNode, markRaw, toRef, resolveDynamicComponent, h, withKeys, mergeModels, useModel, toHandlers, vModelText, guardReactiveProps, onUpdated } from "vue";
-import { _ as _export_sfc, V as VsButton, d as dataLayerMixin, a as VsHeading, n as nn, b as an, c as VsIcon, r as rn, l as lodashExports, e as VsBody, f as VsContainer, g as VsRow, h as VsCol, i as ci, p as pi$2, j as en, k as dmoUrls, m as VsImg, E as Ed, o as axios, q as designTokens, Y as Yo, Z as Zo, s as pn, O as Ou, T as Tu, t as ku, u as VsWarning, v as fn, w as un, X as Xi, x as commonjsGlobal, y as require$$0$1, z as requireHasown, A as requireShams, B as callBound, C as isGeneratorFunction, D as isTypedArray, F as whichTypedArray, G as getAugmentedNamespace, H as getDefaultExportFromCjs, L as Lu, I as ld, J as _a, K as products, M as paths, N as monthsEnglish, P as VsLoading, Q as ol, R as wn, S as Ea, U as Bn, W as Je, $ as St, a0 as Pa, a1 as Ka, a2 as vc, a3 as dc } from "./LoadingSpinner-BGAbIm7j.mjs";
-import { a4 as Se } from "./LoadingSpinner-BGAbIm7j.mjs";
+import { _ as _export_sfc, V as VsButton, d as dataLayerMixin, a as VsHeading, n as nn, b as an, c as VsIcon, r as rn, l as lodashExports, e as VsBody, f as VsContainer, g as VsRow, h as VsCol, i as ci, p as pi$2, j as en, k as dmoUrls, m as VsImg, E as Ed, o as axios, q as designTokens, Y as Yo, Z as Zo, s as pn, O as Ou, T as Tu, t as ku, u as VsWarning, v as fn, w as un, X as Xi, x as commonjsGlobal, y as require$$0$1, z as requireHasown, A as requireShams, B as callBound, C as isGeneratorFunction, D as isTypedArray, F as whichTypedArray, G as getAugmentedNamespace, H as getDefaultExportFromCjs, L as Lu, I as ld, J as _a, K as products, M as paths, N as monthsEnglish, P as VsLoading, Q as ol, R as wn, S as Ea, U as Bn, W as Je, $ as St, a0 as Pa, a1 as Ka, a2 as vc, a3 as dc } from "./LoadingSpinner-Bt2Ghlfy.mjs";
+import { a4 as Se } from "./LoadingSpinner-Bt2Ghlfy.mjs";
 import { defineStore } from "pinia";
 const _sfc_main$2r = {
   name: "VsAccordion",
@@ -11748,6 +11748,9 @@ const DescriptionListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render"
   name: "VsDetail",
   status: "prototype",
   release: "0.0.1",
+  components: {
+    VsIcon
+  },
   props: {
     /**
      * The font size
@@ -11774,6 +11777,21 @@ const DescriptionListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render"
     noMargins: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The name of the icon to display alongside the detail text.
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Color variant of the icon displayed alongside the detail text.
+     */
+    iconVariant: {
+      type: String,
+      default: "primary",
+      validator: (e) => e.match(/(primary|secondary|tertiary|cta|inverse|disabled|highlight|error|warning|success)/)
     }
   },
   computed: {
@@ -11782,16 +11800,30 @@ const DescriptionListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render"
         "vs-detail",
         `vs-detail--${this.size}`,
         `vs-detail--${this.color}`,
+        ...this.icon ? ["d-flex", "align-items-baseline"] : [],
         ...this.noMargins ? [] : ["vs-detail--with-margins"]
       ];
+    },
+    iconSize() {
+      return this.size === "small" ? "xxs" : "xs";
     }
   }
 };
 function _sfc_render$1n(e, n, t, a, r, s) {
+  const o = resolveComponent("VsIcon");
   return openBlock(), createElementBlock("p", {
     class: normalizeClass(s.detailClasses)
   }, [
-    renderSlot(e.$slots, "default")
+    t.icon ? (openBlock(), createBlock(o, {
+      key: 0,
+      class: "me-050 flex-shrink-0",
+      icon: t.icon,
+      size: s.iconSize,
+      variant: t.iconVariant
+    }, null, 8, ["icon", "size", "variant"])) : createCommentVNode("", !0),
+    createElementVNode("span", null, [
+      renderSlot(e.$slots, "default")
+    ])
   ], 2);
 }
 const VsDetail = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1n]]), _sfc_main$1D = {