@adyen/bento-vue2 1.20.1 → 1.21.0

package/dist/chunks/{button.27948f1c.js → button.ff51261f.js}

@@ -1,14 +1,14 @@
 import { defineComponent as y, useAttrs as m, useSlots as v, computed as i } from "vue";
-import { B as S } from "./index.2f00afab.js";
+import { B as S } from "./index.3df55152.js";
 import { u as E } from "./use-has-slot.fbeb19ec.js";
-import { B as g, a as C } from "./index.54eb824c.js";
-import { n as R } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { B as g, a as R } from "./index.53296886.js";
+import { n as C } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/button.css";
-var l = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e.TERTIARY = "tertiary", e))(l || {}), s = /* @__PURE__ */ ((e) => (e.CONDENSED = "condensed", e.DESTRUCTIVE = "critical", e.DISABLED = "disabled", e.ICON_ONLY = "icon-only", e.INVERSE = "inverse", e))(s || {});
-const D = {
+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 || {});
+const T = {
   name: "bento-button"
-}, h = /* @__PURE__ */ y({
-  ...D,
+}, D = /* @__PURE__ */ y({
+  ...T,
   props: {
     /**
      * Reduces sizing of button
@@ -40,7 +40,7 @@ const D = {
     },
     /**
      * Types of flavour of Button
-     * @values primary, secondary, tertiary
+     * @values primary, secondary, tertiary, tertiary-with-background
      */
     variant: {
       type: String,
@@ -50,18 +50,18 @@ const D = {
   },
   emits: ["blur", "click", "focus", "keydown.esc"],
   setup(e, { emit: n }) {
-    const t = e, o = m(), r = v(), _ = E(r), c = i(() => (t == null ? void 0 : t.link) !== void 0 ? g : "button"), u = i(() => {
-      var a, p;
+    const t = e, o = m(), r = v(), p = E(r), c = i(() => (t == null ? void 0 : t.link) !== void 0 ? g : "button"), u = i(() => {
+      var a, _;
       return {
         "aria-controls": (a = o["aria-controls"]) == null ? void 0 : a.toString(),
-        "aria-expanded": (p = o["aria-expanded"]) == null ? void 0 : p.toString()
+        "aria-expanded": (_ = o["aria-expanded"]) == null ? void 0 : _.toString()
       };
     }), b = i(
       () => c.value === "button" ? {
         ...u.value,
         disabled: t.disabled,
         type: t.type
-      } : { ...t.link, disableTypography: !0, variant: C.DEFAULT, isButton: !0 }
+      } : { ...t.link, disableTypography: !0, variant: R.DEFAULT, isButton: !0 }
     ), d = i(() => ({
       [`b-button--${t.variant}${t.critical ? `-${s.DESTRUCTIVE}` : ""}`]: !0
     })), f = i(() => ({
@@ -71,23 +71,23 @@ const D = {
       [`b-button--${s.ICON_ONLY}`]: !r.default,
       [`b-button--${s.INVERSE}`]: t.inverse
     }));
-    return { __sfc: !0, props: t, emit: n, attrs: o, slots: r, hasSlot: _, componentType: c, ariaAttributes: u, componentProps: b, variantClass: d, conditionalClasses: f, onClickButton: (a) => {
+    return { __sfc: !0, props: t, emit: n, attrs: o, slots: r, hasSlot: p, componentType: c, ariaAttributes: u, componentProps: b, variantClass: d, conditionalClasses: f, onClickButton: (a) => {
       t.disabled ? (a.preventDefault(), a.stopPropagation()) : n("click", a);
     }, BentoTypography: S };
   }
 });
-var k = function() {
+var h = function() {
   var n = this, t = n._self._c, o = n._self._setupProxy;
   return t(o.componentType, n._b({ tag: "component", staticClass: "b-button", class: o.conditionalClasses, on: { "!click": function(r) {
     return o.onClickButton.apply(null, arguments);
   } } }, "component", o.componentProps, !1), [o.hasSlot("iconLeft") ? t("span", { staticClass: "b-button__icon-left", attrs: { "data-testid": "icon-button-left" } }, [n._t("iconLeft")], 2) : n._e(), o.hasSlot("default") ? t(o.BentoTypography, { staticClass: "b-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [n._t("default")], 2) : n._e(), o.hasSlot("iconRight") ? t("span", { staticClass: "b-button__icon-right", attrs: { "data-testid": "icon-button-right" } }, [n._t("iconRight")], 2) : n._e()], 1);
-}, T = [], I = /* @__PURE__ */ R(
+}, k = [], I = /* @__PURE__ */ C(
+  D,
   h,
   k,
-  T,
   !1,
   null,
-  "b9424855",
+  "e8437ed6",
   null,
   null
 );
@@ -97,4 +97,4 @@ export {
   x as a,
   s as b
 };
-//# sourceMappingURL=button.27948f1c.js.map
+//# sourceMappingURL=button.ff51261f.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.ff51261f.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\"\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';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\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<{\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur');\n\n        /**\n         * Emitted when the button is clicked\n         */\n        (e: 'click', event: MouseEvent);\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus');\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'keydown.esc');\n    }>();\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.ICON_ONLY}`]: !slots.default,\n        [`b-button--${BentoButtonPropClass.INVERSE}`]: props.inverse,\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;AC+KR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA7EAC,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,UAAAA,EAAA,WAAA,IAAAX,EAAA,gBAAA,IAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGmB,IAAAT,EAAA,OAAA;AAAA,MAA2C,GAAAQ,EAAA;AAAA,MACvB,CAAA,aAAAlB,EAAA,WAAA,GAAAW,EAAA;AAAA,MACuC,CAAA,aAAAX,EAAA,UAAA,GAAAW,EAAA;AAAA,MACD,CAAA,aAAAX,EAAA,WAAA,GAAA,CAAAK,EAAA;AAAA,MACE,CAAA,aAAAL,EAAA,SAAA,GAAAW,EAAA;AAAA,IACH,EAAA;0LAGzD,CAAAS,MAAA;AACI,MAAAT,EAAA,YAGIS,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAC,EAAA,SAAAD,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{calendar.943ea7c3.js → calendar.7517c117.js}

@@ -1,9 +1,9 @@
 import { defineComponent as le, computed as M, ref as F, watch as V, nextTick as Oe, toRef as L, reactive as ye } from "vue";
 import { r as k, t as N, g as fe, e as oe, d as Ne, f as Se } from "./index.f55fdc32.js";
-import { t as T, B as ke, a as Ee, f as ve } from "./index.af17c8ac.js";
+import { t as T, B as ke, a as Ee, f as ve } from "./index.0c759683.js";
 import { e as ue } from "./index.d80206ed.js";
-import { a as Me } from "./button.27948f1c.js";
-import { B as be } from "./index.2f00afab.js";
+import { a as Me } from "./button.ff51261f.js";
+import { B as be } from "./index.3df55152.js";
 import { u as we } from "./i18n.eb5b985b.js";
 import { g as Te } from "./unique-id.a2a2b458.js";
 import { C as Ie, a as pe } from "./chevron-left.5edf02ac.js";
@@ -910,4 +910,4 @@ export {
   W as s,
   nt as u
 };
-//# sourceMappingURL=calendar.943ea7c3.js.map
+//# sourceMappingURL=calendar.7517c117.js.map