@adyen/bento-vue2 1.43.0 → 1.45.0

package/dist/chunks/{button.CufUNBkv.js → button.BX6ZJxF7.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, useAttrs as m, useSlots as v, computed as i } from "vue";
-import { B as g } from "./typography.Bu_WAKdf.js";
+import { B as g } from "./typography.J1v_SPG3.js";
 import { u as C } from "./use-has-slot.C9lQZ6nz.js";
-import { B as S, a as E } from "./link.v-y0fKjn.js";
+import { B as S, a as E } from "./link.UOEUR35A.js";
 import { n as R } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/button.css";
 var l = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.TERTIARY = "tertiary", e.TERTIARY_WITH_BACKGROUND = "tertiary-with-background", e))(l || {}), s = /* @__PURE__ */ ((e) => (e.CONDENSED = "condensed", e.DESTRUCTIVE = "critical", e.DISABLED = "disabled", e.ICON_ONLY = "icon-only", e.INVERSE = "inverse", e))(s || {});
@@ -49,11 +49,11 @@ const I = {
     }
   },
   emits: ["blur", "click", "focus", "keydown.esc"],
-  setup(e, { emit: o }) {
+  setup(e, { emit: a }) {
     const t = e, n = m(), r = v(), c = C(r), u = i(() => (t == null ? void 0 : t.link) !== void 0 ? S : "button"), d = i(() => {
-      var a, b;
+      var o, b;
       return {
-        "aria-controls": (a = n["aria-controls"]) == null ? void 0 : a.toString(),
+        "aria-controls": (o = n["aria-controls"]) == null ? void 0 : o.toString(),
         "aria-expanded": (b = n["aria-expanded"]) == null ? void 0 : b.toString()
       };
     }), _ = i(
@@ -70,25 +70,25 @@ const I = {
       [`b-button--${s.DISABLED}`]: t.disabled,
       [`b-button--${s.INVERSE}`]: t.inverse
     }));
-    return { __sfc: !0, props: t, emit: o, attrs: n, slots: r, hasSlot: c, componentType: u, ariaAttributes: d, componentProps: _, variantClass: p, conditionalClasses: f, getIconOnlyClass: () => ({
+    return { __sfc: !0, props: t, emit: a, attrs: n, slots: r, hasSlot: c, componentType: u, ariaAttributes: d, componentProps: _, variantClass: p, conditionalClasses: f, getIconOnlyClass: () => ({
       [`b-button--${s.ICON_ONLY}`]: !c("default")
-    }), onClickButton: (a) => {
-      t.disabled ? (a.preventDefault(), a.stopPropagation()) : o("click", a);
+    }), onClickButton: (o) => {
+      t.disabled ? (o.preventDefault(), o.stopPropagation()) : a("click", o);
     }, BentoTypography: g };
   }
 });
 var D = function() {
-  var o = this, t = o._self._c, n = o._self._setupProxy;
-  return t(n.componentType, o._b({ tag: "component", staticClass: "b-button", class: { ...n.conditionalClasses, ...n.getIconOnlyClass() }, on: { "!click": function(r) {
+  var a = this, t = a._self._c, n = a._self._setupProxy;
+  return t(n.componentType, a._b({ tag: "component", staticClass: "b-button", class: { ...n.conditionalClasses, ...n.getIconOnlyClass() }, on: { "!click": function(r) {
     return n.onClickButton.apply(null, arguments);
-  } } }, "component", n.componentProps, !1), [n.hasSlot("iconLeft") ? t("span", { staticClass: "b-button__icon-left", attrs: { "data-testid": "icon-button-left" } }, [o._t("iconLeft")], 2) : o._e(), n.hasSlot("default") ? t(n.BentoTypography, { staticClass: "b-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [o._t("default")], 2) : o._e(), n.hasSlot("iconRight") ? t("span", { staticClass: "b-button__icon-right", attrs: { "data-testid": "icon-button-right" } }, [o._t("iconRight")], 2) : o._e()], 1);
+  } } }, "component", n.componentProps, !1), [n.hasSlot("iconLeft") ? t("span", { staticClass: "b-button__icon-left", attrs: { "data-testid": "icon-button-left" } }, [a._t("iconLeft")], 2) : a._e(), n.hasSlot("default") ? t(n.BentoTypography, { staticClass: "b-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [a._t("default")], 2) : a._e(), n.hasSlot("iconRight") ? t("span", { staticClass: "b-button__icon-right", attrs: { "data-testid": "icon-button-right" } }, [a._t("iconRight")], 2) : a._e()], 1);
 }, h = [], k = /* @__PURE__ */ R(
   T,
   D,
   h,
   !1,
   null,
-  "3c210332"
+  "aea614e5"
 );
 const x = k.exports;
 export {
@@ -96,4 +96,4 @@ export {
   l as a,
   s as b
 };
-//# sourceMappingURL=button.CufUNBkv.js.map
+//# sourceMappingURL=button.BX6ZJxF7.js.map

package/dist/chunks/button.BX6ZJxF7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.BX6ZJxF7.js","sources":["../../../core/src/components/button/button.types.ts","../../src/components/button/button.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n    TERTIARY_WITH_BACKGROUND = 'tertiary-with-background',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\n    INVERSE = 'inverse',\n}\n\nexport interface BentoButtonProps {\n    condensed?: boolean;\n    critical?: boolean;\n    disabled?: boolean;\n    inverse?: boolean;\n    variant?: BentoButtonVariant | `${BentoButtonVariant}`;\n    type?: string;\n    link?: object;\n}\n","<template>\n    <component\n        :is=\"componentType\"\n        v-bind=\"componentProps\"\n        class=\"b-button\"\n        :class=\"{ ...conditionalClasses, ...getIconOnlyClass() }\"\n        @click.capture=\"onClickButton\"\n    >\n        <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n            <slot name=\"iconLeft\" />\n        </span>\n        <bento-typography v-if=\"hasSlot('default')\" el=\"span\" variant=\"body\" stronger class=\"b-button__label\">\n            <slot />\n        </bento-typography>\n        <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n            <slot name=\"iconRight\" />\n        </span>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, useAttrs, useSlots } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { Booleanish } from '@/types/prop-types';\n    import type { RouterLinkProps } from 'vue-router/types/router.d.ts';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { BentoLink, BentoLinkVariant } from '@/components/link';\n\n    // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n    // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n    export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n        // eslint-disable-next-line vue/require-default-prop\n        args?: { props: RouterLinkProps };\n\n        /**\n         * Set the rendered link to a regular external anchor link.\n         */\n        external: boolean;\n    }\n\n    const props = defineProps({\n        /**\n         * Reduces sizing of button\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Displays button as critical\n         */\n        critical: { type: Boolean, default: false },\n\n        /**\n         * Disables button functionality\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Sets color set to inverse\n         */\n        inverse: { type: Boolean, default: false },\n\n        /**\n         * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n         */\n        link: { type: Object, default: undefined },\n\n        /**\n         * The default behavior of the button.\n         * Possible values are: 'button', 'reset', 'submit'\n         */\n        type: {\n            type: String as PropType<ButtonHTMLAttributes['type']>,\n            default: 'button',\n        },\n\n        /**\n         * Types of flavour of Button\n         * @values primary, secondary, tertiary, tertiary-with-background\n         */\n        variant: {\n            type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n            default: BentoButtonVariant.PRIMARY,\n            validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits([\"blur\", \"click\", \"focus\", \"keydown.esc\"]);\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const componentType = computed(() => {\n        if (props?.link !== undefined) {\n            return BentoLink;\n        }\n        return 'button';\n    });\n    const ariaAttributes = computed(() => ({\n        'aria-controls': attrs['aria-controls']?.toString() as string,\n        'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n    }));\n\n    const componentProps = computed(() =>\n        componentType.value === 'button'\n            ? {\n                  ...ariaAttributes.value,\n                  disabled: props.disabled,\n                  type: props.type,\n              }\n            : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT, isButton: true }\n    );\n\n    const variantClass = computed(() => ({\n        [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        ...variantClass.value,\n        [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n        [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\n    }));\n\n    const getIconOnlyClass = () => ({\n        [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !hasSlot('default'),\n    });\n\n    const onClickButton = (e: MouseEvent) => {\n        if (!props.disabled) {\n            emit('click', e);\n        } else {\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @example\n     * import { BentoButton } from '@adyen/bento-vue2';\n     * import { CheckMarkIcon } from '@adyen/ui-assets-icons-16';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             variant=\"secondary\"\n     *         >\n     *              <template #iconLeft>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *\n     *              Button text\n     *\n     *              <template #iconRight>\n     *                  <check-mark svg-title=\"checked\" />\n     *              </template>\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default {\n        name: 'bento-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","__default__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","props","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","e","emit"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,2BAAA,4BAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;AC8JR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhFAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIC,KAAA,gBAAAA,EAAA,UAAA,SACIC,IAEJ,QAAO,GAEXC,IAAAH,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAI,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,QACe,kBAAAC,IAAAZ,EAAA,eAAA,MAAA,gBAAAY,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAN;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAI,EAAA;AAAA,QACsB,UAAAF,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAM,EAAA,SAAA,UAAA,GAAA;AAAA,IAE4E,GAGtGC,IAAAR,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAC,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAX,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGmB,IAAAT,EAAA,OAAA;AAAA,MAA2C,GAAAQ,EAAA;AAAA,MACvB,CAAA,aAAAlB,EAAA,SAAA,EAAA,GAAAW,EAAA;AAAA,MACuC,CAAA,aAAAX,EAAA,QAAA,EAAA,GAAAW,EAAA;AAAA,MACD,CAAA,aAAAX,EAAA,OAAA,EAAA,GAAAW,EAAA;AAAA,IACD,EAAA;6LAGzD,OAAA;AAAA,MAAgC,CAAA,aAAAX,EAAA,SAAA,EAAA,GAAA,CAAAO,EAAA,SAAA;AAAA,IACuC,mBAGvE,CAAAa,MAAA;AACI,MAAAT,EAAA,YAGIS,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAC,EAAA,SAAAD,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{calendar.B9WZ8ub3.js → calendar.BouORZfb.js}

@@ -1,14 +1,14 @@
 import { defineComponent as ue, computed as b, ref as F, watch as V, nextTick as Ee, toRef as L, reactive as he } from "vue";
 import { r as E, t as S, a as fe, g as Ne } from "./get-date-locale.BN8xEjY0.js";
-import { t as I, B as we, a as Te, f as ve } from "./date.BQ29-2L1.js";
+import { t as I, B as we, a as Te, f as ve } from "./date.1zs9CRhw.js";
 import { e as te } from "./index.CrhTVr5J.js";
-import { B as be } from "./button.CufUNBkv.js";
-import { B as ke } from "./typography.Bu_WAKdf.js";
+import { B as be } from "./button.BX6ZJxF7.js";
+import { B as ke } from "./typography.J1v_SPG3.js";
 import { u as Me } from "./i18n.BQkEbtPM.js";
-import { g as Ie } from "./generate-uid.D-HFI38h.js";
-import { C as xe, a as pe } from "./chevron-left.CtnrsqUy.js";
-import { n as le } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { g as Ie } from "./generate-uid.NJ8tVoha.js";
+import { C as xe, a as pe } from "./chevron-left.PIu6yPqe.js";
 import { a as Re } from "./keyboard-navigation.Clz1jOaA.js";
+import { n as le } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/calendar.css";
 function q(e, t) {
   E(2, arguments);
@@ -401,8 +401,8 @@ const ye = /* @__PURE__ */ Ve(Ke), Xe = ({ currentSelectedDate: e, month: t, isD
     BentoButton: be,
     BentoTypography: ke,
     CalendarMonthDay: He,
-    ChevronLeftIcon: xe,
-    ChevronRightIcon: pe
+    ChevronLeftIcon: pe,
+    ChevronRightIcon: xe
   },
   directives: { BentoKeyboardNavigationDirective: Re },
   props: {
@@ -872,4 +872,4 @@ export {
   C as s,
   nt as u
 };
-//# sourceMappingURL=calendar.B9WZ8ub3.js.map
+//# sourceMappingURL=calendar.BouORZfb.js.map