@adyen/bento-vue3 1.1.1 → 1.2.0

package/dist/chunks/{button.9cd485bc.js → button.1f630b6e.js}

@@ -1,10 +1,10 @@
 import { defineComponent as h, computed as o, resolveComponent as k, openBlock as a, createBlock as f, resolveDynamicComponent as C, mergeProps as S, withCtx as m, createElementBlock as _, renderSlot as d, createCommentVNode as u } from "vue";
-import { B as E, a as D, b as T } from "./index.a169ce0d.js";
+import { B as E, a as D, b as T } from "./index.ebf5f6cf.js";
 import { u as B } from "./use-has-slot.068222e6.js";
 import { BentoLink as $, BentoLinkVariant as N } from "../link.js";
 import { _ as R } from "./_plugin-vue_export-helper.dad06003.js";
 import "../assets/button.css";
-var b = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t.SECONDARY = "secondary", t.TERTIARY = "tertiary", t))(b || {}), n = /* @__PURE__ */ ((t) => (t.CONDENSED = "condensed", t.DESTRUCTIVE = "critical", t.DISABLED = "disabled", t.ICON_ONLY = "icon-only", t))(n || {});
+var p = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t.SECONDARY = "secondary", t.TERTIARY = "tertiary", t))(p || {}), n = /* @__PURE__ */ ((t) => (t.CONDENSED = "condensed", t.DESTRUCTIVE = "critical", t.DISABLED = "disabled", t.ICON_ONLY = "icon-only", t))(n || {});
 const I = h({
   name: "bento-button",
   components: { BentoTypography: E },
@@ -44,8 +44,8 @@ const I = h({
      */
     variant: {
       type: String,
-      default: b.PRIMARY,
-      validator: (t) => Object.values(b).includes(t)
+      default: p.PRIMARY,
+      validator: (t) => Object.values(p).includes(t)
     },
     /**
      * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.
@@ -56,7 +56,7 @@ const I = h({
     }
   },
   emits: ["click", "focus", "blur", "keydown.esc"],
-  setup(t, { slots: i, emit: p, attrs: r }) {
+  setup(t, { slots: i, emit: b, attrs: r }) {
     const s = o(() => (t == null ? void 0 : t.link) !== void 0 ? $ : "button"), l = o(() => {
       var e, y;
       return {
@@ -90,7 +90,7 @@ const I = h({
       componentProps: c,
       // Methods
       onClickButton: (e) => {
-        t.disabled ? (e.preventDefault(), e.stopPropagation()) : p("click", e);
+        t.disabled ? (e.preventDefault(), e.stopPropagation()) : b("click", e);
       },
       hasSlot: B(i)
     };
@@ -105,7 +105,7 @@ const O = {
   class: "b-button__icon-right",
   "data-testid": "icon-button-right"
 };
-function L(t, i, p, r, s, l) {
+function L(t, i, b, r, s, l) {
   const c = k("bento-typography");
   return a(), f(C(t.componentType), S(t.componentProps, {
     class: ["b-button", t.conditionalClasses],
@@ -134,10 +134,10 @@ function L(t, i, p, r, s, l) {
     _: 3
   }, 16, ["class", "onClickCapture"]);
 }
-const M = /* @__PURE__ */ R(I, [["render", L], ["__scopeId", "data-v-cfbeda20"]]);
+const M = /* @__PURE__ */ R(I, [["render", L], ["__scopeId", "data-v-f0e98913"]]);
 export {
   M as B,
-  b as a,
+  p as a,
   n as b
 };
-//# sourceMappingURL=button.9cd485bc.js.map
+//# sourceMappingURL=button.1f630b6e.js.map

package/dist/chunks/button.1f630b6e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.1f630b6e.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/src/components/button/button.vue"],"sourcesContent":["export enum BentoButtonVariant {\n    PRIMARY = 'primary',\n    SECONDARY = 'secondary',\n    TERTIARY = 'tertiary',\n}\n\nexport enum BentoButtonPropClass {\n    CONDENSED = 'condensed',\n    DESTRUCTIVE = 'critical',\n    DISABLED = 'disabled',\n    ICON_ONLY = 'icon-only',\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\n            v-if=\"hasSlot('default')\"\n            :el=\"BentoTypographyElement.SPAN\"\n            :variant=\"BentoTypographyVariant.BODY\"\n            stronger\n            class=\"b-button__label\"\n        >\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 lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { Booleanish } from '@/types';\n    import type { RouterLinkProps } from 'vue-router/types/router';\n    import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n    import { BentoLink, BentoLinkVariant } from '../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    /**\n     * Button component for all the various types of bento buttons.\n     *\n     * @usage\n     * import { BentoButton, AdlIconPosition } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoButton },\n     *     template: `\n     *         <bento-button\n     *             disabled\n     *             :icon-position=\"AdlIconPosition.AFTER\"\n     *         >\n     *             Button text\n     *         </bento-button>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-button',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Disables button functionality\n             */\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Displays button as critical\n             */\n            critical: {\n                type: Boolean,\n                default: false,\n            },\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             * Reduces sizing of button\n             */\n            condensed: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Types of flavour of Button\n             * @values primary, secondary, tertiary\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             * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n             */\n            link: {\n                type: Object,\n                default: undefined,\n            },\n        },\n        emits: ['click', 'focus', 'blur', 'keydown.esc'],\n        setup(props, { slots, emit, attrs }) {\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 }\n            );\n\n            const variantClass = computed((): { [x: string]: boolean } => ({\n                [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n            }));\n\n            const conditionalClasses = computed(\n                (): {\n                    [x: string]: boolean;\n                } => ({\n                    ...variantClass.value,\n                    [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n                    [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !slots.default,\n                    [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n                })\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\n            return {\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n                componentType,\n                componentProps,\n\n                // Methods\n                onClickButton,\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","_sfc_main","defineComponent","BentoTypography","value","props","slots","emit","attrs","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_ctx","withCtx","openBlock","createElementBlock","_hoisted_1","createCommentVNode","createBlock","_component_bento_typography","_hoisted_2"],"mappings":"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"}

package/dist/chunks/{calendar.6226cd90.js → calendar.08885a56.js}

@@ -1,8 +1,8 @@
 import { defineComponent as ce, computed as p, resolveComponent as A, openBlock as _, createElementBlock as O, normalizeClass as Se, withKeys as we, createElementVNode as k, createVNode as C, ref as L, watch as H, nextTick as ke, toRef as G, resolveDirective as Re, withDirectives as Ae, mergeProps as Pe, toHandlers as Le, createBlock as z, withCtx as K, createCommentVNode as ie, createTextVNode as he, toDisplayString as _e, Fragment as J, renderList as Z, reactive as pe } from "vue";
 import { r as h, t as y, g as Te, e as de, d as $e, f as Ue } from "./index.f55fdc32.js";
-import { t as b, B as Be, a as Ye, f as Ne } from "./index.04996cf6.js";
-import { B as Ce, a as We } from "./button.9cd485bc.js";
-import { B as Ve, a as Ge, b as He } from "./index.a169ce0d.js";
+import { t as b, B as Be, a as Ye, f as Ne } from "./index.7dd953ea.js";
+import { B as Ce, a as We } from "./button.1f630b6e.js";
+import { B as Ve, a as Ge, b as He } from "./index.ebf5f6cf.js";
 import { u as Fe } from "./i18n.6c402773.js";
 import { g as je } from "./unique-id.a2a2b458.js";
 import { a as qe } from "./debounce.f8d92e44.js";
@@ -873,4 +873,4 @@ export {
   I as a,
   V as b
 };
-//# sourceMappingURL=calendar.6226cd90.js.map
+//# sourceMappingURL=calendar.08885a56.js.map