@adyen/bento-vue2 1.51.0 → 1.52.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.51.0",
+  "version": "1.52.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1420,6 +1420,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoDatePickerVariant}`"
+              },
+              "default": "undefined"
+            },
             {
               "name": "defaultDisplayMonth",
               "description": "Default start date for the calendar pane",
@@ -1675,6 +1684,15 @@
                 "type": "DateRangePickerCalendar.props.value"
               }
             },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoDateRangePickerVariant}`"
+              },
+              "default": "undefined"
+            },
             {
               "name": "hasActions",
               "description": "Enables the date picker selection to persist until it is explicitly applied.\nDisplays a set of buttons: Apply and Cancel.",
@@ -1834,79 +1852,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-input-filter",
-          "description": "",
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "Disables the filter from being interacted with.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "defaultValue",
-              "description": "Default value of the filter to reset to.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "field",
-              "required": true,
-              "description": "Filter name/key referencing the actual property name in the data set.\nShould be unique per filter bar.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "label",
-              "required": true,
-              "description": "Label text to be displayed",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "value",
-              "description": "Current value of the filter.\nIf the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoInputFilterValue"
-              },
-              "default": "null"
-            },
-            {
-              "name": "onlySlot",
-              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "options",
-              "description": "List of options that are needed to setup the filter\nAvailable options:\n  - dropdown: all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.\n  - dropdownPosition: allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoInputFilterOptions"
-              },
-              "default": "undefined"
-            }
-          ],
-          "source": {
-            "module": "./src/components/filter-bar/components/input-filter/input-filter.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-listbox",
           "description": "Listbox container.\nIt lists all the available options.",
@@ -3482,6 +3427,15 @@
                 "type": "BentoButtonActionsList"
               }
             },
+            {
+              "name": "actionsLayout",
+              "description": "Defines the layout in which the button actions is presented.",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoButtonActionsLayout}`"
+              },
+              "default": "BentoButtonActionsLayout.BUTTONS_END"
+            },
             {
               "name": "disableResponsiveBehavior",
               "description": "The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.",
@@ -3509,6 +3463,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "hideDisplayedActionsBreakpoint",
+              "description": "The min-width breakpoint to hide the button actions.\n\nFor example, a value of 200 means that buttons will be hidden at <= 200px.\n\nDefaults to 0 i.e. it shows all buttons.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            },
             {
               "name": "menuPosition",
               "description": "The position of where the menu should open.",
@@ -3541,8 +3504,9 @@
               "description": "Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.firstDayOfWeek"
-              }
+                "type": "CalendarMonthFirstDayOfWeek"
+              },
+              "default": "CalendarMonthFirstDayOfWeek.MONDAY"
             },
             {
               "name": "granularity",
@@ -3558,16 +3522,18 @@
               "description": "Indicate if a date should be disabled or not",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.isDateDisabled"
-              }
+                "type": "CalendarMonthIsDateDisabled"
+              },
+              "default": "undefined"
             },
             {
               "name": "isRange",
               "description": "Enables the Date Range calendar",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.isRange"
-              }
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
               "name": "maxRange",
@@ -3583,16 +3549,18 @@
               "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.min"
-              }
+                "type": "date"
+              },
+              "default": "null"
             },
             {
               "name": "max",
               "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.max"
-              }
+                "type": "date"
+              },
+              "default": "null"
             },
             {
               "name": "numberOfMonths",
@@ -3629,6 +3597,15 @@
                 "type": "string"
               },
               "default": "null"
+            },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "`${CalendarVariant}`"
+              },
+              "default": "'day'"
             }
           ],
           "source": {
@@ -3708,9 +3685,9 @@
               "description": "When rendering multiple calendars, this property allows to render the\nNext and Previous calendar buttons to the right, left or not at all\ndepending on the position: Unique (only 1), First, Middle or Last",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonthPosition"
+                "type": "`${CalendarPosition}`"
               },
-              "default": "CalendarMonthPosition.UNIQUE"
+              "default": "'unique'"
             },
             {
               "name": "startDate",
@@ -3758,6 +3735,211 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "calendar-year",
+          "description": "",
+          "attributes": [
+            {
+              "name": "endDate",
+              "required": false,
+              "description": "end of the selected range",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "isDateDisabled",
+              "required": false,
+              "description": "Indicate if a date should be disabled or not",
+              "value": {
+                "kind": "expression",
+                "type": "TSFunctionType"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "isRange",
+              "required": false,
+              "description": "Indicates if the calendar is part of a range date picker or a single date picker",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "min",
+              "required": false,
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "max",
+              "required": false,
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "position",
+              "required": false,
+              "description": "When rendering multiple calendars, this property allows to render the\nNext and Previous calendar buttons to the right, left or not at all\ndepending on the position: Unique (only 1), First, Middle or Last",
+              "value": {
+                "kind": "expression",
+                "type": "TSLiteralType"
+              },
+              "default": "'unique'"
+            },
+            {
+              "name": "startDate",
+              "required": false,
+              "description": "start of the selected range",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "year",
+              "required": true,
+              "description": "Year to be displayed in the calendar",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            },
+            {
+              "name": "mouseover"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/calendar/components/calendar-year/calendar-year.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "calendar-year-month",
+          "description": "",
+          "attributes": [
+            {
+              "name": "month",
+              "required": true,
+              "description": "Date to be displayed as the calendar month. From 1st to 12th.",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Indicate if a date should be disabled or not",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "selected",
+              "required": false,
+              "description": "Changes the state of the calendar month to selected.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "When the month is selected, this indicates if the selection is a single month or part of a range.\nIf it's a range it can be at the beginning, middle or end of the selection.",
+              "value": {
+                "kind": "expression",
+                "type": "TSLiteralType"
+              },
+              "default": "CalendarYearMonthVariant.SINGLE"
+            }
+          ],
+          "events": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "mouseover"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/calendar/components/calendar-year/components/calendar-year-month.vue/calendar-year-month.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "calendar-year-month-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "month",
+              "required": true,
+              "description": "Date to be displayed as the calendar month. From 1st to 12th.",
+              "value": {
+                "kind": "expression",
+                "type": "Date"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Indicate if a date should be disabled or not",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "selected",
+              "required": false,
+              "description": "Changes the state of the calendar month to selected.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "When the month is selected, this indicates if the selection is a single month or part of a range.\nIf it's a range it can be at the beginning, middle or end of the selection.",
+              "value": {
+                "kind": "expression",
+                "type": "TSLiteralType"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "<undefined>"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/calendar/components/calendar-year/components/calendar-year-month.vue/__test__/calendar-year-month-stub.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "card",
           "description": "",
@@ -5741,6 +5923,14 @@
                 "type": "BentoDateRangePickerValue"
               },
               "default": "undefined"
+            },
+            {
+              "name": "variant",
+              "description": "The type of calendar to display. Defaults to showing days.",
+              "value": {
+                "kind": "expression",
+                "type": "Calendar.props.variant"
+              }
             }
           ],
           "slots": [
@@ -7891,6 +8081,12 @@
               "default": "false"
             }
           ],
+          "events": [
+            {
+              "name": "submit",
+              "description": "Emits the submit event from the form"
+            }
+          ],
           "slots": [
             {
               "name": "error-message"
@@ -8665,6 +8861,94 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "input-filter",
+          "description": "",
+          "attributes": [
+            {
+              "name": "defaultValue",
+              "required": false,
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "field",
+              "required": true,
+              "description": "Filter name/key referencing the actual property name in the data set.\nShould be unique per filter bar.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "Label text to be displayed",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "onlySlot",
+              "required": false,
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "options",
+              "required": false,
+              "description": "List of options that are needed to setup the filter\nAvailable options:\n  - placeholder: allows to set a placeholder to the search bar\n  - dropdown (deprecated): all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.\n  - dropdownPosition (deprecated): allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.\n  - variant (deprecated): can be `undefined` or set to `dropdown`. Enables dropdown input variant.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFilterOptions"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "Current value of the filter.\nIf the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFilterValue"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Fires upon the user interacting with the filter"
+            },
+            {
+              "name": "update",
+              "description": "Fires on the (new) filter values being applied"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/input-filter/input-filter.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "input-with-dropdown-filter",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.51.0",
+  "version": "1.52.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -36,8 +36,8 @@
     "libphonenumber-js": "1.11.7",
     "mime": "4.0.6",
     "uuid": "11.0.5",
-    "@adyen/bento-design-tokens": "1.51.0",
-    "@adyen/ui-assets-icons-16": "6.0.2"
+    "@adyen/bento-design-tokens": "1.52.0",
+    "@adyen/ui-assets-icons-16": "6.1.0"
   },
   "peerDependencies": {
     "vue": "~2.7",
@@ -111,10 +111,10 @@
     "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
+    "@adyen/bento-cli": "0.2.4",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-tailwind": "0.3.2",
-    "@adyen/ui-assets-payment-method-icons": "8.1.0",
-    "@adyen/bento-cli": "0.2.4"
+    "@adyen/bento-tailwind": "0.3.3",
+    "@adyen/ui-assets-payment-method-icons": "8.2.0"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"

package/dist/chunks/alert.BSBLkXkM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.BSBLkXkM.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    el=\"div\"\n                    variant=\"body\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                variant=\"tertiary\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"close-alert\"]);\n\n    const props = defineProps({\n  closeButton: { type: Boolean, default: false },\n  type: { default: BentoAlertTypeOption.HIGHLIGHT },\n  variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n    const alertConditionalClasses = computed(() => ({\n        [`b-alert--${props.type}`]: props.type,\n        [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n    }));\n\n    const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n    const iconComponent = computed(() => {\n        switch (props.type) {\n            case BentoAlertTypeOption.CRITICAL:\n                return CrossCircle;\n            case BentoAlertTypeOption.SUCCESS:\n                return CheckedCircle;\n            case BentoAlertTypeOption.WARNING:\n                return Warning;\n            case BentoAlertTypeOption.HIGHLIGHT:\n            default:\n                return Info;\n        }\n    });\n\n    const descriptionTypography = computed(() => ({\n        el: BentoTypographyElement.DIV,\n        variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n        wide: true,\n    }));\n\n    const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n    const onCloseButtonClick = () => {\n        emit(BentoAlertEvent.CLOSE_ALERT);\n    };\n\n    onMounted(() => {\n        if (!slots.default && !slots.description) {\n            throw new Error('Alert Component requires a title or a description');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert type=\"highlight\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-alert',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}