@oub/fusion 0.2.69 → 0.2.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,5 @@
1
+ import type { PropType } from "vue";
2
+ import type { FusionButtonVariantType } from '../../../../types/components/FusionButton';
1
3
  declare const _default: import("vue").DefineComponent<{
2
4
  title: {
3
5
  type: StringConstructor;
@@ -23,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
23
25
  type: BooleanConstructor;
24
26
  default: boolean;
25
27
  };
28
+ confirmButtonVariant: {
29
+ type: PropType<keyof FusionButtonVariantType>;
30
+ default: string;
31
+ };
26
32
  }, unknown, {
27
33
  isMobile: boolean;
28
34
  headerShadow: boolean;
@@ -64,6 +70,10 @@ declare const _default: import("vue").DefineComponent<{
64
70
  type: BooleanConstructor;
65
71
  default: boolean;
66
72
  };
73
+ confirmButtonVariant: {
74
+ type: PropType<keyof FusionButtonVariantType>;
75
+ default: string;
76
+ };
67
77
  }>> & {
68
78
  onClose?: ((...args: any[]) => any) | undefined;
69
79
  onCancel?: ((...args: any[]) => any) | undefined;
@@ -74,5 +84,6 @@ declare const _default: import("vue").DefineComponent<{
74
84
  mobileBreakpoint: number;
75
85
  hideCancel: boolean;
76
86
  hideConfirm: boolean;
87
+ confirmButtonVariant: keyof FusionButtonVariantType;
77
88
  }, {}>;
78
89
  export default _default;
@@ -1,3 +1,5 @@
1
+ import type { PropType } from "vue";
2
+ import type { FusionButtonVariantType } from '../../../../../types/components/FusionButton';
1
3
  declare const _default: import("vue").DefineComponent<{
2
4
  hideCancel: {
3
5
  type: BooleanConstructor;
@@ -23,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
23
25
  type: NumberConstructor;
24
26
  default: number;
25
27
  };
28
+ confirmButtonVariant: {
29
+ type: PropType<keyof FusionButtonVariantType>;
30
+ default: string;
31
+ };
26
32
  }, unknown, {
27
33
  isMobile: boolean;
28
34
  }, {}, {
@@ -54,6 +60,10 @@ declare const _default: import("vue").DefineComponent<{
54
60
  type: NumberConstructor;
55
61
  default: number;
56
62
  };
63
+ confirmButtonVariant: {
64
+ type: PropType<keyof FusionButtonVariantType>;
65
+ default: string;
66
+ };
57
67
  }>> & {
58
68
  onCancel?: ((...args: any[]) => any) | undefined;
59
69
  onConfirm?: ((...args: any[]) => any) | undefined;
@@ -64,5 +74,6 @@ declare const _default: import("vue").DefineComponent<{
64
74
  hasShadow: boolean;
65
75
  hideCancel: boolean;
66
76
  hideConfirm: boolean;
77
+ confirmButtonVariant: keyof FusionButtonVariantType;
67
78
  }, {}>;
68
79
  export default _default;
package/dist/fusion.js CHANGED
@@ -13357,15 +13357,18 @@ const nh = /* @__PURE__ */ ye(um, [["render", vm], ["__scopeId", "data-v-1f46aea
13357
13357
  }
13358
13358
  }
13359
13359
  });
13360
- const hm = { class: "fusion-footer-bar-content" }, gm = { class: "fusion-footer-bar-actions" };
13360
+ const hm = {
13361
+ key: 0,
13362
+ class: "fusion-footer-bar-content"
13363
+ }, gm = { class: "fusion-footer-bar-actions" };
13361
13364
  function ym(e, t, n, r, a, o) {
13362
13365
  const i = me("FusionButton");
13363
13366
  return d(), m("footer", {
13364
13367
  class: W(["fusion-footer-bar", { "fusion-footer-bar-mobile": e.isMobile }])
13365
13368
  }, [
13366
- y("div", hm, [
13369
+ e.$slots.content ? (d(), m("div", hm, [
13367
13370
  $(e.$slots, "content", {}, void 0, !0)
13368
- ]),
13371
+ ])) : D("", !0),
13369
13372
  y("div", gm, [
13370
13373
  e.hideCancelButton ? D("", !0) : (d(), de(i, {
13371
13374
  key: 0,
@@ -13400,7 +13403,7 @@ function ym(e, t, n, r, a, o) {
13400
13403
  ])
13401
13404
  ], 2);
13402
13405
  }
13403
- const rh = /* @__PURE__ */ ye(mm, [["render", ym], ["__scopeId", "data-v-6682fa80"]]), bm = {
13406
+ const rh = /* @__PURE__ */ ye(mm, [["render", ym], ["__scopeId", "data-v-38ad950f"]]), bm = {
13404
13407
  name: "FusionSubheadingBar",
13405
13408
  props: {
13406
13409
  label: {
@@ -13502,6 +13505,10 @@ const Pm = /* @__PURE__ */ ye(Cm, [["render", Dm], ["__scopeId", "data-v-37ccd52
13502
13505
  mobileBreakpoint: {
13503
13506
  type: Number,
13504
13507
  default: 768
13508
+ },
13509
+ confirmButtonVariant: {
13510
+ type: String,
13511
+ default: "primary"
13505
13512
  }
13506
13513
  },
13507
13514
  emits: ["cancel", "confirm"],
@@ -13546,12 +13553,12 @@ function Bm(e, t, n, r, a, o) {
13546
13553
  size: "small",
13547
13554
  "variant-style": "filled",
13548
13555
  label: n.confirmButtonLabel,
13549
- "variant-type": "primary",
13556
+ "variant-type": n.confirmButtonVariant,
13550
13557
  onClick: o.handleConfirm
13551
- }, null, 8, ["label", "onClick"]))
13558
+ }, null, 8, ["label", "variant-type", "onClick"]))
13552
13559
  ], 2);
13553
13560
  }
13554
- const Fm = /* @__PURE__ */ ye(Tm, [["render", Bm], ["__scopeId", "data-v-4f48b816"]]), xm = {
13561
+ const Fm = /* @__PURE__ */ ye(Tm, [["render", Bm], ["__scopeId", "data-v-35a2398b"]]), xm = {
13555
13562
  name: "FusionModal",
13556
13563
  components: {
13557
13564
  FusionModalHeader: Pm,
@@ -13582,6 +13589,10 @@ const Fm = /* @__PURE__ */ ye(Tm, [["render", Bm], ["__scopeId", "data-v-4f48b81
13582
13589
  hideConfirm: {
13583
13590
  type: Boolean,
13584
13591
  default: !1
13592
+ },
13593
+ confirmButtonVariant: {
13594
+ type: String,
13595
+ default: "primary"
13585
13596
  }
13586
13597
  },
13587
13598
  emits: ["close", "confirm", "cancel"],
@@ -13631,7 +13642,7 @@ const Fm = /* @__PURE__ */ ye(Tm, [["render", Bm], ["__scopeId", "data-v-4f48b81
13631
13642
  }
13632
13643
  }
13633
13644
  };
13634
- const Om = (e) => (Un("data-v-13be1642"), e = e(), Vn(), e), Im = ["aria-labelledby"], Um = /* @__PURE__ */ Om(() => /* @__PURE__ */ y("div", {
13645
+ const Om = (e) => (Un("data-v-e52f3fcf"), e = e(), Vn(), e), Im = ["aria-labelledby"], Um = /* @__PURE__ */ Om(() => /* @__PURE__ */ y("div", {
13635
13646
  class: "fusion-modal-background",
13636
13647
  "aria-hidden": "true"
13637
13648
  }, null, -1));
@@ -13675,9 +13686,10 @@ function Vm(e, t, n, r, a, o) {
13675
13686
  "confirm-button-label": n.confirmButtonLabel,
13676
13687
  "hide-cancel": n.hideCancel,
13677
13688
  "hide-confirm": n.hideConfirm,
13689
+ "confirm-button-variant": n.confirmButtonVariant,
13678
13690
  onCancel: o.cancelModal,
13679
13691
  onConfirm: o.confirmModal
13680
- }, null, 8, ["mobile-breakpoint", "has-shadow", "cancel-button-label", "confirm-button-label", "hide-cancel", "hide-confirm", "onCancel", "onConfirm"]))
13692
+ }, null, 8, ["mobile-breakpoint", "has-shadow", "cancel-button-label", "confirm-button-label", "hide-cancel", "hide-confirm", "confirm-button-variant", "onCancel", "onConfirm"]))
13681
13693
  ], 8, Im)
13682
13694
  ]),
13683
13695
  _: 3
@@ -13685,7 +13697,7 @@ function Vm(e, t, n, r, a, o) {
13685
13697
  Um
13686
13698
  ], 2);
13687
13699
  }
13688
- const ih = /* @__PURE__ */ ye(xm, [["render", Vm], ["__scopeId", "data-v-13be1642"]]);
13700
+ const ih = /* @__PURE__ */ ye(xm, [["render", Vm], ["__scopeId", "data-v-e52f3fcf"]]);
13689
13701
  export {
13690
13702
  Jm as FusionBanner,
13691
13703
  zr as FusionButton,