fds-vue-core 7.1.7 → 7.1.9

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

@@ -820,7 +820,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$w = { class: "flex items-start gap-2" };
 const _hoisted_2$o = { class: "h-7 flex items-center" };
-const _hoisted_3$g = { class: "leading-7" };
+const _hoisted_3$h = { class: "leading-7" };
 const _hoisted_4$f = { class: "relative h-7" };
 const _hoisted_5$e = {
   key: 1,
@@ -890,7 +890,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                     class: "fill-yellow-700"
                   })
                 ]),
-                vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(__props.heading), 1)
+                vue.createElementVNode("span", _hoisted_3$h, vue.toDisplayString(__props.heading), 1)
               ]),
               vue.createElementVNode("div", _hoisted_4$f, [
                 __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$I, vue.mergeProps({
@@ -927,7 +927,7 @@ const _hoisted_2$n = {
   key: 0,
   class: "flex items-start justify-between gap-4 mb-4"
 };
-const _hoisted_3$f = { class: "flex items-center gap-3" };
+const _hoisted_3$g = { class: "flex items-center gap-3" };
 const _hoisted_4$e = { class: "flex items-start gap-3 leading-8" };
 const _hoisted_5$d = { class: "mb-0-last-child" };
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
@@ -975,7 +975,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         style: borderLeftStyle.value
       }, rootAttrs.value), [
         __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$n, [
-          vue.createElementVNode("div", _hoisted_3$f, [
+          vue.createElementVNode("div", _hoisted_3$g, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
             }, vue.toDisplayString(__props.heading), 3)
@@ -1044,7 +1044,7 @@ const _hoisted_2$m = {
   key: 0,
   class: "flex items-center mr-4"
 };
-const _hoisted_3$e = { class: "inline-flex items-center" };
+const _hoisted_3$f = { class: "inline-flex items-center" };
 const _hoisted_4$d = { class: "flex items-center gap-2" };
 const _hoisted_5$c = {
   key: 0,
@@ -1134,7 +1134,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(["fill-blue-500", [{ "fill-gray-500": __props.disabled }, __props.iconClass]])
                   }, null, 8, ["name", "class"])
                 ])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("span", _hoisted_3$e, [
+                vue.createElementVNode("span", _hoisted_3$f, [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(["font-bold font-heading text-lg leading-6", { "text-gray-700": __props.disabled }])
                   }, vue.toDisplayString(__props.heading), 3)
@@ -1179,7 +1179,7 @@ const _hoisted_2$l = {
   key: 0,
   class: "flex items-start gap-4"
 };
-const _hoisted_3$d = { class: "flex-1" };
+const _hoisted_3$e = { class: "flex-1" };
 const _hoisted_4$c = {
   key: 0,
   class: "mb-1"
@@ -1237,7 +1237,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
-          vue.createElementVNode("div", _hoisted_3$d, [
+          vue.createElementVNode("div", _hoisted_3$e, [
             __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$c, [
               vue.createElementVNode("header", _hoisted_5$b, [
                 vue.createElementVNode("h3", _hoisted_6$8, vue.toDisplayString(__props.heading), 1),
@@ -5348,7 +5348,8 @@ function useModalDragResize(options) {
   };
 }
 const _hoisted_1$k = { class: "flex justify-between mb-4" };
-const _hoisted_2$g = { class: "mb-0-last-child" };
+const _hoisted_2$g = { class: "flex items-center gap-2" };
+const _hoisted_3$d = { class: "mb-0-last-child" };
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
@@ -5421,7 +5422,6 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       return null;
     });
     const iconClasses = vue.computed(() => [
-      "inline mr-2 float-left",
       {
         "fill-green-600": props.info === "valid",
         "fill-red-600": props.info === "invalid",
@@ -5580,18 +5580,18 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(__props.resizable ? "overflow-auto flex-1 min-h-0" : "")
             }, [
               vue.createElementVNode("div", _hoisted_1$k, [
-                vue.createElementVNode("h3", {
-                  tabindex: "-1",
-                  class: vue.normalizeClass(headerTitleClasses.value)
-                }, [
+                vue.createElementVNode("div", _hoisted_2$g, [
                   iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                     key: 0,
                     name: iconName.value,
                     size: 24,
                     class: vue.normalizeClass(iconClasses.value)
                   }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
-                  vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
-                ], 2),
+                  vue.createElementVNode("h3", {
+                    tabindex: "-1",
+                    class: vue.normalizeClass(headerTitleClasses.value)
+                  }, vue.toDisplayString(__props.heading), 3)
+                ]),
                 !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$I, vue.mergeProps({
                   key: 0,
                   icon: "cross",
@@ -5599,7 +5599,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[0] || (_cache[0] = ($event) => handleClose())
                 }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
               ]),
-              vue.createElementVNode("div", _hoisted_2$g, [
+              vue.createElementVNode("div", _hoisted_3$d, [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -8902,7 +8902,7 @@ const _hoisted_2$f = { class: "relative" };
 const _hoisted_3$c = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "autocomplete", "pattern", "searchIcon"];
 const _hoisted_4$b = {
   key: 0,
-  class: "text-red-600 font-bold mt-1"
+  class: "text-red-700 font-bold mt-1"
 };
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -9239,7 +9239,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                 isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                   key: 1,
                   name: "alert",
-                  class: "fill-red-600"
+                  class: "fill-red-700"
                 })) : vue.createCommentVNode("", true),
                 isValid2.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                   key: 2,
@@ -16086,7 +16086,7 @@ const _hoisted_5$2 = ["value", "disabled"];
 const _hoisted_6 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
 const _hoisted_7 = {
   key: 2,
-  class: "text-red-600 font-bold mt-1"
+  class: "text-red-700 font-bold mt-1"
 };
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -16153,7 +16153,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       "focus:outline-2 focus:outline-blue-500 focus:border-transparent",
       "appearance-none",
       disabled.value ? "outline-dashed text-gray-800 outline-2 -outline-offset-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white cursor-pointer",
-      isInvalid.value && !disabled.value && "outline-2 -outline-offset-2 outline-red-600 text-red-600",
+      isInvalid.value && !disabled.value && "outline-2 -outline-offset-2 outline-red-600 text-red-700",
       props.inputClass
     ]);
     const internalValue = vue.computed({