@oub/fusion 0.2.46 → 0.2.48

package/dist/components/form/checkbox/FusionCheckbox.vue.d.ts

@@ -37,12 +37,17 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     checked: boolean;
 }, {
     stateClasses(): {
         disabled: boolean;
         "gap-xs": boolean;
+        error: boolean;
     };
 }, {
     handleChange(e: Event): void;
@@ -85,6 +90,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -93,6 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     dataTest: string;
     value: string;
     disabled: boolean;
+    error: boolean;
     tabIndex: number;
     defaultValue: boolean;
     helperText: string;

package/dist/fusion.js

@@ -363,7 +363,7 @@ function mi(e, t, n, r, a, o) {
       }, [
         e.errorLabel ? (v(), k("div", {
           key: 0,
-          class: ne(["fusion-textarea error-label", e.stateClasses])
+          class: ne(["fusion-textarea error-label-wrapper", e.stateClasses])
         }, [
           Se(i, { "data-test": "error-icon" }),
           S("span", pi, fe(e.errorLabel), 1)
@@ -380,7 +380,7 @@ function mi(e, t, n, r, a, o) {
     ]))
   ], 8, li);
 }
-const y0 = /* @__PURE__ */ Ne(ii, [["render", mi], ["__scopeId", "data-v-7ffd8271"]]), gi = Ce({
+const y0 = /* @__PURE__ */ Ne(ii, [["render", mi], ["__scopeId", "data-v-bb3f9cc7"]]), gi = Ce({
   name: "SVGTick"
 }), hi = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -435,6 +435,10 @@ const ki = /* @__PURE__ */ Ne(gi, [["render", Ai]]), wi = Ce({
     dataTest: {
       type: String,
       default: "fusion-checkbox"
+    },
+    error: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
@@ -447,7 +451,8 @@ const ki = /* @__PURE__ */ Ne(gi, [["render", Ai]]), wi = Ce({
     stateClasses() {
       return {
         disabled: this.disabled,
-        "gap-xs": !!this.label
+        "gap-xs": !!this.label,
+        error: this.error
       };
     }
   },
@@ -503,7 +508,7 @@ function Fi(e, t, n, r, a, o) {
         name: e.name,
         value: e.value,
         tabindex: e.tabIndex,
-        "data-test": "fusion-input",
+        "data-test": "fusion-checkbox-input",
         onClick: t[0] || (t[0] = (...l) => e.handleChange && e.handleChange(...l))
       }, null, 10, Di),
       e.checked ? (v(), k("span", Pi, [
@@ -517,7 +522,7 @@ function Fi(e, t, n, r, a, o) {
     oe(e.$slots, "default", {}, void 0, !0)
   ], 10, Ci);
 }
-const Oi = /* @__PURE__ */ Ne(wi, [["render", Fi], ["__scopeId", "data-v-d1241f68"]]), Ii = Ce({
+const Oi = /* @__PURE__ */ Ne(wi, [["render", Fi], ["__scopeId", "data-v-6a48f2b1"]]), Ii = Ce({
   name: "FusionRadio",
   props: {
     id: {
@@ -1220,7 +1225,7 @@ function Tl(e, t, n, r, a, o) {
     oe(e.$slots, "content", {}, void 0, !0)
   ], 10, Al);
 }
-const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-9e70a4a3"]]), Bl = Ce({
+const Vn = /* @__PURE__ */ Ne(bl, [["render", Tl], ["__scopeId", "data-v-10f7ca3f"]]), Bl = Ce({
   name: "FusionPanel",
   components: { SVGSearch: Er, CheckCircle: Qn, FusionLoadingSpinner: Fn, SVGInbox: il, FusionInput: Vn, OnClickOutside: zi },
   props: {
@@ -1673,14 +1678,14 @@ function ps(e, t, n, r, a, o) {
     }, null, 8, ["select-id", "options", "search-text", "search-disabled", "search-placeholder", "search-loading", "search-error-title", "search-error-description", "selected", "onHandle:select", "onHandle:close"])) : Q("", !0),
     e.errorLabel ? (v(), k("div", {
       key: 1,
-      class: ne(["fusion-select error-label", e.stateClasses])
+      class: ne(["fusion-select error-wrapper", e.stateClasses])
     }, [
-      Se(u),
+      Se(u, { "data-test": "error-icon" }),
       S("span", cs, fe(e.errorLabel), 1)
     ], 2)) : Q("", !0)
   ], 8, rs);
 }
-const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-db33baa0"]]), fs = Ce({
+const k0 = /* @__PURE__ */ Ne(ns, [["render", ps], ["__scopeId", "data-v-cbd3b01d"]]), fs = Ce({
   name: "FusionPasswordInput",
   components: {
     FusionInput: Vn,
@@ -2688,11 +2693,8 @@ const Ns = ["data-test"], Ms = { class: "fusion-phone-input-label-container" },
   class: "select-panel-wrapper"
 }, Es = {
   key: 0,
-  class: "fusion-phone-input error-container"
-}, Js = {
-  class: "fusion-phone-input error-label",
-  "data-test": "error-label"
-};
+  class: "fusion-phone-input error-wrapper"
+}, Js = { "data-test": "error-label" };
 function Xs(e, t, n, r, a, o) {
   const i = Te("CountrySelectDropdown"), l = Te("CountrySelectList"), u = Te("FusionPanel"), c = Te("SVGExclamationTriangle");
   return v(), k("div", {
@@ -2766,15 +2768,12 @@ function Xs(e, t, n, r, a, o) {
       ])) : Q("", !0)
     ]),
     e.errorLabel ? (v(), k("div", Es, [
-      Se(c, {
-        class: "fusion-phone-input error-icon",
-        "data-test": "error-icon"
-      }),
+      Se(c, { "data-test": "error-icon" }),
       S("span", Js, fe(e.errorLabel), 1)
     ])) : Q("", !0)
   ], 8, Ns);
 }
-const C0 = /* @__PURE__ */ Ne(Vs, [["render", Xs], ["__scopeId", "data-v-080003a7"]]), Ys = Ce({
+const C0 = /* @__PURE__ */ Ne(Vs, [["render", Xs], ["__scopeId", "data-v-73c1b5cf"]]), Ys = Ce({
   name: "SVGInformationCircle"
 }), Ws = {
   width: "24",
@@ -3007,7 +3006,7 @@ function bu(e, t, n, r, a, o) {
     _: 3
   });
 }
-const S0 = /* @__PURE__ */ Ne(pu, [["render", bu], ["__scopeId", "data-v-4c8c0294"]]);
+const S0 = /* @__PURE__ */ Ne(pu, [["render", bu], ["__scopeId", "data-v-5f90f955"]]);
 function ct(e) {
   "@babel/helpers - typeof";
   return ct = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -11575,7 +11574,7 @@ const Iv = /* @__PURE__ */ Ne(Pv, [["render", Ov]]), Uv = Ce({
 });
 const Qv = ["data-test"], Vv = { class: "fusion-date-picker-label" }, Nv = ["for"], Mv = {
   key: 0,
-  class: "fusion-date-picker error-label"
+  class: "fusion-date-picker error-wrapper"
 }, Lv = { "data-test": "error-label" };
 function Hv(e, t, n, r, a, o) {
   const i = Te("SVGCalendar"), l = Te("VueDatePicker"), u = Te("SVGExclamationTriangle");
@@ -11631,7 +11630,7 @@ function Hv(e, t, n, r, a, o) {
     ])) : Q("", !0)
   ], 8, Qv);
 }
-const D0 = /* @__PURE__ */ Ne(Uv, [["render", Hv], ["__scopeId", "data-v-041425de"]]), qv = Ce({
+const D0 = /* @__PURE__ */ Ne(Uv, [["render", Hv], ["__scopeId", "data-v-b86ad3dc"]]), qv = Ce({
   name: "FusionSearchableInput",
   components: {
     SVGSearch: Er,
@@ -11863,7 +11862,7 @@ function Yv(e, t, n, r, a, o) {
     ])
   ], 8, Rv);
 }
-const P0 = /* @__PURE__ */ Ne(qv, [["render", Yv], ["__scopeId", "data-v-58ac3537"]]), Wv = Ce({
+const P0 = /* @__PURE__ */ Ne(qv, [["render", Yv], ["__scopeId", "data-v-9a8c389e"]]), Wv = Ce({
   name: "SVGDecrement"
 }), zv = {
   width: "24",
@@ -12184,7 +12183,7 @@ function m0(e, t, n, r, a, o) {
     ])
   ], 8, p0);
 }
-const T0 = /* @__PURE__ */ Ne(c0, [["render", m0], ["__scopeId", "data-v-a04865f4"]]);
+const T0 = /* @__PURE__ */ Ne(c0, [["render", m0], ["__scopeId", "data-v-9d61755c"]]);
 export {
   S0 as FusionBanner,
   h0 as FusionButton,