@adyen/bento-vue3 1.60.1 → 1.61.0

package/dist/input-field-phone-number.js

@@ -1,4 +1,4 @@
-import { i as n } from "./chunks/input-field-phone-number.Cf5nQpfS.js";
+import { i as n } from "./chunks/input-field-phone-number.CLgA141p.js";
 export {
   n as BentoInputFieldPhoneNumber
 };

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.C94JL_Qv.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.hOqNPju4.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/inspector.CxNXHV8C.js";
+import { B as t } from "./chunks/inspector.DteTv0He.js";
 import { B as n } from "./chunks/inspector.types.DyHwE18g.js";
 export {
   t as BentoInspector,

package/dist/internal.js

@@ -1,17 +1,17 @@
-import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.ugV5Vzqs.js";
-import { C as n, a as l } from "./chunks/copy.jE0EciK8.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.CTcfG9JK.js";
+import { C as n, a as l } from "./chunks/copy.CHnSy6IK.js";
 import { C as f } from "./chunks/controls-group.BX2GxXvb.js";
-import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.Cngbnn1Z.js";
+import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.D0E69ruX.js";
 import { E as d, F as N } from "./chunks/error-message.Cb9-ZwSV.js";
-import { F as O } from "./chunks/fixed-scroller.BjxA_R63.js";
+import { F as O } from "./chunks/fixed-scroller.A-YuItwn.js";
 import { G as A, a as L } from "./chunks/grid-layout.BTLE3rac.js";
-import { I as c } from "./chunks/info-icon-with-popover.D6WFtFFY.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.Ber7lUiH.js";
+import { I as c } from "./chunks/info-icon-with-popover.DAq-iAlh.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.CRwxKmxX.js";
 import { L as F } from "./chunks/listbox-option-tag.DNBeYvNM.js";
 import { B as M } from "./chunks/teleport.CfGWjxe2.js";
 import { T as h } from "./chunks/tooltip.D2o0d8Xf.js";
-import { B as J } from "./chunks/button-actions-with-menu.DG5t9zB7.js";
-import { f as R } from "./chunks/button-actions.1MReMMnL.js";
+import { B as J } from "./chunks/button-actions-with-menu.DZVOijPY.js";
+import { f as R } from "./chunks/button-actions.Cr5gxSXb.js";
 export {
   R as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   I as BentoDialogPageAnimation,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.BcXV6WhV.js";
+import { B as o, a as t } from "./chunks/menu.CxYiSxSe.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.D93NZCBg.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.ByaJ5E40.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.D2tNbxw3.js";
-import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.B3uzibmr.js";
+import { d as e, f as t, g as n, B as l, e as d, c as B, a as M, b as s } from "./chunks/base-modal.BphJ3uEa.js";
+import { _ as i } from "./chunks/modal.vue_vue_type_script_setup_true_lang.B6khnywr.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.rrPdG7nK.js";
+import { B as n } from "./chunks/pagination.CrwYnynf.js";
 export {
   n as BentoPagination
 };

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.KFyR9BXF.js";
+import { B as r, a as s } from "./chunks/popover.DvAXLmCp.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.BfXfaCrf.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.Di_GK1ac.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { r as t } from "./chunks/rich-text-editor.Ddt7IVXL.js";
+import { r as t } from "./chunks/rich-text-editor.9z0_M-YN.js";
 export {
   t as BentoRichTextEditor
 };

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.ZidZj4NE.js";
-import { u as o } from "./chunks/dropdown.FJu_m8Tw.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.ye0aeyd2.js";
+import { u as o } from "./chunks/dropdown.B4yyYeuQ.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.Cy2JAzoO.js";
+import { s as e } from "./chunks/secondary-nav.Dsa986cq.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.CNA3pTXy.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.UiX__UxV.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.CLpfMbkV.js";
+import { B as r, a as o } from "./chunks/structured-list-item.BYFd1N3z.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -97,6 +97,7 @@
   --b-radio-button-knob-size: 8px;
   --b-radio-button-knob-offset-error: 2.5px;
   --b-radio-button-knob-offset: 3px;
+  --b-radio-button-line-height: 20px;
   --b-popover-border: unset;
   --b-modal-header-container-padding-block: 19px;
   --b-loading-button-tertiary-loading-text-decoration: underline;

package/dist/styles/bento-light.css

@@ -96,6 +96,7 @@
   --b-radio-button-knob-size: 8px;
   --b-radio-button-knob-offset-error: 2.5px;
   --b-radio-button-knob-offset: 3px;
+  --b-radio-button-line-height: 20px;
   --b-popover-border: unset;
   --b-modal-header-container-padding-block: 19px;
   --b-loading-button-tertiary-loading-text-decoration: underline;

package/dist/styles/bento.css

@@ -96,6 +96,7 @@
   --b-radio-button-knob-size: 8px;
   --b-radio-button-knob-offset-error: 2.5px;
   --b-radio-button-knob-offset: 3px;
+  --b-radio-button-line-height: 20px;
   --b-popover-border: unset;
   --b-modal-header-container-padding-block: 19px;
   --b-loading-button-tertiary-loading-text-decoration: underline;

package/dist/styles/legacy.css

@@ -123,6 +123,7 @@
   --b-radio-button-knob-size: 6px;
   --b-radio-button-knob-offset-error: 3.5px;
   --b-radio-button-unchecked-error-border-width: 1.5px;
+  --b-radio-button-line-height: 20px;
   --b-popover-box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.04), 0px 2px 4px rgba(0, 17, 44, 0.08);
   --b-modal-backdrop-background-color: #00112c;
   --b-modal-header-container-padding-block: 19px;

package/dist/styles/styleguide.css

@@ -96,6 +96,7 @@
   --b-radio-button-knob-size: 8px;
   --b-radio-button-knob-offset-error: 2.5px;
   --b-radio-button-knob-offset: 3px;
+  --b-radio-button-line-height: 20px;
   --b-popover-border: unset;
   --b-modal-header-container-padding-block: 19px;
   --b-loading-button-tertiary-loading-text-decoration: underline;

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.BcicwgZm.js";
+import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.IkdgA45D.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { B as e, a as s } from "./chunks/tabs.Bn4YIjoy.js";
+import { B as e, a as s } from "./chunks/tabs.CVCqPMAR.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.Dl5TFi8E.js";
+import { B as o } from "./chunks/textarea.UtxQ22_c.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.CcbL86D0.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.C3AkVKE8.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.Ae5ZoWHb.js";
+import { t as a } from "./chunks/toast.DdAPkCce.js";
 export {
   a as BentoToast
 };

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.Bcu-t4d8.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.DwYfNGGI.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.60.1",
+  "version": "1.61.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.60.1",
+  "version": "1.61.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.60.1"
+    "@adyen/bento-design-tokens": "1.61.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -123,8 +123,8 @@
     "vue-tsc": "1.0.24",
     "@adyen/bento-core": "0.0.1",
     "@adyen/bento-tailwind": "0.3.11",
-    "@adyen/ui-assets-icons-16": "6.3.1",
-    "@adyen/ui-assets-payment-method-icons": "9.2.1"
+    "@adyen/ui-assets-icons-16": "6.3.0",
+    "@adyen/ui-assets-payment-method-icons": "9.2.0"
   },
   "scripts": {
     "build": "pnpm run build:prod",

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.CVZJTZv0.js","sources":["../../../core/src/components/button/button.types.ts","../../../vue2/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\n            v-if=\"hasSlot('iconLeft')\"\n            class=\"b-button__icon-left\"\n            data-testid=\"icon-button-left\"\n            :aria-hidden=\"hasSlot('default') ? 'true' : null\"\n        >\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\n            v-if=\"hasSlot('iconRight')\"\n            class=\"b-button__icon-right\"\n            data-testid=\"icon-button-right\"\n            :aria-hidden=\"hasSlot('default') ? 'true' : null\"\n        >\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        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.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__","props","__props","emit","__emit","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","getIconOnlyClass","onClickButton","e"],"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;gDC2LRE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApJA,UAAAC,IAAAC,GA8CAC,IAAAC,GAsBAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OACIX,KAAA,gBAAAA,EAAA,UAAA,SACIY,IAEJ,QAAO,GAEXC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAuC,kBAAAG,IAAAV,EAAA,eAAA,MAAA,gBAAAU,EAAA;AAAA,QACe,kBAAAC,IAAAX,EAAA,eAAA,MAAA,gBAAAW,EAAA;AAAA,MACA;AAAA,KAAA,GAGtDC,IAAAL;AAAA,MAAuB,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEb,GAAAG,EAAA;AAAA,QACsB,UAAAb,EAAA;AAAA,QACF,MAAAA,EAAA;AAAA,MACJ,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAiB,EAAA,SAAA,UAAA,GAAA;AAAA,IAE4E,GAGtGC,IAAAP,EAAA,OAAA;AAAA,MAAqC,CAAA,aAAAX,EAAA,OAAA,GAAAA,EAAA,WAAA,IAAAH,EAAA,WAAA,KAAA,EAAA,EAAA,GAAA;AAAA,IAC8D,EAAA,GAGnGsB,IAAAR,EAAA,OAAA;AAAA,MAA2C,GAAAO,EAAA;AAAA,MACvB,CAAA,aAAArB,EAAA,SAAA,EAAA,GAAAG,EAAA;AAAA,MACuC,CAAA,aAAAH,EAAA,QAAA,EAAA,GAAAG,EAAA;AAAA,MACD,CAAA,aAAAH,EAAA,OAAA,EAAA,GAAAG,EAAA;AAAA,IACD,EAAA,GAGzDoB,IAAA,OAAA;AAAA,MAAgC,CAAA,aAAAvB,EAAA,SAAA,EAAA,GAAA,CAAAW,EAAA,SAAA;AAAA,IACuC,IAGvEa,IAAA,CAAAC,MAAA;AACI,MAAAtB,EAAA,YAGIsB,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHApB,EAAA,SAAAoB,CAAA;AAAA,IAIJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/dashed-underline.DweJIpuJ.js

@@ -1,98 +0,0 @@
-import { defineComponent as g, useSlots as b, ref as l, computed as f, watch as E, withDirectives as D, createElementBlock as I, openBlock as m, renderSlot as v, createBlock as k, createCommentVNode as w, unref as t, withCtx as s, createVNode as h, createTextVNode as C, toDisplayString as y } from "vue";
-import { B as N } from "./popover.KFyR9BXF.js";
-import "./events.FNmSWp_P.js";
-import { B as V } from "./tooltip.D2o0d8Xf.js";
-import { B as z } from "./typography.DN5eC5ch.js";
-import { u as F } from "./use-has-slot.B7eQSabc.js";
-import { B as L } from "./teleport.CfGWjxe2.js";
-import { _ as M } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/dashed-underline.css";
-const A = {}, G = /* @__PURE__ */ g({
-  ...A,
-  __name: "dashed-underline",
-  props: {
-    popoverText: { default: null },
-    popoverPosition: { default: "top" },
-    popoverSize: { default: "fit-content" },
-    teleport: { default: () => ({
-      disabled: !0
-    }) },
-    tooltipText: { default: null },
-    tooltipPosition: { default: "top" }
-  },
-  setup(T) {
-    const a = T, B = b(), S = F(B), o = l(null), r = l(!1), n = l(), i = () => {
-      r.value = !0, n.value && clearTimeout(n.value);
-    }, p = () => {
-      const e = setTimeout(() => {
-        r.value = !1;
-      }, 200);
-      n.value = e;
-    }, _ = () => {
-      i();
-    }, P = (e) => {
-      (!o.value || !((e == null ? void 0 : e.relatedTarget) instanceof Element) || !o.value.contains(e.relatedTarget)) && p();
-    }, u = f(() => a.popoverText || S("popover-content")), O = f(() => !a.tooltipText && !u.value);
-    return E(
-      O,
-      (e) => {
-        if (e)
-          throw new Error(
-            "BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info."
-          );
-      },
-      { immediate: !0 }
-    ), (e, U) => {
-      var d, c;
-      return D((m(), I("span", {
-        ref_key: "element",
-        ref: o,
-        class: "b-dashed-underline",
-        tabindex: "0",
-        onMouseenter: i,
-        onMouseleave: p,
-        onFocus: _,
-        onFocusout: P
-      }, [
-        v(e.$slots, "default", {}, void 0, !0),
-        o.value && u.value ? (m(), k(t(L), {
-          key: 0,
-          disabled: (d = e.teleport) == null ? void 0 : d.disabled,
-          to: (c = e.teleport) == null ? void 0 : c.to
-        }, {
-          default: s(() => [
-            h(t(N), {
-              open: r.value,
-              "target-element": o.value,
-              position: e.popoverPosition,
-              role: "tooltip",
-              "fit-content": e.popoverSize === "fit-content" || void 0,
-              large: e.popoverSize === "large" || void 0,
-              small: e.popoverSize === "small" || void 0,
-              "disable-focus-trap": ""
-            }, {
-              default: s(() => [
-                v(e.$slots, "popover-content", {}, () => [
-                  h(t(z), null, {
-                    default: s(() => [
-                      C(y(e.popoverText), 1)
-                    ]),
-                    _: 1
-                  })
-                ], !0)
-              ]),
-              _: 3
-            }, 8, ["open", "target-element", "position", "fit-content", "large", "small"])
-          ]),
-          _: 3
-        }, 8, ["disabled", "to"])) : w("", !0)
-      ], 32)), [
-        [t(V), e.tooltipText, e.tooltipPosition]
-      ]);
-    };
-  }
-}), Q = /* @__PURE__ */ M(G, [["__scopeId", "data-v-8af7ac01"]]);
-export {
-  Q as B
-};
-//# sourceMappingURL=dashed-underline.DweJIpuJ.js.map

package/dist/chunks/dashed-underline.DweJIpuJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashed-underline.DweJIpuJ.js","sources":["../../../vue2/src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"element\"\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-dashed-underline\"\n        tabindex=\"0\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <slot></slot>\n        <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n            <bento-popover\n                :open=\"isOpen\"\n                :target-element=\"element\"\n                :position=\"popoverPosition\"\n                role=\"tooltip\"\n                :fit-content=\"popoverSize === 'fit-content' || undefined\"\n                :large=\"popoverSize === 'large' || undefined\"\n                :small=\"popoverSize === 'small' || undefined\"\n                disable-focus-trap\n            >\n                <slot name=\"popover-content\">\n                    <bento-typography>\n                        {{ popoverText }}\n                    </bento-typography>\n                </slot>\n            </bento-popover>\n        </bento-teleport>\n    </span>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, useSlots, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { BentoTeleport } from '@/internal';\n    import { BentoDashedUnderlineProps } from './dashed-underline.types';\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    const props = withDefaults(defineProps<BentoDashedUnderlineProps>(), {\n        popoverText: null,\n        popoverPosition: 'top',\n        popoverSize: 'fit-content',\n        teleport: () => ({\n            disabled: true,\n        }),\n        tooltipText: null,\n        tooltipPosition: 'top',\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const element = ref<HTMLSpanElement>(null);\n    const isOpen = ref(false);\n\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const infoIconOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const infoIconOnFocusOut = (e: FocusEvent) => {\n        if (!element.value || !(e?.relatedTarget instanceof Element) || !element.value.contains(e.relatedTarget)) {\n            closePopover();\n        }\n    };\n\n    const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n    const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n    watch(\n        shouldShowTooltipPopoverError,\n        value => {\n            if (value) {\n                throw new Error(\n                    'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The dashed underline serves as a visual cue to indicate that additional information is available for\n     * a specific word or phrase without adding an icon.\n     *\n     * @example\n     * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashedUnderline },\n     *     template: `\n     *          <bento-dashed-underline>\n     *              annotated text\n     *          </bento-dashed-underline>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","infoIconOnFocus","infoIconOnFocusOut","hasPopover","computed","shouldShowTooltipPopoverError","watch","value"],"mappings":";;;;;;;;;AA+HI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;AAnFA,UAAAC,IAAAC,GAWAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GAEAE,IAAAF,EAAA,GAEAG,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAGJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAA,GAAA;AAEnB,MAAAC,EAAA,QAAAG;AAAA,IAAyB,GAG7BC,IAAA,MAAA;AACI,MAAAH,EAAA;AAAA,IAAY,GAOhBI,IAAA,CAAA,MAAA;AACI,OAAA,CAAAR,EAAA,SAAA,GAAA,uBAAA,0BAAA,YAAA,CAAAA,EAAA,MAAA,SAAA,EAAA,aAAA,MACIK,EAAA;AAAA,IACJ,GAGJI,IAAAC,EAAA,MAAAhB,EAAA,eAAAI,EAAA,iBAAA,CAAA,GAEAa,IAAAD,EAAA,MAAA,CAAAhB,EAAA,eAAA,CAAAe,EAAA,KAAA;AAEA,WAAAG;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}