@adyen/bento-vue2 1.1.1 → 1.2.0

package/dist/index.js

@@ -1,72 +1,72 @@
 var B = Object.defineProperty;
-var i = (e, t, o) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var n = (e, t, o) => (i(e, typeof t != "symbol" ? t + "" : t, o), o);
+var i = (t, e, o) => e in t ? B(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var n = (t, e, o) => (i(t, typeof e != "symbol" ? e + "" : e, o), o);
 import "./chunks/index.af05ced4.js";
-import { reactive as s } from "vue";
-import { g as m } from "./chunks/unique-id.a2a2b458.js";
+import { reactive as m } from "vue";
+import { g as s } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAlert as T, BentoAlertEvent as S, BentoAlertTypeOption as h, BentoAlertVariant as D } from "./alert.js";
-import { B as b, b as E, a as I } from "./chunks/button.34695c2c.js";
+import { B as b, b as E, a as I } from "./chunks/button.c27a7ce2.js";
 import { BentoColumnOverflow as P, BentoDataGrid as k, BentoDatagridAriaSortValue as w, BentoDatagridEvent as F, BentoDatagridSortDirection as G, BentoDatagridStyleState as V } from "./data-grid.js";
-import { BentoCard as M, BentoCardBackground as O, BentoCardTitleSize as R } from "./card.js";
+import { BentoCard as A, BentoCardBackground as O, BentoCardTitleSize as R } from "./card.js";
 import { BentoDatePicker as N, BentoDatePickerEvent as q } from "./date-picker.js";
-import { B as U, a as K } from "./chunks/index.ec1c7120.js";
-import { B as Y, u as H } from "./chunks/dropdown.0c80d6c1.js";
+import { B as U, a as K } from "./chunks/index.f0d99471.js";
+import { B as Y, u as H } from "./chunks/dropdown.368486b1.js";
 import { BentoDropdownAvatar as j, BentoDropdownCountry as J, BentoDropdownCurrency as Q, BentoDropdownPaymentMethod as X, BentoDropdownTag as Z } from "./dropdown.js";
-import { B as et, b as ot, a as rt } from "./chunks/checkbox.5d8f5768.js";
-import { BentoClickOutside as at } from "./click-outside.js";
-import { BentoCodeSnippet as it, BentoCodeSnippetEvent as st, BentoCodeSnippetSupportedLanguage as mt, BentoCodeSnippetVariant as pt } from "./code-snippet.js";
-import { BentoCountry as ut, BentoCountryCode as lt, BentoCountryVariant as ft, useCountryCapital as xt, useCountryFlag as ct, useCountryName as yt, useCountryPhoneCode as gt } from "./country.js";
-import { BentoCurrency as Tt, BentoCurrencyISOCode as St } from "./currency.js";
-import { B as Dt, a as vt } from "./chunks/index.875ba379.js";
-import { BentoDivider as Et } from "./divider.js";
-import { BentoFilterBar as Lt, BentoFilterBarEvent as Pt, BentoFilterEvent as kt, BentoFilterItemType as wt } from "./filter-bar.js";
-import { BentoInfoIcon as Gt } from "./info-icon.js";
-import { BentoInputField as At, BentoInputFieldElementPosition as Mt, BentoInputFieldEvent as Ot, BentoInputFieldStateClass as Rt, BentoInputFieldType as _t, BentoInputFieldVariant as Nt } from "./input-field.js";
-import { BentoLoadingIndicator as zt, BentoLoadingIndicatorEvent as Ut } from "./loading-indicator.js";
-import { BentoLink as Wt, BentoLinkVariant as Yt } from "./link.js";
-import { BentoMenu as $t, BentoMenuEvent as jt } from "./menu.js";
-import { BentoModal as Qt, BentoModalColumnLayoutVariant as Xt, BentoModalDialogType as Zt, BentoModalEvent as te, BentoModalRole as ee, BentoModalSize as oe, BentoModalVariant as re } from "./modal.js";
-import { BentoHeader as ae } from "./header.js";
-import { BentoPagination as ie } from "./pagination.js";
-import { BentoPaymentMethod as me, BentoPaymentMethodType as pe } from "./payment-method.js";
-import { BentoPopover as ue, BentoPopoverPositions as le } from "./popover.js";
-import { BentoRadioGroup as xe, BentoRadioGroupVariant as ce } from "./radio-group.js";
-import { BentoSearchBar as ge, BentoSearchBarEvent as Ce, BentoSearchBarInternalEvent as Te } from "./search-bar.js";
-import { BentoSegmentedControl as he, BentoSegmentedControlEvent as De } from "./segmented-control.js";
-import { BentoStatus as be, BentoStatusVariant as Ee } from "./status.js";
-import { B as Le, a as Pe } from "./chunks/index.16f60189.js";
-import { BentoSummaryGrid as we, BentoSummaryGridItemAmount as Fe, BentoSummaryGridItemCustom as Ge, BentoSummaryGridItemNumeric as Ve, BentoSummaryGridItemPercentage as Ae, BentoSummaryGridItemSize as Me, BentoSummaryGridItemText as Oe, BentoSummaryGridItemTrendDirection as Re } from "./summary-grid.js";
-import { BentoTab as Ne, BentoTabs as qe } from "./tabs.js";
-import { BentoTag as Ue, BentoTagVariant as Ke } from "./tag.js";
-import { BentoTextarea as Ye } from "./textarea.js";
-import { BentoTimeline as $e, BentoTimelineGapUnit as je, BentoTimelineItem as Je, BentoTimelineItemVariant as Qe, BentoTimelineShowMorePlacement as Xe } from "./timeline.js";
-import { BentoToast as to } from "./toast.js";
+import { B as te, b as oe, a as re } from "./chunks/checkbox.c06daf12.js";
+import { BentoClickOutside as ae } from "./click-outside.js";
+import { BentoCodeSnippet as ie, BentoCodeSnippetEvent as me, BentoCodeSnippetSupportedLanguage as se, BentoCodeSnippetVariant as pe } from "./code-snippet.js";
+import { BentoCountry as de, BentoCountryCode as le, BentoCountryVariant as fe, useCountryCapital as xe, useCountryFlag as ce, useCountryName as ye, useCountryPhoneCode as ge } from "./country.js";
+import { BentoCurrency as Te, BentoCurrencyISOCode as Se } from "./currency.js";
+import { B as De, a as ve } from "./chunks/index.d07f9800.js";
+import { BentoDivider as Ee } from "./divider.js";
+import { BentoFilterBar as Le, BentoFilterBarEvent as Pe, BentoFilterEvent as ke, BentoFilterItemType as we } from "./filter-bar.js";
+import { BentoInfoIcon as Ge } from "./info-icon.js";
+import { BentoInputField as Me, BentoInputFieldElementPosition as Ae, BentoInputFieldEvent as Oe, BentoInputFieldStateClass as Re, BentoInputFieldType as _e, BentoInputFieldVariant as Ne } from "./input-field.js";
+import { BentoLoadingIndicator as ze, BentoLoadingIndicatorEvent as Ue } from "./loading-indicator.js";
+import { BentoLink as We, BentoLinkVariant as Ye } from "./link.js";
+import { BentoMenu as $e, BentoMenuEvent as je } from "./menu.js";
+import { BentoModal as Qe, BentoModalColumnLayoutVariant as Xe, BentoModalDialogType as Ze, BentoModalEvent as et, BentoModalRole as tt, BentoModalSize as ot, BentoModalVariant as rt } from "./modal.js";
+import { BentoHeader as at } from "./header.js";
+import { BentoPagination as it } from "./pagination.js";
+import { BentoPaymentMethod as st, BentoPaymentMethodType as pt } from "./payment-method.js";
+import { BentoPopover as dt, BentoPopoverPositions as lt } from "./popover.js";
+import { BentoRadioGroup as xt, BentoRadioGroupVariant as ct } from "./radio-group.js";
+import { BentoSearchBar as gt, BentoSearchBarEvent as Ct, BentoSearchBarInternalEvent as Tt } from "./search-bar.js";
+import { BentoSegmentedControl as ht, BentoSegmentedControlEvent as Dt } from "./segmented-control.js";
+import { BentoStatus as bt, BentoStatusVariant as Et } from "./status.js";
+import { B as Lt, a as Pt } from "./chunks/index.3b6fc08a.js";
+import { BentoSummaryGrid as wt, BentoSummaryGridItemAmount as Ft, BentoSummaryGridItemCustom as Gt, BentoSummaryGridItemNumeric as Vt, BentoSummaryGridItemPercentage as Mt, BentoSummaryGridItemSize as At, BentoSummaryGridItemText as Ot, BentoSummaryGridItemTrendDirection as Rt } from "./summary-grid.js";
+import { BentoTab as Nt, BentoTabs as qt } from "./tabs.js";
+import { BentoTag as Ut, BentoTagVariant as Kt } from "./tag.js";
+import { BentoTextarea as Yt } from "./textarea.js";
+import { BentoTimeline as $t, BentoTimelineGapUnit as jt, BentoTimelineItem as Jt, BentoTimelineItemVariant as Qt, BentoTimelineShowMorePlacement as Xt } from "./timeline.js";
+import { BentoToast as eo } from "./toast.js";
 import { u as oo } from "./chunks/toastController.0e01443d.js";
-import { A as no, B as ao, a as Bo } from "./chunks/index.f55a6913.js";
-import { B as so, a as mo, c as po, b as uo } from "./chunks/index.2066e16f.js";
-import { B as fo, c as xo, a as co, b as yo } from "./chunks/button-actions.bcaea94e.js";
-import { B as Co, a as To } from "./chunks/loading-button.3fa1b7a8.js";
-import { b as ho, b as Do } from "./chunks/calendar.a32d5783.js";
+import { BentoToggle as no, BentoToggleLabelPosition as ao, BentoTogglePropClass as Bo } from "./toggle.js";
+import { B as mo, a as so, c as po, b as uo } from "./chunks/index.175f9e2d.js";
+import { B as fo, c as xo, a as co, b as yo } from "./chunks/button-actions.cf73ed47.js";
+import { B as Co, a as To } from "./chunks/loading-button.6d34f66f.js";
+import { b as ho, b as Do } from "./chunks/calendar.8f50a65a.js";
 import { BentoCheckboxGroup as bo, BentoCheckboxGroupVariant as Eo } from "./checkbox.js";
 import { D as Lo } from "./chunks/date-input.9186a0bf.js";
 import { a as ko, B as wo } from "./chunks/debounce.f8d92e44.js";
-import { a as Go, b as Vo } from "./chunks/listbox.4ea4114c.js";
-import { B as Mo } from "./chunks/directive.0408e565.js";
-import { b as Ro, B as _o, a as No } from "./chunks/tooltip.807205c0.js";
+import { a as Go, b as Vo } from "./chunks/listbox.f51e92cd.js";
+import { B as Ao } from "./chunks/directive.0408e565.js";
+import { b as Ro, B as _o, a as No } from "./chunks/tooltip.9af34fba.js";
 class p {
   constructor() {
     n(this, "_state");
-    this._state = s({ queue: [] });
+    this._state = m({ queue: [] });
   }
   get state() {
     return this._state;
   }
-  dismissToast(t) {
-    this._state.queue.splice(this._state.queue.indexOf(t), 1);
+  dismissToast(e) {
+    this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
-  addToast(t) {
-    const o = m("toast"), r = {
-      ...t,
+  addToast(e) {
+    const o = s("toast"), r = {
+      ...e,
       id: o,
       dismiss: () => this.dismissToast(r)
     };
@@ -75,22 +75,21 @@ class p {
     };
   }
 }
-var d = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e))(d || {});
-const a = (e) => {
-  document.body.classList.add(e);
-}, u = {
-  install: async (e, t) => {
-    t != null && t.withToast && (e.prototype.$bentoToastController = new p()), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (a(
+var u = /* @__PURE__ */ ((t) => (t.LEGACY = "b-legacy-theme", t.STYLEGUIDE = "b-styleguide-theme", t.BENTO = "", t))(u || {});
+const a = (t) => {
+  document.body.classList.add(t);
+}, d = {
+  install: async (t, e) => {
+    e != null && e.withToast && (t.prototype.$bentoToastController = new p()), (e == null ? void 0 : e.theme) === "b-legacy-theme" ? (a(
       "b-legacy-theme"
       /* LEGACY */
-    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (t == null ? void 0 : t.theme) === "b-styleguide-theme" ? (a(
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (e == null ? void 0 : e.theme) === "b-styleguide-theme" ? (a(
       "b-styleguide-theme"
       /* STYLEGUIDE */
-    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css?used")) : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css?used"), t != null && t.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
+    ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css?used")) : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css?used"), e != null && e.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
   }
-}, y = u;
+}, y = d;
 export {
-  no as AdlLabelPosition,
   T as BentoAlert,
   S as BentoAlertEvent,
   h as BentoAlertTypeOption,
@@ -102,129 +101,130 @@ export {
   yo as BentoButtonActionsLayoutExtended,
   E as BentoButtonPropClass,
   I as BentoButtonVariant,
-  M as BentoCard,
+  A as BentoCard,
   O as BentoCardBackground,
   R as BentoCardTitleSize,
-  et as BentoCheckbox,
-  ot as BentoCheckboxEvent,
+  te as BentoCheckbox,
+  oe as BentoCheckboxEvent,
   bo as BentoCheckboxGroup,
   Eo as BentoCheckboxGroupVariant,
-  rt as BentoCheckboxState,
-  at as BentoClickOutside,
-  Mo as BentoClickOutsideDirective,
-  it as BentoCodeSnippet,
-  st as BentoCodeSnippetEvent,
-  mt as BentoCodeSnippetSupportedLanguage,
-  pt as BentoCodeSnippetVariant,
+  re as BentoCheckboxState,
+  ae as BentoClickOutside,
+  Ao as BentoClickOutsideDirective,
+  ie as BentoCodeSnippet,
+  me as BentoCodeSnippetEvent,
+  se as BentoCodeSnippetSupportedLanguage,
+  pe as BentoCodeSnippetVariant,
   P as BentoColumnOverflow,
-  ut as BentoCountry,
-  lt as BentoCountryCode,
-  ft as BentoCountryVariant,
-  Tt as BentoCurrency,
-  St as BentoCurrencyISOCode,
+  de as BentoCountry,
+  le as BentoCountryCode,
+  fe as BentoCountryVariant,
+  Te as BentoCurrency,
+  Se as BentoCurrencyISOCode,
   k as BentoDataGrid,
   w as BentoDatagridAriaSortValue,
   F as BentoDatagridEvent,
   G as BentoDatagridSortDirection,
   V as BentoDatagridStyleState,
-  Dt as BentoDate,
-  vt as BentoDateFormat,
+  De as BentoDate,
+  ve as BentoDateFormat,
   N as BentoDatePicker,
   q as BentoDatePickerEvent,
   ho as BentoDatePickerFirstDayOfWeek,
   U as BentoDateRangePicker,
   K as BentoDateRangePickerEvent,
   Do as BentoDateRangePickerFirstDayOfWeek,
-  Et as BentoDivider,
+  Ee as BentoDivider,
   Y as BentoDropdown,
   j as BentoDropdownAvatar,
   J as BentoDropdownCountry,
   Q as BentoDropdownCurrency,
   X as BentoDropdownPaymentMethod,
   Z as BentoDropdownTag,
-  Lt as BentoFilterBar,
-  Pt as BentoFilterBarEvent,
-  kt as BentoFilterEvent,
-  wt as BentoFilterItemType,
-  ae as BentoHeader,
-  Gt as BentoInfoIcon,
-  At as BentoInputField,
-  Mt as BentoInputFieldElementPosition,
-  Ot as BentoInputFieldEvent,
-  Rt as BentoInputFieldStateClass,
-  _t as BentoInputFieldType,
-  Nt as BentoInputFieldVariant,
+  Le as BentoFilterBar,
+  Pe as BentoFilterBarEvent,
+  ke as BentoFilterEvent,
+  we as BentoFilterItemType,
+  at as BentoHeader,
+  Ge as BentoInfoIcon,
+  Me as BentoInputField,
+  Ae as BentoInputFieldElementPosition,
+  Oe as BentoInputFieldEvent,
+  Re as BentoInputFieldStateClass,
+  _e as BentoInputFieldType,
+  Ne as BentoInputFieldVariant,
   ko as BentoKeyboardNavigationDirective,
   wo as BentoKeyboardNavigationKeyDownEvent,
-  Wt as BentoLink,
-  Yt as BentoLinkVariant,
+  We as BentoLink,
+  Ye as BentoLinkVariant,
   Go as BentoListboxEvent,
   Vo as BentoListboxLazyLoadType,
   Co as BentoLoadingButton,
   To as BentoLoadingButtonState,
-  zt as BentoLoadingIndicator,
-  Ut as BentoLoadingIndicatorEvent,
-  $t as BentoMenu,
-  jt as BentoMenuEvent,
-  Qt as BentoModal,
-  Xt as BentoModalColumnLayoutVariant,
-  Zt as BentoModalDialogType,
-  te as BentoModalEvent,
-  ee as BentoModalRole,
-  oe as BentoModalSize,
-  re as BentoModalVariant,
-  ie as BentoPagination,
-  me as BentoPaymentMethod,
-  pe as BentoPaymentMethodType,
-  ue as BentoPopover,
-  le as BentoPopoverPositions,
-  xe as BentoRadioGroup,
-  ce as BentoRadioGroupVariant,
-  ge as BentoSearchBar,
-  Ce as BentoSearchBarEvent,
-  Te as BentoSearchBarInternalEvent,
-  he as BentoSegmentedControl,
-  De as BentoSegmentedControlEvent,
-  be as BentoStatus,
-  Ee as BentoStatusVariant,
-  Le as BentoStructuredList,
-  Pe as BentoStructuredListItem,
-  we as BentoSummaryGrid,
-  Fe as BentoSummaryGridItemAmount,
-  Ge as BentoSummaryGridItemCustom,
-  Ve as BentoSummaryGridItemNumeric,
-  Ae as BentoSummaryGridItemPercentage,
-  Me as BentoSummaryGridItemSize,
-  Oe as BentoSummaryGridItemText,
-  Re as BentoSummaryGridItemTrendDirection,
-  Ne as BentoTab,
-  qe as BentoTabs,
-  Ue as BentoTag,
-  Ke as BentoTagVariant,
-  Ye as BentoTextarea,
-  d as BentoTheme,
-  $e as BentoTimeline,
-  je as BentoTimelineGapUnit,
-  Je as BentoTimelineItem,
-  Qe as BentoTimelineItemVariant,
-  Xe as BentoTimelineShowMorePlacement,
-  to as BentoToast,
-  ao as BentoToggle,
+  ze as BentoLoadingIndicator,
+  Ue as BentoLoadingIndicatorEvent,
+  $e as BentoMenu,
+  je as BentoMenuEvent,
+  Qe as BentoModal,
+  Xe as BentoModalColumnLayoutVariant,
+  Ze as BentoModalDialogType,
+  et as BentoModalEvent,
+  tt as BentoModalRole,
+  ot as BentoModalSize,
+  rt as BentoModalVariant,
+  it as BentoPagination,
+  st as BentoPaymentMethod,
+  pt as BentoPaymentMethodType,
+  dt as BentoPopover,
+  lt as BentoPopoverPositions,
+  xt as BentoRadioGroup,
+  ct as BentoRadioGroupVariant,
+  gt as BentoSearchBar,
+  Ct as BentoSearchBarEvent,
+  Tt as BentoSearchBarInternalEvent,
+  ht as BentoSegmentedControl,
+  Dt as BentoSegmentedControlEvent,
+  bt as BentoStatus,
+  Et as BentoStatusVariant,
+  Lt as BentoStructuredList,
+  Pt as BentoStructuredListItem,
+  wt as BentoSummaryGrid,
+  Ft as BentoSummaryGridItemAmount,
+  Gt as BentoSummaryGridItemCustom,
+  Vt as BentoSummaryGridItemNumeric,
+  Mt as BentoSummaryGridItemPercentage,
+  At as BentoSummaryGridItemSize,
+  Ot as BentoSummaryGridItemText,
+  Rt as BentoSummaryGridItemTrendDirection,
+  Nt as BentoTab,
+  qt as BentoTabs,
+  Ut as BentoTag,
+  Kt as BentoTagVariant,
+  Yt as BentoTextarea,
+  u as BentoTheme,
+  $t as BentoTimeline,
+  jt as BentoTimelineGapUnit,
+  Jt as BentoTimelineItem,
+  Qt as BentoTimelineItemVariant,
+  Xt as BentoTimelineShowMorePlacement,
+  eo as BentoToast,
+  no as BentoToggle,
+  ao as BentoToggleLabelPosition,
   Bo as BentoTogglePropClass,
   Ro as BentoTooltipDirective,
   _o as BentoTooltipPosition,
   No as BentoTooltipState,
-  so as BentoTypography,
-  mo as BentoTypographyElement,
+  mo as BentoTypography,
+  so as BentoTypographyElement,
   po as BentoTypographyModifier,
   uo as BentoTypographyVariant,
   Lo as DateFormat,
   y as default,
   oo as useBentoToastController,
-  xt as useCountryCapital,
-  ct as useCountryFlag,
-  yt as useCountryName,
-  gt as useCountryPhoneCode,
+  xe as useCountryCapital,
+  ce as useCountryFlag,
+  ye as useCountryName,
+  ge as useCountryPhoneCode,
   H as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map

package/dist/info-icon.js

@@ -1,18 +1,18 @@
-import { defineComponent as s } from "vue";
-import { PopperContainerPosition as r } from "./popper-container.js";
-import { n as i } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { b as a } from "./chunks/tooltip.807205c0.js";
-import "./assets/index8.css";
-let o = 0;
+import { defineComponent as r } from "vue";
+import { PopperContainerPosition as i } from "./popper-container.js";
+import { n as s } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { b as a } from "./chunks/tooltip.9af34fba.js";
+import "./assets/index15.css";
+let n = 0;
 const l = {
   beforeCreate() {
-    this.uuid = o.toString(), o += 1;
+    this.uuid = n.toString(), n += 1;
   }
 };
 var _ = function() {
   var t = this, e = t._self._c;
   return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("g", { attrs: { fill: "#00112C", "fill-rule": "evenodd", "clip-path": "url(#uia-icons-16-info__a" + t.uuid + ")", "clip-rule": "evenodd" } }, [e("path", { attrs: { d: "M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z" } }), e("path", { attrs: { d: "M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z" } }), e("path", { attrs: { d: "M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z" } })]), e("defs", [e("clipPath", { attrs: { id: "uia-icons-16-info__a" + t.uuid } }, [e("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, c = [], p = /* @__PURE__ */ i(
+}, c = [], p = /* @__PURE__ */ s(
   l,
   _,
   c,
@@ -22,7 +22,7 @@ var _ = function() {
   null,
   null
 );
-const C = p.exports, f = s({
+const C = p.exports, f = r({
   name: "bento-info-icon",
   components: { InfoIcon: C },
   directives: { BentoTooltipDirective: a },
@@ -36,20 +36,21 @@ const C = p.exports, f = s({
      */
     tooltipPosition: {
       type: String,
-      default: r.AUTO
+      default: i.AUTO,
+      validator: (o) => Object.values(i).includes(o)
     }
   }
 });
 var d = function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("span", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: t.tooltipText, expression: "tooltipText", arg: t.tooltipPosition }], staticClass: "b-info-icon", attrs: { "aria-label": t.tooltipText, tabindex: "0" } }, [e("info-icon", { staticClass: "b-info-icon__svg", attrs: { "svg-title": t.tooltipText } })], 1);
-}, u = [], v = /* @__PURE__ */ i(
+}, u = [], v = /* @__PURE__ */ s(
   f,
   d,
   u,
   !1,
   null,
-  "f3ad8526",
+  "557f2984",
   null,
   null
 );

package/dist/info-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-icon.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue","../src/components/info-icon/info-icon.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" fill-rule=\"evenodd\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\" clip-rule=\"evenodd\"><path d=\"M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z\"/><path d=\"M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-info-icon\"\n        :aria-label=\"tooltipText\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition>,\n                default: PopperContainerPosition.AUTO,\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["uuid","_sfc_main$1","_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition"],"mappings":";;;;;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;qBCgBAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"info-icon.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue","../src/components/info-icon/info-icon.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" fill-rule=\"evenodd\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\" clip-rule=\"evenodd\"><path d=\"M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z\"/><path d=\"M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-info-icon\"\n        :aria-label=\"tooltipText\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition | `${PopperContainerPosition}`>,\n                default: PopperContainerPosition.AUTO,\n                validator: (value: PopperContainerPosition) => Object.values(PopperContainerPosition).includes(value),\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["uuid","_sfc_main$1","_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition","value"],"mappings":";;;;;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;qBCgBAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}