@oub/fusion 0.2.156 → 0.2.158

package/dist/fusion.js

@@ -371,7 +371,7 @@ function nu(e, t, a, r, n, o) {
     ]))
   ], 8, Xl);
 }
-const J2 = /* @__PURE__ */ pe(jl, [["render", nu], ["__scopeId", "data-v-461f6a3b"]]), ru = oe({
+const J2 = /* @__PURE__ */ pe(jl, [["render", nu], ["__scopeId", "data-v-f1ccaff1"]]), ru = oe({
   name: "SVGLine"
 }), ou = {
   width: "9",
@@ -1164,7 +1164,7 @@ function nd(e, t, a, r, n, o) {
     _(e.$slots, "content", {}, void 0, !0)
   ], 10, Gu);
 }
-const Ao = /* @__PURE__ */ pe(Ku, [["render", nd], ["__scopeId", "data-v-374c9481"]]), rd = oe({
+const Ao = /* @__PURE__ */ pe(Ku, [["render", nd], ["__scopeId", "data-v-13520a08"]]), rd = oe({
   name: "SVGCheck"
 }), od = {
   width: "24",
@@ -1324,7 +1324,7 @@ function pd(e, t, a, r, n, o) {
     _: 3
   }, 16, ["class", "tabindex", "onClick", "onKeydown", "onMouseover", "onMouseout", "onMousedown", "onMouseup"]);
 }
-const us = /* @__PURE__ */ pe(ld, [["render", pd], ["__scopeId", "data-v-22a37a49"]]), fd = oe({
+const us = /* @__PURE__ */ pe(ld, [["render", pd], ["__scopeId", "data-v-9b89f3f9"]]), fd = oe({
   name: "FusionListBox",
   components: {
     SVGSearch: ls,
@@ -2903,7 +2903,7 @@ function yc(e, t, a, r, n, o) {
     ])) : S("", !0)
   ], 8, dc);
 }
-const X2 = /* @__PURE__ */ pe(uc, [["render", yc], ["__scopeId", "data-v-e8c8de82"]]), bc = oe({
+const X2 = /* @__PURE__ */ pe(uc, [["render", yc], ["__scopeId", "data-v-970ea62d"]]), bc = oe({
   name: "FusionRadioGroup",
   components: { SVGExclamationOctagon: Ht, FusionRadio: Fu },
   props: {
@@ -11703,7 +11703,7 @@ function I1(e, t, a, r, n, o) {
     ])) : S("", !0)
   ], 8, F1);
 }
-const K2 = /* @__PURE__ */ pe(D1, [["render", I1], ["__scopeId", "data-v-1bc97e97"]]), M1 = oe({
+const K2 = /* @__PURE__ */ pe(D1, [["render", I1], ["__scopeId", "data-v-1951dccb"]]), M1 = oe({
   name: "FusionMonthDatePicker",
   components: { SVGCalendar: Jo, SVGExclamationOctagon: Ht, VueDatePicker: Cn },
   props: {
@@ -11875,7 +11875,7 @@ function E1(e, t, a, r, n, o) {
     ])) : S("", !0)
   ], 8, L1);
 }
-const G2 = /* @__PURE__ */ pe(M1, [["render", E1], ["__scopeId", "data-v-ae16a61d"]]), q1 = oe({
+const G2 = /* @__PURE__ */ pe(M1, [["render", E1], ["__scopeId", "data-v-e1fa9ce8"]]), q1 = oe({
   name: "FusionRangeDatePicker",
   components: { SVGCalendar: Jo, SVGExclamationOctagon: Ht, VueDatePicker: Cn },
   props: {
@@ -12063,7 +12063,7 @@ function X1(e, t, a, r, n, o) {
     ])) : S("", !0)
   ], 8, H1);
 }
-const Z2 = /* @__PURE__ */ pe(q1, [["render", X1], ["__scopeId", "data-v-c06cc636"]]), W1 = oe({
+const Z2 = /* @__PURE__ */ pe(q1, [["render", X1], ["__scopeId", "data-v-5a9ac7da"]]), W1 = oe({
   name: "FusionCheckboxGroup",
   components: { SVGExclamationOctagon: Ht, FusionCheckbox: rs },
   props: {
@@ -12887,7 +12887,7 @@ const Vg = /* @__PURE__ */ pe(Ig, [["render", Lg]]), Ng = oe({
     }
   },
   emits: ["update:modelValue"],
-  data() {
+  data: function() {
     return {
       state: {
         value: 0
@@ -12895,39 +12895,39 @@ const Vg = /* @__PURE__ */ pe(Ig, [["render", Lg]]), Ng = oe({
     };
   },
   computed: {
-    stateClasses() {
+    stateClasses: function() {
       return {
         disabled: this.disabled
       };
     },
-    isMinDisabled() {
+    isMinDisabled: function() {
       return this.state.value === this.minValue;
     },
-    isMaxDisabled() {
+    isMaxDisabled: function() {
       return this.state.value === this.maxValue;
     }
   },
   watch: {
     modelValue: {
-      immediate: !0,
-      handler(e) {
+      handler: function(e) {
         this.state.value = e;
-      }
+      },
+      immediate: !0
     }
   },
   methods: {
-    increaseValue() {
+    increaseValue: function() {
       this.state.value < this.maxValue && (this.state.value += 1, this.$emit("update:modelValue", this.state.value));
     },
-    decreaseValue() {
+    decreaseValue: function() {
       this.state.value > this.minValue && (this.state.value -= 1, this.$emit("update:modelValue", this.state.value));
     }
   }
-}), Qg = ["data-test"], Rg = { class: "fusion-numeric-input-stepper headers" }, Eg = { class: "fusion-numeric-input-stepper inputs-wrapper" };
+}), Qg = ["data-test"], Rg = { class: "fusion-numeric-input-stepper-label-wrapper" }, Eg = { class: "fusion-numeric-input-stepper-wrapper" };
 function qg(e, t, a, r, n, o) {
   const i = re("SVGDecrement"), s = re("FusionIconButton"), l = re("SVGIncrement");
   return c(), h("div", {
-    class: "fusion-numeric-input-stepper wrapper",
+    class: "fusion-numeric-input-stepper-container",
     "data-test": e.dataTest
   }, [
     g("div", Rg, [
@@ -12945,9 +12945,9 @@ function qg(e, t, a, r, n, o) {
     g("div", Eg, [
       ue(s, {
         disabled: e.isMinDisabled || e.disabled,
-        label: "",
         type: "button",
         "variant-style": "outline",
+        "aria-label": "Decrement value button",
         "data-test": "fusion-numeric-input-stepper-decrement-btn",
         onClick: e.decreaseValue
       }, {
@@ -12956,15 +12956,16 @@ function qg(e, t, a, r, n, o) {
         ]),
         _: 1
       }, 8, ["disabled", "onClick"]),
-      g("span", {
+      g("div", {
         "data-text": "fusion-numeric-input-stepper-value",
-        class: z(["fusion-numeric-input-stepper value", e.stateClasses])
+        class: z(["fusion-numeric-input-stepper value", e.stateClasses]),
+        role: "status"
       }, te(e.state.value), 3),
       ue(s, {
         disabled: e.isMaxDisabled || e.disabled,
-        label: "",
         "variant-style": "outline",
         type: "button",
+        "aria-label": "Increment value button",
         "data-test": "fusion-numeric-input-stepper-increment-btn",
         onClick: e.increaseValue
       }, {
@@ -12976,7 +12977,7 @@ function qg(e, t, a, r, n, o) {
     ])
   ], 8, Qg);
 }
-const tb = /* @__PURE__ */ pe(Ng, [["render", qg], ["__scopeId", "data-v-c9dd10c1"]]), Hg = oe({
+const tb = /* @__PURE__ */ pe(Ng, [["render", qg], ["__scopeId", "data-v-50951b2e"]]), Hg = oe({
   name: "FusionTag",
   props: {
     variantStyle: {
@@ -13065,7 +13066,7 @@ function Jg(e, t, a, r, n, o) {
     g("div", zg, te(e.label), 1)
   ], 2);
 }
-const Yg = /* @__PURE__ */ pe(Hg, [["render", Jg], ["__scopeId", "data-v-d6bac064"]]), jg = oe({
+const Yg = /* @__PURE__ */ pe(Hg, [["render", Jg], ["__scopeId", "data-v-74c94cb4"]]), jg = oe({
   name: "FusionDivider"
 }), Xg = {
   class: "fusion-divider",