@adyen/bento-vue2 1.1.0 → 1.2.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -413,7 +413,7 @@
               "description": "The type of `Lazy Load`.\nType \"automatic\" will enable infinite scrolling\nType \"button\" will enable lazy loading with \"Show more\" button",
               "value": {
                 "kind": "expression",
-                "type": "BentoDropdownLazyLoadType"
+                "type": "BentoDropdownLazyLoadType | `${BentoDropdownLazyLoadType}`"
               },
               "default": "BentoListbox.props.lazyLoadType.default"
             },
@@ -466,7 +466,7 @@
               "description": "Dropdown input size",
               "value": {
                 "kind": "expression",
-                "type": "BentoDropdownSize"
+                "type": "BentoDropdownSize | `${BentoDropdownSize}`"
               },
               "default": "BentoDropdownSize.DEFAULT"
             },
@@ -522,7 +522,7 @@
               "description": "Which label variant to display.",
               "value": {
                 "kind": "expression",
-                "type": "BentoCountryVariant"
+                "type": "BentoCountryVariant | `${BentoCountryVariant}`"
               },
               "default": "BentoCountryVariant.CUSTOM"
             }
@@ -919,7 +919,7 @@
               "description": "Type of a alert; set a distinctive icon and color. Defaults to highlight.",
               "value": {
                 "kind": "expression",
-                "type": "BentoAlertTypeOption"
+                "type": "BentoAlertTypeOption | `${BentoAlertTypeOption}`"
               },
               "default": "BentoAlertTypeOption.HIGHLIGHT"
             },
@@ -928,7 +928,7 @@
               "description": "Variant for the alert",
               "value": {
                 "kind": "expression",
-                "type": "BentoAlertVariant"
+                "type": "BentoAlertVariant | `${BentoAlertVariant}`"
               },
               "default": "BentoAlertVariant.DEFAULT"
             }
@@ -1190,7 +1190,7 @@
               "description": "Types of flavour of Button",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonVariant"
+                "type": "BentoButtonVariant | `${BentoButtonVariant}`"
               },
               "default": "BentoButtonVariant.PRIMARY"
             },
@@ -1252,7 +1252,7 @@
               "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonActionsLayout"
+                "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
               },
               "default": "BentoButtonActionsLayout.BUTTONS_END"
             }
@@ -1271,7 +1271,7 @@
               "description": "Defines the color of card background",
               "value": {
                 "kind": "expression",
-                "type": "BentoCardBackground"
+                "type": "BentoCardBackground | `${BentoCardBackground}`"
               },
               "default": "BentoCardBackground.PRIMARY"
             },
@@ -1280,7 +1280,7 @@
               "description": "Defines the title size of the card header",
               "value": {
                 "kind": "expression",
-                "type": "BentoCardTitleSize"
+                "type": "BentoCardTitleSize | `${BentoCardTitleSize}`"
               },
               "default": "BentoCardTitleSize.DEFAULT"
             },
@@ -1295,7 +1295,7 @@
             },
             {
               "name": "closed",
-              "description": "Initially sets the expandable card in a closed state",
+              "description": "Sets the expandable card in a closed state",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -1325,7 +1325,7 @@
               "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonActionsLayout"
+                "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
               },
               "default": "BentoButtonActionsLayout.BUTTONS_END"
             }
@@ -1474,7 +1474,7 @@
               "description": "The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.",
               "value": {
                 "kind": "expression",
-                "type": "BentoCheckboxGroupVariant"
+                "type": "BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`"
               },
               "default": "BentoCheckboxGroupVariant.VERTICAL"
             },
@@ -1547,7 +1547,7 @@
               "description": "Defines the variant of code-snippet",
               "value": {
                 "kind": "expression",
-                "type": "BentoCodeSnippetVariant"
+                "type": "BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`"
               },
               "default": "BentoCodeSnippetVariant.MULTILINE"
             },
@@ -1556,7 +1556,7 @@
               "description": "Language name for syntax highlighting rules",
               "value": {
                 "kind": "expression",
-                "type": "BentoCodeSnippetSupportedLanguage"
+                "type": "BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`"
               },
               "default": "BentoCodeSnippetSupportedLanguage.JSON"
             },
@@ -1625,7 +1625,7 @@
               "description": "Two character country code ([ISO 3166-1 alpha-2 format](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)).",
               "value": {
                 "kind": "expression",
-                "type": "BentoCountryCode"
+                "type": "BentoCountryCode | `${BentoCountryCode}`"
               },
               "default": "BentoCountryCode.UNKNOWN"
             },
@@ -1643,7 +1643,7 @@
               "description": "Which label variant to display.",
               "value": {
                 "kind": "expression",
-                "type": "BentoCountryVariant"
+                "type": "BentoCountryVariant | `${BentoCountryVariant}`"
               },
               "default": "BentoCountryVariant.NAME"
             }
@@ -1661,7 +1661,7 @@
               "name": "currency",
               "value": {
                 "kind": "expression",
-                "type": "BentoCurrencyISOCode"
+                "type": "BentoCurrencyISOCode | `${BentoCurrencyISOCode}`"
               },
               "default": "BentoCurrencyISOCode.EUR"
             },
@@ -1980,7 +1980,7 @@
               "description": "The string format of the date to be displayed",
               "value": {
                 "kind": "expression",
-                "type": "BentoDateFormat"
+                "type": "BentoDateFormat | `${BentoDateFormat}`"
               },
               "default": "BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD"
             },
@@ -2432,7 +2432,7 @@
               "description": "Dropdown input size",
               "value": {
                 "kind": "expression",
-                "type": "BentoDropdownSize"
+                "type": "BentoDropdownSize | `${BentoDropdownSize}`"
               },
               "default": "BentoDropdownSize.DEFAULT"
             },
@@ -2459,7 +2459,7 @@
               "description": "The type of `Lazy Load`.\nType \"automatic\" will enable infinite scrolling\nType \"button\" will enable lazy loading with \"Show more\" button",
               "value": {
                 "kind": "expression",
-                "type": "BentoDropdownLazyLoadType"
+                "type": "BentoDropdownLazyLoadType | `${BentoDropdownLazyLoadType}`"
               },
               "default": "BentoDropdownLazyLoadType.AUTOMATIC"
             },
@@ -2636,7 +2636,7 @@
               "description": "Variant represents type of Header",
               "value": {
                 "kind": "expression",
-                "type": "BentoHeaderVariant"
+                "type": "BentoHeaderVariant | `${BentoHeaderVariant}`"
               },
               "default": "BentoHeaderVariant.PAGE"
             },
@@ -2700,7 +2700,7 @@
               "description": "Position the tooltip should take if space is available. Defaults to 'auto'",
               "value": {
                 "kind": "expression",
-                "type": "PopperContainerPosition"
+                "type": "PopperContainerPosition | `${PopperContainerPosition}`"
               },
               "default": "PopperContainerPosition.AUTO"
             }
@@ -2755,7 +2755,7 @@
               "description": "Position of the dropdown before or after input value",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldElementPosition"
+                "type": "BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`"
               },
               "default": "BentoInputFieldElementPosition.START"
             },
@@ -2827,7 +2827,7 @@
               "description": "Position of Static Value before or after input value",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldElementPosition"
+                "type": "BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`"
               },
               "default": "BentoInputFieldElementPosition.START"
             },
@@ -2836,7 +2836,7 @@
               "description": "A string specifying the type of control to render.",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldType"
+                "type": "BentoInputFieldType | `${BentoInputFieldType}`"
               },
               "default": "BentoInputFieldType.TEXT"
             },
@@ -2854,7 +2854,7 @@
               "description": "Describes the different variants for the input element",
               "value": {
                 "kind": "expression",
-                "type": "BentoInputFieldVariant"
+                "type": "BentoInputFieldVariant | `${BentoInputFieldVariant}`"
               },
               "default": "BentoInputFieldVariant.DEFAULT"
             }
@@ -3007,7 +3007,7 @@
               "description": "The type of `Lazy Load`.\nType \"automatic\" will enable infinite scrolling\nType \"button\" will enable lazy loading with \"Show more\" button",
               "value": {
                 "kind": "expression",
-                "type": "BentoListboxLazyLoadType"
+                "type": "BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`"
               },
               "default": "BentoListboxLazyLoadType.NONE"
             },
@@ -3373,7 +3373,7 @@
               "description": "The position of where the menu should open.",
               "value": {
                 "kind": "expression",
-                "type": "BentoPopoverPositions"
+                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
               },
               "default": "BentoPopoverPositions.BOTTOM_START"
             },
@@ -3437,7 +3437,7 @@
               "description": "Choose between default or dialog versions of modal",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalVariant"
+                "type": "BentoModalVariant | `${BentoModalVariant}`"
               },
               "default": "BentoModalVariant.DEFAULT"
             },
@@ -3491,7 +3491,7 @@
               "description": "Sets the width of the modal",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalSize"
+                "type": "BentoModalSize | `${BentoModalSize}`"
               },
               "default": "BentoModalSize.SMALL"
             },
@@ -3518,7 +3518,7 @@
               "description": "If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalColumnLayoutVariant"
+                "type": "BentoModalColumnLayoutVariant | `${BentoModalColumnLayoutVariant}`"
               },
               "default": "BentoModalColumnLayoutVariant.SMALLER"
             },
@@ -3545,7 +3545,7 @@
               "description": "Changes the visual styling of action buttons",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalDialogType"
+                "type": "BentoModalDialogType | `${BentoModalDialogType}`"
               },
               "default": "BentoModalDialogType.CONFIRMATION"
             },
@@ -3944,7 +3944,7 @@
               "description": "The type of payment method to display.",
               "value": {
                 "kind": "expression",
-                "type": "BentoPaymentMethodType"
+                "type": "BentoPaymentMethodType | `${BentoPaymentMethodType}`"
               },
               "default": "BentoPaymentMethodType.UNKNOWNCARD"
             },
@@ -3990,7 +3990,7 @@
               "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonActionsLayout"
+                "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
               },
               "default": "BentoButtonActionsLayout.BUTTONS_END"
             },
@@ -4080,7 +4080,7 @@
               "description": "Popover's position relative to the target element.\nPossible values are:\n'auto',    'auto-start',    'auto-end',\n'top',     'top-start',     'top-end'\n'right',   'right-start',   'right-end'\n'bottom',  'bottom-start',  'bottom-end'\n'left',    'left-start',    'left-end'",
               "value": {
                 "kind": "expression",
-                "type": "BentoPopoverPositions"
+                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
               },
               "default": "BentoPopoverPositions.TOP"
             },
@@ -4274,7 +4274,7 @@
               "description": "The radio group's layout. It can be vertical or horizontal. Defaults to vertical.",
               "value": {
                 "kind": "expression",
-                "type": "BentoRadioGroupVariant"
+                "type": "BentoRadioGroupVariant | `${BentoRadioGroupVariant}`"
               },
               "default": "BentoRadioGroupVariant.VERTICAL"
             }
@@ -4694,7 +4694,7 @@
               "required": true,
               "value": {
                 "kind": "expression",
-                "type": "BentoStatusVariant"
+                "type": "BentoStatusVariant | `${BentoStatusVariant}`"
               }
             }
           ],
@@ -4901,7 +4901,7 @@
               "description": "Defines the direction (color) of the trend label",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -4919,7 +4919,7 @@
               "description": "Defines the direction (color) of the secondary metric's trend tag",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -4928,7 +4928,7 @@
               "description": "Defines the size of the `summary-grid-item` text content",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemSize"
+                "type": "BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`"
               },
               "default": "BentoSummaryGridItemSize.SMALL"
             }
@@ -5066,7 +5066,7 @@
               "description": "Defines the direction (color) of the trend label",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -5084,7 +5084,7 @@
               "description": "Defines the direction (color) of the secondary metric's trend tag",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -5093,7 +5093,7 @@
               "description": "Defines the size of the `summary-grid-item` text content",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemSize"
+                "type": "BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`"
               },
               "default": "BentoSummaryGridItemSize.SMALL"
             }
@@ -5175,7 +5175,7 @@
               "description": "Defines the direction (color) of the trend label",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -5193,7 +5193,7 @@
               "description": "Defines the direction (color) of the secondary metric's trend tag",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -5202,7 +5202,7 @@
               "description": "Defines the size of the `summary-grid-item` text content",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemSize"
+                "type": "BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`"
               },
               "default": "BentoSummaryGridItemSize.SMALL"
             }
@@ -5285,7 +5285,7 @@
               "description": "The variant variant of tag",
               "value": {
                 "kind": "expression",
-                "type": "BentoTagVariant"
+                "type": "BentoTagVariant | `${BentoTagVariant}`"
               },
               "default": "BentoTagVariant.GREY"
             },
@@ -5412,7 +5412,7 @@
               "description": "Indicates the possibility of resize the textarea",
               "value": {
                 "kind": "expression",
-                "type": "BentoTextareaResizeOption"
+                "type": "BentoTextareaResizeOption | `${BentoTextareaResizeOption}`"
               },
               "default": "BentoTextareaResizeOption.BOTH"
             },
@@ -5536,7 +5536,7 @@
               "description": "Variant for the timeline item",
               "value": {
                 "kind": "expression",
-                "type": "BentoTimelineItemVariant"
+                "type": "BentoTimelineItemVariant | `${BentoTimelineItemVariant}`"
               },
               "default": "BentoTimelineItemVariant.DEFAULT"
             }
@@ -5581,9 +5581,9 @@
               "description": "Position of the label relative to the toggle (optional)",
               "value": {
                 "kind": "expression",
-                "type": "AdlLabelPosition"
+                "type": "BentoToggleLabelPosition | `${BentoToggleLabelPosition}`"
               },
-              "default": "AdlLabelPosition.BEFORE"
+              "default": "BentoToggleLabelPosition.BEFORE"
             },
             {
               "name": "readonly",
@@ -5631,7 +5631,7 @@
               "description": "Sets the HTML DOM element.",
               "value": {
                 "kind": "expression",
-                "type": "BentoTypographyElement"
+                "type": "BentoTypographyElement | `${BentoTypographyElement}`"
               },
               "default": "BentoTypographyElement.PARAGRAPH"
             },
@@ -5658,7 +5658,7 @@
               "description": "Sets the type of typography variant.",
               "value": {
                 "kind": "expression",
-                "type": "BentoTypographyVariant"
+                "type": "BentoTypographyVariant | `${BentoTypographyVariant}`"
               },
               "default": "BentoTypographyVariant.BODY"
             },
@@ -6960,7 +6960,7 @@
               "description": "Link variant type affecting visual style.",
               "value": {
                 "kind": "expression",
-                "type": "BentoLinkVariant"
+                "type": "union"
               },
               "default": "BentoLinkVariant.DEFAULT"
             },
@@ -7406,7 +7406,7 @@
               "description": "Position relative to the target element",
               "value": {
                 "kind": "expression",
-                "type": "PopperContainerPosition"
+                "type": "PopperContainerPosition | `${PopperContainerPosition}`"
               },
               "default": "PopperContainerPosition.AUTO"
             },
@@ -7665,7 +7665,7 @@
               "description": "Applies styling based on content type",
               "value": {
                 "kind": "expression",
-                "type": "SummaryGridItemType"
+                "type": "SummaryGridItemType | `${SummaryGridItemType}`"
               },
               "default": "SummaryGridItemType.CUSTOM"
             },
@@ -7701,7 +7701,7 @@
               "description": "Defines the size of the `summary-grid-item` text content",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemSize"
+                "type": "BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`"
               },
               "default": "BentoSummaryGridItemSize.SMALL"
             },
@@ -7719,7 +7719,7 @@
               "description": "Defines the color of trend label",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             },
@@ -7737,7 +7737,7 @@
               "description": "Defines the color of secondary trend tag",
               "value": {
                 "kind": "expression",
-                "type": "BentoSummaryGridItemTrendDirection"
+                "type": "BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`"
               },
               "default": "BentoSummaryGridItemTrendDirection.POSITIVE"
             }

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
-    "types": "./dist/@types/index.d.ts",
+    "types": "./dist/@types/packages/vue2/src/index.d.ts",
     "web-types": "dist/web-types.json",
     "files": [
         "dist/"
@@ -17,6 +17,7 @@
         "**/*.css"
     ],
     "scripts": {
+        "prepare": "ts-patch install -s",
         "build": "npm run build:prod && npm run build:storybook",
         "build:lib": "vite --config vite.production.config.ts build",
         "build:dev": "NODE_ENV=development npm run clean:build && npm run build:lib -- --mode development build && npm run build:types && npm run build:webtypes",
@@ -56,7 +57,7 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "1.1.0",
+        "@adyen/bento-design-tokens": "1.2.0",
         "@adyen/ui-assets-flag-icons": "1.2.0",
         "@adyen/ui-assets-icons-16": "3.1.0",
         "@adyen/ui-assets-payment-method-icons": "5.2.0",

package/dist/@types/packages/vue2/src/types/label-position.d.ts

@@ -1,4 +0,0 @@
-export declare enum AdlLabelPosition {
-    BEFORE = "before",
-    AFTER = "after"
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.f64585fc.js","sources":["../../../core/src/components/button/button.types.ts","../../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>,\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","e","useHasSlot"],"mappings":";;;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YAHQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aAJQA,IAAAD,KAAA,CAAA,CAAA;AC4DZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAN,EAAA;AAAA,MACA,WAAA,CAAAO,MAAA,OAAA,OAAAP,CAAA,EAAA,SAAAO,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,SAAA,SAAA,QAAA,aAAA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,OACAL,KAAA,gBAAAA,EAAA,UAAA,SACAM,IAEA,QAAA,GAEAC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAA,kBAAAG,IAAAL,EAAA,eAAA,MAAA,gBAAAK,EAAA;AAAA,QACA,kBAAAC,IAAAN,EAAA,eAAA,MAAA,gBAAAM,EAAA;AAAA,MACA;AAAA,KAAA,GAGAC,IAAAL;AAAA,MAAA,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEA,GAAAG,EAAA;AAAA,QACA,UAAAP,EAAA;AAAA,QACA,MAAAA,EAAA;AAAA,MACA,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAW,EAAA,QAAA;AAAA,IAEA,GAGAC,IAAAP,EAAA,OAAA;AAAA,MAAA,CAAA,aAAAL,EAAA,UAAAA,EAAA,WAAA,IAAAN,EAAA,gBAAA,IAAA,GAAA;AAAA,IACA,EAAA,GAGAmB,IAAAR;AAAA,MAAA,OAAA;AAAA,QAGA,GAAAO,EAAA;AAAA,QACA,CAAA,aAAAlB,EAAA,WAAA,GAAAM,EAAA;AAAA,QACA,CAAA,aAAAN,EAAA,WAAA,GAAA,CAAAO,EAAA;AAAA,QACA,CAAA,aAAAP,EAAA,UAAA,GAAAM,EAAA;AAAA,MACA;AAAA,IACA;AAYA,WAAA;AAAA;AAAA,MAAA,wBAAAc;AAAA,MAEA,wBAAAC;AAAA;AAAA,MACA,gBAAAR;AAAA,MAGA,oBAAAM;AAAA,MACA,eAAAT;AAAA,MACA,gBAAAM;AAAA;AAAA,MACA,eAlBA,CAAAM,MAAA;AACA,QAAAhB,EAAA,YAGAgB,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAd,EAAA,SAAAc,CAAA;AAAA,MAIA;AAAA,MAeA,SAAAC,EAAAhB,CAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;"}