fds-vue-core 5.0.0 → 5.0.1

package/dist/fds-vue-core.cjs.js

@@ -12482,6 +12482,18 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
     onCleanup(() => clearTimeout(timeoutId));
   });
 }
+function classValueToString(value) {
+  if (!value) return "";
+  if (typeof value === "string") return value;
+  if (Array.isArray(value)) {
+    return value.filter(Boolean).join(" ");
+  }
+  if (typeof value === "object") {
+    const entries = Object.entries(value);
+    return entries.filter(([, enabled]) => Boolean(enabled)).map(([className]) => className).join(" ");
+  }
+  return String(value);
+}
 const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -12493,15 +12505,21 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
       return result;
     });
+    const spanClasses = vue.computed(() => {
+      const baseClasses = "inline-block font-light";
+      return [baseClasses, consumerClass.value].filter(Boolean).join(" ");
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "inline-block font-light" }, rootAttrs.value), [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: spanClasses.value }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
       ], 16);
     };
@@ -12746,15 +12764,21 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
       return result;
     });
+    const spanClasses = vue.computed(() => {
+      const baseClasses = "inline-block font-light text-lg";
+      return [baseClasses, consumerClass.value].filter(Boolean).join(" ");
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "inline-block font-light text-lg" }, rootAttrs.value), [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: spanClasses.value }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
       ], 16);
     };
@@ -13540,8 +13564,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
@@ -13550,7 +13576,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const headingClasses = vue.computed(() => {
       const baseClasses = "font-raleway leading-tight m-0 mb-3";
       const sizeClass = getResponsiveSize(props.size);
-      return [baseClasses, sizeClass].filter(Boolean).join(" ");
+      return [baseClasses, sizeClass, consumerClass.value].filter(Boolean).join(" ");
     });
     function getResponsiveSize(size) {
       if (size !== "responsive") {
@@ -13582,8 +13608,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
@@ -13592,7 +13620,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const headingClasses = vue.computed(() => {
       const baseClasses = "font-raleway leading-tight m-0 mt-4 mb-2";
       const sizeClass = getResponsiveSize(props.size);
-      return [baseClasses, sizeClass].filter(Boolean).join(" ");
+      return [baseClasses, sizeClass, consumerClass.value].filter(Boolean).join(" ");
     });
     function getResponsiveSize(size) {
       if (size !== "responsive") {
@@ -13624,8 +13652,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
@@ -13634,7 +13664,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const headingClasses = vue.computed(() => {
       const baseClasses = "font-raleway leading-tight m-0 mt-4 mb-2";
       const sizeClass = getResponsiveSize(props.size);
-      return [baseClasses, sizeClass].filter(Boolean).join(" ");
+      return [baseClasses, sizeClass, consumerClass.value].filter(Boolean).join(" ");
     });
     function getResponsiveSize(size) {
       if (size !== "responsive") {
@@ -13687,15 +13717,21 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
       return result;
     });
+    const spanClasses = vue.computed(() => {
+      const baseClasses = "font-bold inline-block mb-2 tracking-wide";
+      return [baseClasses, consumerClass.value].filter(Boolean).join(" ");
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "font-bold inline-block mb-2 tracking-wide" }, rootAttrs.value), [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: spanClasses.value }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
       ], 16);
     };
@@ -13722,8 +13758,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
+    const consumerClass = vue.computed(() => classValueToString(attrs.class));
     const rootAttrs = vue.computed(() => {
       const result = { ...attrs };
+      delete result.class;
       if (props.dataTestid) {
         result["data-testid"] = props.dataTestid;
       }
@@ -13753,8 +13791,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return props.language === "sv" ? "Laddar..." : "Loading...";
     };
+    const wrapperClasses = vue.computed(() => {
+      const baseClasses = "inline-block mb-3 h-7 font-bold text-xl";
+      return [baseClasses, consumerClass.value].filter(Boolean).join(" ");
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "inline-block mb-3 h-7 font-bold text-xl" }, rootAttrs.value), [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: wrapperClasses.value }, rootAttrs.value), [
         __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
           key: 0,
           size: "24px",