@adyen/bento-vue2 1.31.1 → 1.32.0

package/dist/info-icon.js

@@ -1,4 +1,4 @@
-import { B as e } from "./chunks/info-icon.BkVcFKkT.js";
+import { B as e } from "./chunks/info-icon.DQI7sjBY.js";
 export {
   e as BentoInfoIcon
 };

package/dist/input-field.js

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

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { i as t, B as n } from "./chunks/inspector.types.BbPF5hmc.js";
+import { i as t, B as n } from "./chunks/inspector.types.l7r-FN49.js";
 export {
   t as BentoInspector,
   n as BentoInspectorSizeOptions

package/dist/internal.js

@@ -1,12 +1,12 @@
-import { a as o, b as r, C as s } from "./chunks/calendar.QEa4jeX-.js";
-import { C as p, a as l } from "./chunks/copy.9yVc8L5b.js";
-import { C } from "./chunks/controls-group.Xc8GU6VO.js";
-import { B as x, b as m, a as E, D as f } from "./chunks/dialog-page.DAh0M4mT.js";
-import { E as d, F as I } from "./chunks/error-message.IjcYmSSd.js";
-import { F as _ } from "./chunks/fixed-scroller.Bq1AgPnw.js";
+import { a as o, b as r, C as s } from "./chunks/calendar.etLGotqH.js";
+import { C as p, a as l } from "./chunks/copy.CIuoE2VU.js";
+import { C } from "./chunks/controls-group.WoEXCpkM.js";
+import { B as x, b as m, a as E, D as f } from "./chunks/dialog-page.Cc-XASGB.js";
+import { E as d, F as I } from "./chunks/error-message.epR1WJH2.js";
+import { F as _ } from "./chunks/fixed-scroller.wvGW5A2g.js";
 import { G as O, a as T } from "./chunks/grid-layout.HvTAa4to.js";
-import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.DgARPcHp.js";
-import { L as F } from "./chunks/listbox-option-tag.cRJfigp-.js";
+import { b as g, c as y, u as A } from "./chunks/use-cached-selected-values.DWQ8SMSi.js";
+import { L as F } from "./chunks/listbox-option-tag.BXz3dHfF.js";
 import { B as N } from "./chunks/teleport.CQKBJZU5.js";
 export {
   x as BentoDialogPageAnimation,

package/dist/link.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/link.DJ1A53gF.js";
+import { B as o, a as t } from "./chunks/link.CjFBXE3D.js";
 export {
   o as BentoLink,
   t as BentoLinkVariant

package/dist/menu.js

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

package/dist/modal-fullscreen.js

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

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.ChqzRaIU.js";
-import { B as i } from "./chunks/modal.DfjUKkg-.js";
+import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.B17Ib1QQ.js";
+import { B as i } from "./chunks/modal.DPrBUWDe.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

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

package/dist/payment-method.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/payment-method.D9Qx-s4V.js";
+import { B as t } from "./chunks/payment-method.BnLkBqVQ.js";
 import { B as m } from "./chunks/payment-method.types.CJKfZQN5.js";
 export {
   t as BentoPaymentMethod,

package/dist/popover.js

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

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.BD2V4FKN.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.D650KrHa.js";
 import { R as B } from "./chunks/radio-input.UWFngqop.js";
 export {
   t as BentoRadioButton,

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.TiQbXYj4.js";
-import { u as o } from "./chunks/dropdown.D-9cUSSo.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.hxEJk-w0.js";
+import { u as o } from "./chunks/dropdown.Bn6SRkU5.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

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

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.C05AwFnZ.js";
+import { B as t } from "./chunks/segmented-control.BeXMVbce.js";
 import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
   t as BentoSegmentedControl,

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.DJlp94TC.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.D5DRYhrw.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

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

package/dist/status.js

@@ -1,4 +1,4 @@
-import { s, B as o } from "./chunks/status.types.BhbOYpZx.js";
+import { s, B as o } from "./chunks/status.types.CcGZuqg5.js";
 export {
   s as BentoStatus,
   o as BentoStatusVariant

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.CZqxgAkd.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.RkChji1p.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

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

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.Cl-LVb2n.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.Cjv109f8.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

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

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.B2o39TYl.js";
+import { B as t, a as e } from "./chunks/tag.4Vqj8tm4.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

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

package/dist/timeline.js

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

package/dist/toast.js

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

package/dist/toggle.js

@@ -1,4 +1,4 @@
-import { B as a, b as g, a as s } from "./chunks/toggle.CiOVTWlk.js";
+import { B as a, b as g, a as s } from "./chunks/toggle.DtrStAja.js";
 export {
   a as BentoToggle,
   g as BentoToggleLabelPosition,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.Cc58Yk8q.js";
+import { t as r } from "./chunks/tutorial.DUjlu3SH.js";
 export {
   r as BentoTutorial
 };

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { B as p, c as e, b as r, a as y } from "./chunks/typography.Bjtu3Gca.js";
+import { B as p, c as e, b as r, a as y } from "./chunks/typography.CdCYtxYj.js";
 export {
   p as BentoTypography,
   e as BentoTypographyElement,

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.31.1",
+  "version": "1.32.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -172,42 +172,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "adl-badge",
-          "description": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "Types of flavour of Badge",
-              "value": {
-                "kind": "expression",
-                "type": "AdlBadgeVariant"
-              },
-              "default": "AdlBadgeVariant.DEFAULT"
-            },
-            {
-              "name": "testId",
-              "description": "For testing purposes you can decide which testId your adl-badge instance will have",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "'adl-badge'"
-            }
-          ],
-          "slots": [
-            {
-              "name": "icon"
-            },
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/badge/badge.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "adl-pagination-controls",
           "description": "",
@@ -466,14 +430,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "badge.test",
-          "description": "",
-          "source": {
-            "module": "./src/components/badge/badge.test.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "base-button",
           "description": "Base button component to use as a base for all the various types of bento buttons. For internal use only.\n\n* @example\nimport { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\nimport YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n\nexport default {\n     components: { BaseButton, YourImportedIcon },\n     props: {\n        text:\n     },\n     template: `\n         <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n            <template #iconLeft><your-imported-icon></template>\n            Button text\n            <template #iconRight><your-imported-icon></template>\n         </base-button>\n     `,\n     emits: [BentoButtonEvent.CLICK],\n     setup: (prps, { emit }) => {\n         const onClick = value => emit(BaseButtonEvent.CLICK, value);\n\n         return {\n             onClick,\n         };\n     }\n}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.31.1",
+  "version": "1.32.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/language": "6.10.3",
     "@codemirror/language-data": "6.4.0",
     "@codemirror/state": "6.4.0",
-    "@codemirror/view": "6.23.0",
+    "@codemirror/view": "6.23.1",
     "@floating-ui/core": "1.6.8",
     "@floating-ui/vue": "1.0.7",
     "@lezer/highlight": "1.2.1",
@@ -46,7 +46,7 @@
     "date-fns": "2.28.0",
     "focus-lock": "0.11.0",
     "uuid": "9.0.0",
-    "@adyen/bento-design-tokens": "1.31.1"
+    "@adyen/bento-design-tokens": "1.32.0"
   },
   "peerDependencies": {
     "vue": "~2.7",

package/dist/assets/badge.css

@@ -1 +0,0 @@
-.adl2-badge[data-v-5636e22c]{color:var(--adl-component-base-text-color);font-family:var(--adl-component-base-font-family);font-size:var(--adl-component-base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adl-component-base-font-weight);line-height:var(--adl-component-base-line-height);align-items:center;border-radius:9999px;cursor:default;display:inline-flex;flex-direction:row;font-weight:var(--adl-badge-font-weight);gap:var(--adl-badge-gap);height:var(--adl-badge-height);padding:var(--adl-badge-padding);width:fit-content}.adl2-badge[data-v-5636e22c],.adl2-badge[data-v-5636e22c]:before,.adl2-badge[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge *[data-v-5636e22c],.adl2-badge *[data-v-5636e22c]:before,.adl2-badge *[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge--default[data-v-5636e22c]{background-color:var(--adl-badge-default-background-color)}.adl2-badge--attention[data-v-5636e22c]{background-color:var(--adl-badge-attention-background-color)}.adl2-badge--warning[data-v-5636e22c]{background-color:var(--adl-badge-warning-background-color)}.adl2-badge--critical[data-v-5636e22c]{background-color:var(--adl-badge-critical-background-color)}.adl2-badge--success[data-v-5636e22c]{background-color:var(--adl-badge-success-background-color)}

package/dist/badge.js

@@ -1,57 +0,0 @@
-import { defineComponent as o, computed as n } from "vue";
-import { u as l } from "./chunks/aria-label.CaUURpnB.js";
-import { g as i } from "./chunks/get-slot-text.Cgn-E48s.js";
-import { n as c } from "./chunks/_plugin-vue2_normalizer.CeySl7Fu.js";
-import "./assets/badge.css";
-var s = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ATTENTION = "attention", t.WARNING = "warning", t.CRITICAL = "critical", t.SUCCESS = "success", t))(s || {});
-const d = o({
-  name: "adl-badge",
-  props: {
-    /**
-     * Types of flavour of Badge
-     * @values default, attention, warning, critical, success
-     */
-    variant: {
-      type: String,
-      default: s.DEFAULT,
-      validator: (t) => Object.values(s).includes(t)
-    },
-    /**
-     * For testing purposes you can decide which testId your adl-badge instance will have
-     */
-    testId: {
-      type: String,
-      default: "adl-badge"
-    }
-  },
-  setup(t, { slots: e }) {
-    const a = l({
-      label: i(e)("default"),
-      defaultFallback: "badge"
-    }), r = n(() => ({
-      [`adl2-badge--${t.variant}`]: !0
-    }));
-    return {
-      // Values
-      ariaLabel: a,
-      conditionalClasses: r
-    };
-  }
-});
-var u = function() {
-  var e = this, a = e._self._c;
-  return e._self._setupProxy, a("div", { staticClass: "adl2-badge", class: e.conditionalClasses, attrs: { "aria-label": e.ariaLabel, role: "status", "data-testid": e.testId } }, [e.$slots.icon ? e._t("icon") : e._e(), e._t("default")], 2);
-}, _ = [], f = /* @__PURE__ */ c(
-  d,
-  u,
-  _,
-  !1,
-  null,
-  "5636e22c"
-);
-const C = f.exports;
-export {
-  C as AdlBadge,
-  s as AdlBadgeVariant
-};
-//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sources":["../src/components/badge/badge.types.ts","../src/components/badge/badge.vue"],"sourcesContent":["export enum AdlBadgeVariant {\n    DEFAULT = 'default',\n    ATTENTION = 'attention',\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    SUCCESS = 'success',\n}\n","<template>\n    <div class=\"adl2-badge\" :class=\"conditionalClasses\" :aria-label=\"ariaLabel\" role=\"status\" :data-testid=\"testId\">\n        <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n        <slot></slot>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { AdlBadgeVariant } from './badge.types';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    export default defineComponent({\n        name: 'adl-badge',\n        props: {\n            /**\n             * Types of flavour of Badge\n             * @values default, attention, warning, critical, success\n             */\n            variant: {\n                type: String as PropType<AdlBadgeVariant>,\n                default: AdlBadgeVariant.DEFAULT,\n                validator: (value: AdlBadgeVariant) => Object.values(AdlBadgeVariant).includes(value),\n            },\n            /**\n             * For testing purposes you can decide which testId your adl-badge instance will have\n             */\n            testId: {\n                type: String,\n                default: 'adl-badge',\n            },\n        },\n        setup(props, { slots }) {\n            const ariaLabel = useAriaLabel({\n                label: getSlotText(slots)('default'),\n                defaultFallback: 'badge',\n            });\n\n            const conditionalClasses = computed((): { [x: string]: boolean } => ({\n                [`adl2-badge--${props.variant}`]: true,\n            }));\n\n            return {\n                // Values\n                ariaLabel,\n                conditionalClasses,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./badge.scss\" />\n"],"names":["AdlBadgeVariant","AdlBadgeVariant2","_sfc_main","defineComponent","value","props","slots","ariaLabel","useAriaLabel","getSlotText","conditionalClasses","computed"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,UAAA,WALQA,IAAAD,KAAA,CAAA,CAAA;ACaZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAH,EAAA;AAAA,MACA,WAAA,CAAAI,MAAA,OAAA,OAAAJ,CAAA,EAAA,SAAAI,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA;AAAA,MAAA,OAAAC,EAAAH,CAAA,EAAA,SAAA;AAAA,MACA,iBAAA;AAAA,IACA,CAAA,GAGAI,IAAAC,EAAA,OAAA;AAAA,MAAA,CAAA,eAAAN,EAAA,OAAA,EAAA,GAAA;AAAA,IACA,EAAA;AAGA,WAAA;AAAA;AAAA,MAAA,WAAAE;AAAA,MAEA,oBAAAG;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}