@oub/fusion 0.2.58 → 0.2.59

package/dist/fusion.js

@@ -380,7 +380,7 @@ function gi(e, t, n, r, a, o) {
     ]))
   ], 8, si);
 }
-const E0 = /* @__PURE__ */ xe(li, [["render", gi], ["__scopeId", "data-v-bb3f9cc7"]]), hi = Ae({
+const E0 = /* @__PURE__ */ xe(li, [["render", gi], ["__scopeId", "data-v-012698c6"]]), hi = Ae({
   name: "SVGTick"
 }), yi = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -526,7 +526,7 @@ function Oi(e, t, n, r, a, o) {
     re(e.$slots, "default", {}, void 0, !0)
   ], 10, Si);
 }
-const Ii = /* @__PURE__ */ xe(Ci, [["render", Oi], ["__scopeId", "data-v-62906369"]]), Ui = Ae({
+const Ii = /* @__PURE__ */ xe(Ci, [["render", Oi], ["__scopeId", "data-v-70be7e3e"]]), Ui = Ae({
   name: "FusionRadio",
   props: {
     id: {
@@ -640,7 +640,7 @@ function qi(e, t, n, r, a, o) {
     ], 2)
   ], 10, Qi);
 }
-const J0 = /* @__PURE__ */ xe(Ui, [["render", qi], ["__scopeId", "data-v-9dd8874b"]]), Ri = Ae({
+const J0 = /* @__PURE__ */ xe(Ui, [["render", qi], ["__scopeId", "data-v-ace1e44e"]]), Ri = Ae({
   name: "FusionTextLink",
   props: {
     id: {
@@ -1039,7 +1039,7 @@ const Xr = /* @__PURE__ */ xe(sl, [["render", fl]]), vl = Ae({
 ], -1), hl = /* @__PURE__ */ C("g", { mask: "url(#mask0_2424_674)" }, [
   /* @__PURE__ */ C("path", {
     d: "M10.6 13.8L8.45 11.65C8.26667 11.4667 8.03333 11.375 7.75 11.375C7.46667 11.375 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.1 16.1 10.3333 16.2 10.6 16.2C10.8667 16.2 11.1 16.1 11.3 15.9L16.95 10.25C17.1333 10.0667 17.225 9.83333 17.225 9.55C17.225 9.26667 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z",
-    fill: "fillColor"
+    fill: "currentColor"
   })
 ], -1), yl = [
   gl,
@@ -1229,7 +1229,7 @@ function Bl(e, t, n, r, a, o) {
     re(e.$slots, "content", {}, void 0, !0)
   ], 10, kl);
 }
-const Vn = /* @__PURE__ */ xe(Al, [["render", Bl], ["__scopeId", "data-v-fd28512a"]]), xl = Ae({
+const Vn = /* @__PURE__ */ xe(Al, [["render", Bl], ["__scopeId", "data-v-b357f331"]]), xl = Ae({
   name: "FusionPanel",
   components: { SVGSearch: Xr, CheckCircle: Qn, FusionLoadingSpinner: Fn, SVGInbox: ll, FusionInput: Vn, OnClickOutside: Ki },
   props: {
@@ -1318,7 +1318,7 @@ const Vn = /* @__PURE__ */ xe(Al, [["render", Bl], ["__scopeId", "data-v-fd28512
     }
   }
 });
-const Yr = (e) => (Hr("data-v-c2f964da"), e = e(), qr(), e), Fl = ["data-test"], Ol = { class: "fusion-select-panel" }, Il = { class: "fusion-select-panel-content" }, Ul = { class: "list-wrapper" }, Ql = {
+const Yr = (e) => (Hr("data-v-46726b61"), e = e(), qr(), e), Fl = ["data-test"], Ol = { class: "fusion-select-panel" }, Il = { class: "fusion-select-panel-content" }, Ul = { class: "list-wrapper" }, Ql = {
   key: 0,
   class: "p-xl",
   "data-test": "search-loading-wrapper"
@@ -1387,7 +1387,10 @@ function Zl(e, t, n, r, a, o) {
                 ])
               ])) : e.searchErrorTitle ? (p(), A("div", Ml, [
                 C("div", Ll, [
-                  Se(c, { "data-test": "error-icon" }),
+                  Se(c, {
+                    "data-test": "error-icon",
+                    class: "fusion-select-panel-icon"
+                  }),
                   C("div", Hl, [
                     C("div", ql, fe(e.searchErrorTitle), 1),
                     C("div", Rl, fe(e.searchErrorDescription), 1)
@@ -1419,7 +1422,10 @@ function Zl(e, t, n, r, a, o) {
                 ], 42, Yl))), 128))
               ])) : (p(), A("div", Kl, [
                 C("div", jl, [
-                  Se(c, { "data-test": "empty-list-icon" }),
+                  Se(c, {
+                    "data-test": "empty-list-icon",
+                    class: "fusion-select-panel-icon"
+                  }),
                   Gl
                 ])
               ]))
@@ -1431,7 +1437,7 @@ function Zl(e, t, n, r, a, o) {
     _: 3
   }, 8, ["options", "onTrigger"]);
 }
-const Nn = /* @__PURE__ */ xe(xl, [["render", Zl], ["__scopeId", "data-v-c2f964da"]]), _l = {
+const Nn = /* @__PURE__ */ xe(xl, [["render", Zl], ["__scopeId", "data-v-46726b61"]]), _l = {
   name: "SVGArrowDown"
 }, $l = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1692,7 +1698,7 @@ function fs(e, t, n, r, a, o) {
     ], 2)) : U("", !0)
   ], 8, os);
 }
-const Y0 = /* @__PURE__ */ xe(rs, [["render", fs], ["__scopeId", "data-v-cbd3b01d"]]), vs = Ae({
+const Y0 = /* @__PURE__ */ xe(rs, [["render", fs], ["__scopeId", "data-v-89b7ee3d"]]), vs = Ae({
   name: "FusionPasswordInput",
   components: {
     FusionInput: Vn,
@@ -2475,7 +2481,7 @@ function Bs(e, t, n, r, a, o) {
     ], 42, Ds))), 128))
   ], 8, Ss);
 }
-const xs = /* @__PURE__ */ xe(Cs, [["render", Bs], ["__scopeId", "data-v-5464d287"]]), Fs = {
+const xs = /* @__PURE__ */ xe(Cs, [["render", Bs], ["__scopeId", "data-v-5b5b7687"]]), Fs = {
   name: "CountrySelectDropdown",
   components: { SVGArrowDown: Wr, CountryFlag: Kr },
   props: {
@@ -2534,7 +2540,7 @@ function Qs(e, t, n, r, a, o) {
     ])
   ], 10, Os);
 }
-const Vs = /* @__PURE__ */ xe(Fs, [["render", Qs], ["__scopeId", "data-v-3694b089"]]), Ns = Ae({
+const Vs = /* @__PURE__ */ xe(Fs, [["render", Qs], ["__scopeId", "data-v-e0291207"]]), Ns = Ae({
   name: "FusionPhoneInput",
   components: { CountrySelectList: xs, FusionPanel: Nn, CountrySelectDropdown: Vs, SVGExclamationTriangle: ia },
   props: {
@@ -2770,7 +2776,7 @@ function Ys(e, t, n, r, a, o) {
     ])) : U("", !0)
   ], 8, Ms);
 }
-const z0 = /* @__PURE__ */ xe(Ns, [["render", Ys], ["__scopeId", "data-v-73c1b5cf"]]), Ws = Ae({
+const z0 = /* @__PURE__ */ xe(Ns, [["render", Ys], ["__scopeId", "data-v-aa7af1cf"]]), Ws = Ae({
   name: "SVGInformationCircle"
 }), zs = {
   width: "24",
@@ -2796,7 +2802,7 @@ const z0 = /* @__PURE__ */ xe(Ns, [["render", Ys], ["__scopeId", "data-v-73c1b5c
 ], -1), js = /* @__PURE__ */ C("g", { mask: "url(#mask0_2424_668)" }, [
   /* @__PURE__ */ C("path", {
     d: "M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16V12C13 11.7167 12.9042 11.4792 12.7125 11.2875C12.5208 11.0958 12.2833 11 12 11C11.7167 11 11.4792 11.0958 11.2875 11.2875C11.0958 11.4792 11 11.7167 11 12V16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z",
-    fill: "fillColor"
+    fill: "currentColor"
   })
 ], -1), Gs = [
   Ks,
@@ -2831,7 +2837,7 @@ const _s = /* @__PURE__ */ xe(Ws, [["render", Zs]]), $s = Ae({
 ], -1), au = /* @__PURE__ */ C("g", { mask: "url(#mask0_2424_680)" }, [
   /* @__PURE__ */ C("path", {
     d: "M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM12 13C12.2833 13 12.5208 12.9042 12.7125 12.7125C12.9042 12.5208 13 12.2833 13 12V8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8V12C11 12.2833 11.0958 12.5208 11.2875 12.7125C11.4792 12.9042 11.7167 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z",
-    fill: "fillColor"
+    fill: "currentColor"
   })
 ], -1), nu = [
   tu,
@@ -3003,7 +3009,7 @@ function Au(e, t, n, r, a, o) {
     _: 3
   });
 }
-const K0 = /* @__PURE__ */ xe(fu, [["render", Au], ["__scopeId", "data-v-5f90f955"]]);
+const K0 = /* @__PURE__ */ xe(fu, [["render", Au], ["__scopeId", "data-v-d1afd31b"]]);
 function ct(e) {
   "@babel/helpers - typeof";
   return ct = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
@@ -11627,7 +11633,7 @@ function qv(e, t, n, r, a, o) {
     ])) : U("", !0)
   ], 8, Vv);
 }
-const j0 = /* @__PURE__ */ xe(Qv, [["render", qv], ["__scopeId", "data-v-458a850c"]]), Rv = Ae({
+const j0 = /* @__PURE__ */ xe(Qv, [["render", qv], ["__scopeId", "data-v-1a23a7be"]]), Rv = Ae({
   name: "FusionSearchableInput",
   components: {
     SVGSearch: Xr,
@@ -11833,7 +11839,7 @@ function Wv(e, t, n, r, a, o) {
         "onUpdate:input": e.updateInput
       }, {
         icon: we(() => [
-          Se(i)
+          Se(i, { class: "fusion-searchable-input-search-icon" })
         ]),
         _: 1
       }, 8, ["id", "tabindex", "autofocus", "aria-labelledby", "aria-invalid", "aria-disabled", "class", "error-label", "disabled", "input", "placeholder", "autocomplete", "onClick", "onInput:blur", "onInput:focus", "onKeydown", "onUpdate:input"]),
@@ -11855,7 +11861,7 @@ function Wv(e, t, n, r, a, o) {
     ])
   ], 8, Ev);
 }
-const G0 = /* @__PURE__ */ xe(Rv, [["render", Wv], ["__scopeId", "data-v-82c60b5d"]]), zv = Ae({
+const G0 = /* @__PURE__ */ xe(Rv, [["render", Wv], ["__scopeId", "data-v-a461d669"]]), zv = Ae({
   name: "SVGDecrement"
 }), Kv = {
   width: "24",
@@ -12176,7 +12182,7 @@ function g0(e, t, n, r, a, o) {
     ])
   ], 8, f0);
 }
-const Z0 = /* @__PURE__ */ xe(p0, [["render", g0], ["__scopeId", "data-v-9d61755c"]]), h0 = Ae({
+const Z0 = /* @__PURE__ */ xe(p0, [["render", g0], ["__scopeId", "data-v-c9dd10c1"]]), h0 = Ae({
   name: "FusionTag",
   props: {
     variantStyle: {
@@ -12252,7 +12258,7 @@ function b0(e, t, n, r, a, o) {
     C("div", y0, fe(e.label), 1)
   ], 2);
 }
-const _0 = /* @__PURE__ */ xe(h0, [["render", b0], ["__scopeId", "data-v-10d9367f"]]), A0 = Ae({
+const _0 = /* @__PURE__ */ xe(h0, [["render", b0], ["__scopeId", "data-v-09d45301"]]), A0 = Ae({
   name: "FusionDivider"
 });
 const k0 = {