@oub/fusion 0.2.45 → 0.2.47

package/LICENSE.md

@@ -0,0 +1,29 @@
+# Copyright (c) 2024 One Utility Bill
+
+## Creative Commons Attribution-NonCommercial 4.0 International Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-NonCommercial 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
+
+### Section 1 – Definitions.
+- **Licensed Material**: The artistic or literary work, database, or other material to which the Licensor applied this Public License.
+- **Licensed Rights**: Rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
+- **NonCommercial**: Not primarily intended for or directed towards commercial advantage or monetary compensation.
+- **Share**: To provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, distribution, etc.
+- **You**: The individual or entity exercising the Licensed Rights under this Public License.
+
+### Section 2 – Scope.
+1. **License grant**: Subject to the terms and conditions of this Public License, the Licensor grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to:
+    - Reproduce and Share the Licensed Material, in whole or in part, for NonCommercial purposes only.
+    - Produce, reproduce, and Share Adapted Material for NonCommercial purposes only.
+
+2. **Attribution**: If You Share the Licensed Material (including in modified form), You must:
+    - Give appropriate credit, provide a link to the license, and indicate if changes were made.
+    - Not impose any additional restrictions, including on downstream users.
+
+3. **NonCommercial Use**: You may use the Licensed Material only for NonCommercial purposes.
+
+### Section 3 – Disclaimer of Warranties and Limitation of Liability.
+- The Licensed Material is offered "as-is" and "as-available" without warranties of any kind.
+- The Licensor shall not be liable for any damages arising from this Public License.
+
+For the full legal code, please visit: [CC BY-NC 4.0 License](https://creativecommons.org/licenses/by-nc/4.0/legalcode)

package/README.md

@@ -60,3 +60,8 @@ npm run test:storybook
 ```sh
 npm run lint
 ```
+
+## License
+This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0). You are free to share and adapt the work, as long as it's for non-commercial purposes, and appropriate credit is given. [Learn more about the license](https://creativecommons.org/licenses/by-nc/4.0/).
+
+[![License: CC BY-NC 4.0](https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc/4.0/)

package/dist/components/form/button/FusionButton.vue.d.ts

@@ -50,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     variantStyleClass(): "" | "fusion-button-filled" | "fusion-button-outline" | "fusion-button-ghost";
     buttonSizeClass(): "" | "fusion-button-small" | "fusion-button-regular";
     buttonHasIcon(): "" | "fusion-button-with-icon";
+    isLoadingClass(): "" | "fusion-button-loading";
 }, {
     onClick(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/fusion.js

@@ -17,7 +17,7 @@ const Ne = (e, t) => {
   for (const [r, a] of t)
     n[r] = a;
   return n;
-}, Wo = ["data-test"], zo = /* @__PURE__ */ No('<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="loader" data-v-a23404a3><mask id="mask0_3622_204" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32" data-v-a23404a3><rect width="32" height="32" fill="#D9D9D9" data-v-a23404a3></rect></mask><g mask="url(#mask0_3622_204)" data-v-a23404a3><path d="M16 29.3333C14.1778 29.3333 12.4555 28.9833 10.8333 28.2833C9.2111 27.5833 7.79443 26.6278 6.58332 25.4167C5.37221 24.2055 4.41666 22.7889 3.71666 21.1667C3.01666 19.5444 2.66666 17.8222 2.66666 16C2.66666 14.1555 3.01666 12.4278 3.71666 10.8167C4.41666 9.20555 5.37221 7.79443 6.58332 6.58332C7.79443 5.37221 9.2111 4.41666 10.8333 3.71666C12.4555 3.01666 14.1778 2.66666 16 2.66666C16.3778 2.66666 16.6944 2.79443 16.95 3.04999C17.2055 3.30555 17.3333 3.62221 17.3333 3.99999C17.3333 4.37777 17.2055 4.69443 16.95 4.94999C16.6944 5.20555 16.3778 5.33332 16 5.33332C13.0444 5.33332 10.5278 6.37221 8.44999 8.44999C6.37221 10.5278 5.33332 13.0444 5.33332 16C5.33332 18.9555 6.37221 21.4722 8.44999 23.55C10.5278 25.6278 13.0444 26.6667 16 26.6667C18.9555 26.6667 21.4722 25.6278 23.55 23.55C25.6278 21.4722 26.6667 18.9555 26.6667 16C26.6667 15.6222 26.7944 15.3055 27.05 15.05C27.3055 14.7944 27.6222 14.6667 28 14.6667C28.3778 14.6667 28.6944 14.7944 28.95 15.05C29.2055 15.3055 29.3333 15.6222 29.3333 16C29.3333 17.8222 28.9833 19.5444 28.2833 21.1667C27.5833 22.7889 26.6278 24.2055 25.4167 25.4167C24.2055 26.6278 22.7944 27.5833 21.1833 28.2833C19.5722 28.9833 17.8444 29.3333 16 29.3333Z" fill="currentColor" data-v-a23404a3></path></g></svg><span class="loader-text" data-v-a23404a3>Loading</span>', 2), Ko = [
+}, Wo = ["data-test"], zo = /* @__PURE__ */ No('<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="loader" data-v-fea7c392><mask id="mask0_3622_204" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32" data-v-fea7c392><rect width="32" height="32" fill="#D9D9D9" data-v-fea7c392></rect></mask><g mask="url(#mask0_3622_204)" data-v-fea7c392><path d="M16 29.3333C14.1778 29.3333 12.4555 28.9833 10.8333 28.2833C9.2111 27.5833 7.79443 26.6278 6.58332 25.4167C5.37221 24.2055 4.41666 22.7889 3.71666 21.1667C3.01666 19.5444 2.66666 17.8222 2.66666 16C2.66666 14.1555 3.01666 12.4278 3.71666 10.8167C4.41666 9.20555 5.37221 7.79443 6.58332 6.58332C7.79443 5.37221 9.2111 4.41666 10.8333 3.71666C12.4555 3.01666 14.1778 2.66666 16 2.66666C16.3778 2.66666 16.6944 2.79443 16.95 3.04999C17.2055 3.30555 17.3333 3.62221 17.3333 3.99999C17.3333 4.37777 17.2055 4.69443 16.95 4.94999C16.6944 5.20555 16.3778 5.33332 16 5.33332C13.0444 5.33332 10.5278 6.37221 8.44999 8.44999C6.37221 10.5278 5.33332 13.0444 5.33332 16C5.33332 18.9555 6.37221 21.4722 8.44999 23.55C10.5278 25.6278 13.0444 26.6667 16 26.6667C18.9555 26.6667 21.4722 25.6278 23.55 23.55C25.6278 21.4722 26.6667 18.9555 26.6667 16C26.6667 15.6222 26.7944 15.3055 27.05 15.05C27.3055 14.7944 27.6222 14.6667 28 14.6667C28.3778 14.6667 28.6944 14.7944 28.95 15.05C29.2055 15.3055 29.3333 15.6222 29.3333 16C29.3333 17.8222 28.9833 19.5444 28.2833 21.1667C27.5833 22.7889 26.6278 24.2055 25.4167 25.4167C24.2055 26.6278 22.7944 27.5833 21.1833 28.2833C19.5722 28.9833 17.8444 29.3333 16 29.3333Z" fill="currentColor" data-v-fea7c392></path></g></svg><span class="loader-text" data-v-fea7c392>Loading</span>', 2), Ko = [
   zo
 ];
 function jo(e, t, n, r, a, o) {
@@ -27,7 +27,7 @@ function jo(e, t, n, r, a, o) {
     "data-test": e.dataTest
   }, Ko, 8, Wo);
 }
-const Fn = /* @__PURE__ */ Ne(Yo, [["render", jo], ["__scopeId", "data-v-a23404a3"]]), Go = Ce({
+const Fn = /* @__PURE__ */ Ne(Yo, [["render", jo], ["__scopeId", "data-v-fea7c392"]]), Go = Ce({
   name: "FusionButton",
   components: { FusionLoadingSpinner: Fn },
   props: {
@@ -126,6 +126,9 @@ const Fn = /* @__PURE__ */ Ne(Yo, [["render", jo], ["__scopeId", "data-v-a23404a
     },
     buttonHasIcon() {
       return this.$slots.icon ? "fusion-button-with-icon" : "";
+    },
+    isLoadingClass() {
+      return this.loading ? "fusion-button-loading" : "";
     }
   },
   mounted() {
@@ -144,7 +147,7 @@ function $o(e, t, n, r, a, o) {
     id: "fusion-btn",
     ref: "fusionButtonEl",
     disabled: e.isDisabled || e.isLoading,
-    class: ne(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass, e.buttonHasIcon]]),
+    class: ne(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass, e.buttonHasIcon, e.isLoadingClass]]),
     "data-test": e.dataTest,
     type: e.type,
     onFocus: t[0] || (t[0] = (l) => e.focus = !0),
@@ -360,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)
@@ -377,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",
@@ -1217,7 +1220,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: {
@@ -1670,14 +1673,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,
@@ -2685,11 +2688,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", {
@@ -2763,15 +2763,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",
@@ -11572,7 +11569,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");
@@ -11628,7 +11625,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,
@@ -11860,7 +11857,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",