@adyen/bento-vue3 1.23.0 → 1.24.0

package/dist/chunks/index.0e01e0b2.js

@@ -1,101 +0,0 @@
-import { ref as d, computed as i, defineComponent as u, toRefs as p, resolveComponent as _, openBlock as s, createElementBlock as n, normalizeClass as m, createVNode as v, withCtx as g, createTextVNode as f, toDisplayString as y } from "vue";
-import { B as L } from "./index.99c63a74.js";
-import { _ as b } from "./_plugin-vue_export-helper.dad06003.js";
-import "../assets/index10.css";
-const h = (e) => {
-  const a = d(e);
-  return i(() => a.value ? a.value.trim().charAt(0).toUpperCase() : null);
-};
-var t = /* @__PURE__ */ ((e) => (e.LARGE = "large", e.SMALL = "small", e))(t || {}), r = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.GREEN = "green", e.RED = "red", e.YELLOW = "yellow", e))(r || {});
-const E = u({
-  name: "avatar-image",
-  components: { BentoTypography: L },
-  props: {
-    /**
-     * Image src to load the profile picture.
-     */
-    src: {
-      type: String,
-      default: null
-    },
-    /**
-     * Name of the user that will be used to extract initials to display default value.
-     * John => J
-     * John Smith => JS
-     * John Smith Doe => JD
-     * John Smith Doe Holly => JH
-     */
-    username: {
-      type: String,
-      default: null
-    },
-    /**
-     * Variants supported for small and large.
-     * Default - large
-     */
-    variant: {
-      type: String,
-      default: t.LARGE,
-      validator: (e) => Object.values(t).includes(e)
-    },
-    /**
-     * Avatar color. Defaults to yellow.
-     */
-    color: {
-      type: String,
-      default: r.YELLOW,
-      validator: (e) => Object.values(r).includes(e)
-    }
-  },
-  setup(e) {
-    const { username: a } = p(e), o = h(a);
-    return {
-      // Values
-      conditionalClasses: i(() => ({
-        [`b-avatar-image--${t.SMALL}`]: e.variant === t.SMALL,
-        [`b-avatar-image--${e.color}`]: e.color
-      })),
-      initials: o
-    };
-  }
-});
-const S = ["src"], $ = {
-  key: 1,
-  class: "b-avatar-image__default",
-  "data-testid": "avatar-content"
-};
-function C(e, a, o, c, R, k) {
-  const l = _("bento-typography");
-  return s(), n("div", {
-    class: m(["b-avatar-image", e.conditionalClasses]),
-    "aria-hidden": "true",
-    "data-testid": "avatar"
-  }, [
-    e.src ? (s(), n("img", {
-      key: 0,
-      src: e.src,
-      class: "b-avatar-image__image",
-      alt: "Profile picture",
-      "data-testid": "avatar-content"
-    }, null, 8, S)) : (s(), n("div", $, [
-      v(l, {
-        el: "span",
-        variant: "body",
-        strongest: ""
-      }, {
-        default: g(() => [
-          f(y(e.initials), 1)
-        ]),
-        _: 1
-      })
-    ]))
-  ], 2);
-}
-const M = /* @__PURE__ */ b(E, [["render", C], ["__scopeId", "data-v-43c406e6"]]);
-export {
-  M as A,
-  r as B,
-  t as a,
-  h as u
-};
-//# sourceMappingURL=index.0e01e0b2.js.map

package/dist/chunks/index.0e01e0b2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.0e01e0b2.js","sources":["../../../vue2/src/composables/initials.ts","../../../vue2/src/components/avatar-image/avatar-image.types.ts","../../../vue2/src/components/avatar-image/avatar-image.vue"],"sourcesContent":["import { computed, ComputedRef, ref } from 'vue';\nimport { MaybeRef } from '@/types';\n\n/** Extracts the first letter of a username\n * @param username - The name to return the initials of\n * Common patterns:\n * 1. John => J\n * 2. John Smith => J\n * John Smith Doe Holly => J\n */\nexport const useInitials = (username: MaybeRef<string | null>): ComputedRef<string | null> => {\n    const computedUsername = ref(username);\n    return computed(() => (computedUsername.value ? computedUsername.value.trim().charAt(0).toUpperCase() : null));\n};\n","export enum BentoAvatarImageVariant {\n    LARGE = 'large',\n    SMALL = 'small',\n}\n\nexport enum BentoAvatarImageColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    RED = 'red',\n    YELLOW = 'yellow',\n}\n","<template>\n    <div class=\"b-avatar-image\" :class=\"conditionalClasses\" aria-hidden=\"true\" data-testid=\"avatar\">\n        <img v-if=\"src\" :src=\"src\" class=\"b-avatar-image__image\" alt=\"Profile picture\" data-testid=\"avatar-content\" />\n        <div v-else class=\"b-avatar-image__default\" data-testid=\"avatar-content\">\n            <bento-typography el=\"span\" variant=\"body\" strongest>\n                {{ initials }}\n            </bento-typography>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRefs } from 'vue';\n    import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';\n    import { BentoTypography } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    export default defineComponent({\n        name: 'avatar-image',\n        components: { BentoTypography },\n        props: {\n            /**\n             * Image src to load the profile picture.\n             */\n            src: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Name of the user that will be used to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Variants supported for small and large.\n             * Default - large\n             */\n            variant: {\n                type: String as PropType<BentoAvatarImageVariant>,\n                default: BentoAvatarImageVariant.LARGE,\n                validator: (value: BentoAvatarImageVariant) => Object.values(BentoAvatarImageVariant).includes(value),\n            },\n            /**\n             * Avatar color. Defaults to yellow.\n             */\n            color: {\n                type: String as PropType<BentoAvatarImageColor>,\n                default: BentoAvatarImageColor.YELLOW,\n                validator: (value: BentoAvatarImageColor) => Object.values(BentoAvatarImageColor).includes(value),\n            },\n        },\n        setup(props) {\n            const { username } = toRefs(props);\n            const initials = useInitials(username);\n\n            const conditionalClasses = computed(() => ({\n                [`b-avatar-image--${BentoAvatarImageVariant.SMALL}`]: props.variant === BentoAvatarImageVariant.SMALL,\n                [`b-avatar-image--${props.color}`]: props.color,\n            }));\n\n            return {\n                // Values\n                conditionalClasses,\n                initials,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar-image.scss\" />\n"],"names":["useInitials","username","computedUsername","ref","computed","BentoAvatarImageVariant","BentoAvatarImageVariant2","BentoAvatarImageColor","BentoAvatarImageColor2","_sfc_main","defineComponent","BentoTypography","value","props","toRefs","initials","openBlock","createElementBlock","normalizeClass","_ctx","_hoisted_1","_hoisted_2","createVNode","_component_bento_typography"],"mappings":";;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AACT,QAAAC,IAAAC,EAAAF,CAAA;AACA,SAAAG,EAAA,MAAAF,EAAA,QAAAA,EAAA,MAAA,KAAA,EAAA,OAAA,CAAA,EAAA,YAAA,IAAA,IAAA;AACJ;ACbY,IAAAG,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UAJQA,IAAAD,KAAA,CAAA,CAAA;ACYR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA;AAAA;AAAA;AAAA,IACvB,KAAA;AAAA,MAIE,MAAA;AAAA,MACK,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAQU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,SAAA;AAAA,MAKS,MAAA;AAAA,MACC,SAAAN,EAAA;AAAA,MAC2B,WAAA,CAAAO,MAAA,OAAA,OAAAP,CAAA,EAAA,SAAAO,CAAA;AAAA,IACmE;AAAA;AAAA;AAAA;AAAA,IACxG,OAAA;AAAA,MAIO,MAAA;AAAA,MACG,SAAAL,EAAA;AAAA,MACyB,WAAA,CAAAK,MAAA,OAAA,OAAAL,CAAA,EAAA,SAAAK,CAAA;AAAA,IACiE;AAAA,EACpG;AAAA,EACJ,MAAAC,GAAA;AAEI,UAAA,EAAA,UAAAZ,EAAA,IAAAa,EAAAD,CAAA,GACAE,IAAAf,EAAAC,CAAA;AAOA,WAAA;AAAA;AAAA,MAAO,oBALPG,EAAA,OAAA;AAAA,QAA2C,CAAA,mBAAAC,EAAA,OAAA,GAAAQ,EAAA,YAAAR,EAAA;AAAA,QACyD,CAAA,mBAAAQ,EAAA,OAAA,GAAAA,EAAA;AAAA,MACtD,EAAA;AAAA,MAK1C,UAAAE;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;EArEsB,KAAA;AAAA,EAA0B,OAAA;AAAA;;;;AAFQ,SAAAC,EAAA,GAAAC,EAAA,OAAA;AAAA,IAAkB,OAAAC,EAAA,CAAA,kBAAAC,EAAA,kBAAA,CAAA;AAAA,IAAqB,eAAA;AAAA,IAC7E,eAAA;AAAA,EAAA,GAAA;AAAA;MAAW,KAAA;AAAA,MAAO,KAAAA,EAAA;AAAA,MAA6B,OAAA;AAAA,MAAkB,KAAA;AAAA,MAC/E,eAAA;AAAA,IAAA,GAAA,MAAA,GAAAC,CAAA,MAAAJ,EAAA,GAAAC,EAAA,OAAAI,GAAA;AAAA,MAC+BC,EAAAC,GAAA;AAAA,QAAe,IAAA;AAAA,QAAC,SAAA;AAAA;;;;;;;;;;;"}

package/dist/chunks/index.99c63a74.js

@@ -1,125 +0,0 @@
-import { defineComponent as d, computed as c, openBlock as E, createBlock as T, resolveDynamicComponent as u, normalizeClass as v, withCtx as I, renderSlot as _ } from "vue";
-import { _ as O } from "./_plugin-vue_export-helper.dad06003.js";
-import "../assets/index41.css";
-var t = /* @__PURE__ */ ((e) => (e.CAPTION = "caption", e.BODY = "body", e.SUBTITLE = "subtitle", e.TITLE = "title", e))(t || {}), a = /* @__PURE__ */ ((e) => (e.WIDE = "wide", e.STRONGER = "stronger", e.STRONGER_WIDE = "stronger-wide", e.STRONGEST = "strongest", e.STRONGEST_WIDE = "strongest-wide", e.MEDIUM = "m", e.LARGE = "l", e.MOBILE = "mobile", e))(a || {}), r = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.DIV = "div", e.PARAGRAPH = "p", e.SPAN = "span", e))(r || {});
-const D = ["development", "DEVELOPMENT", "dev", "DEV"], $ = () => D.includes(process.env.NODE_ENV);
-function s(...e) {
-  $() && console.warn(...e);
-}
-const l = ["color: red", "background: yellow"].join(";"), o = /* @__PURE__ */ new Set();
-function g(e, n, i) {
-  o.has(e) || (s(`%cDEPRECATED:\x1B[0m ${e}`, l), s(`${n.replaceAll("  ", "").trim()}`), s(`To be removed in: %c${i}`, l), o.add(e));
-}
-const y = d({
-  name: "bento-typography",
-  inheritAttrs: !0,
-  props: {
-    /**
-     * Sets the HTML DOM element.
-     * @values h1, h2, h3, h4, h5, h6, div, p, span
-     */
-    el: {
-      type: String,
-      default: r.PARAGRAPH,
-      validator: (e) => Object.values(r).includes(e)
-    },
-    /**
-     * Adds the stronger class modifier.
-     * Applicable to Caption, Body and Subtitle variants.
-     */
-    stronger: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Adds the strongest class modifier.
-     * Applicable to Caption, Body and Subtitle variants.
-     */
-    strongest: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the type of typography variant.
-     * @values caption, body, title.
-     */
-    variant: {
-      type: String,
-      default: t.BODY,
-      validator: (e) => Object.values(t).includes(e)
-    },
-    /**
-     * Adds the medium class modifier.
-     * Applicable to the Title variant.
-     */
-    medium: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Adds the large class modifier.
-     * Applicable to the Title variant.
-     */
-    large: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Adds the medium class modifier.
-     * Applicable to tje Body variant.
-     */
-    wide: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    return e.variant === t.SUBTITLE && g(
-      'BentoTypography "subtitle" variant (BentoTypographyVariant.SUBTITLE)',
-      `Use the "title" or "BentoTypographyVariant.TITLE" variant and (optionally) combine it with a size property. e.g. medium / large.
-                    <bento-typography :variant="BentoTypographyVariant.TITLE" medium>`,
-      "2.0.0"
-    ), {
-      conditionalClasses: c(() => ({
-        // Caption
-        [`b-typography--${t.CAPTION}`]: e.variant === t.CAPTION,
-        [`b-typography--${t.CAPTION}-${a.WIDE}`]: e.variant === t.CAPTION && e.wide,
-        [`b-typography--${t.CAPTION}-${a.STRONGER}`]: e.variant === t.CAPTION && e.stronger,
-        // Body
-        [`b-typography--${t.BODY}`]: e.variant === t.BODY,
-        [`b-typography--${t.BODY}-${a.WIDE}`]: e.variant === t.BODY && e.wide,
-        [`b-typography--${t.BODY}-${a.STRONGER}`]: e.variant === t.BODY && e.stronger,
-        [`b-typography--${t.BODY}-${a.STRONGEST}`]: e.variant === t.BODY && e.strongest,
-        // Subtitle
-        [`b-typography--${t.SUBTITLE}`]: e.variant === t.SUBTITLE,
-        [`b-typography--${t.SUBTITLE}-${a.STRONGER}`]: e.variant === t.SUBTITLE && e.stronger,
-        // Title
-        [`b-typography--${t.TITLE}`]: e.variant === t.TITLE && !e.medium && !e.large,
-        [`b-typography--${t.TITLE}-${a.MEDIUM}`]: e.variant === t.TITLE && e.medium,
-        [`b-typography--${t.TITLE}-${a.LARGE}`]: e.variant === t.TITLE && e.large
-      }))
-    };
-  }
-});
-function S(e, n, i, b, m, N) {
-  return E(), T(u(e.el), {
-    class: v(["b-typography", e.conditionalClasses]),
-    "data-testid": "typography"
-  }, {
-    default: I(() => [
-      _(e.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-const L = /* @__PURE__ */ O(y, [["render", S], ["__scopeId", "data-v-e6e586e8"]]);
-export {
-  L as B,
-  t as a,
-  a as b,
-  r as c,
-  g as d,
-  $ as i,
-  s as p
-};
-//# sourceMappingURL=index.99c63a74.js.map

package/dist/chunks/index.99c63a74.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.99c63a74.js","sources":["../../../vue2/src/components/typography/typography.types.ts","../../../vue2/src/utils/ts/dev-environment.ts","../../../vue2/src/utils/ts/print-development-warning.ts","../../../vue2/src/utils/ts/deprecate.ts","../../../vue2/src/components/typography/typography.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyVariant {\n    CAPTION = 'caption',\n    BODY = 'body',\n    /** @deprecated Use \"TITLE\" instead. */\n    SUBTITLE = 'subtitle',\n    TITLE = 'title',\n}\n\nexport enum BentoTypographyModifier {\n    WIDE = 'wide',\n    STRONGER = 'stronger',\n    STRONGER_WIDE = 'stronger-wide',\n    STRONGEST = 'strongest',\n    STRONGEST_WIDE = 'strongest-wide',\n    MEDIUM = 'm',\n    LARGE = 'l',\n    MOBILE = 'mobile',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTypographyElement {\n    H1 = 'h1',\n    H2 = 'h2',\n    H3 = 'h3',\n    H4 = 'h4',\n    H5 = 'h5',\n    H6 = 'h6',\n    DIV = 'div',\n    PARAGRAPH = 'p',\n    SPAN = 'span',\n}\n","const DEV_ENVIROMENT_NAMES = ['development', 'DEVELOPMENT', 'dev', 'DEV'];\n\nexport const isDevelopmentEnviroment = () => DEV_ENVIROMENT_NAMES.includes(process.env.NODE_ENV);\n","import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n/**\n * Prints console.warn messages in development mode only.\n *\n * @see console.warn for what parameters you can use\n */\n\nexport function printDevelopmentWarning(...args: Parameters<typeof console.warn>) {\n    if (isDevelopmentEnviroment()) {\n        // eslint-disable-next-line no-console\n        console.warn(...args);\n    }\n}\n","import { printDevelopmentWarning } from './print-development-warning';\n\nconst DEPRECATION_STYLES = ['color: red', 'background: yellow'].join(';');\nconst shownMessages = new Set<string>();\n\n/**\n * Informs users about the deprecations in development mode only.\n *\n * @param title Indicates what is being deprecated.\n * @param deprecationMessage How to avoid the deprecation by giving an example of the alternatives. Backticks can be used to multi-line the message.\n * @param toBeRemovedInVersion The version it will be removed. Must be in X.Y.Z format.\n */\nexport function deprecate(title: string, deprecationMessage: string, toBeRemovedInVersion: string) {\n    // If the message is already showing, don't show it again\n    if (!shownMessages.has(title)) {\n        printDevelopmentWarning(`%cDEPRECATED:\\x1b[0m ${title}`, DEPRECATION_STYLES);\n        // Format multi-line descriptions with the backtick\n        printDevelopmentWarning(`${deprecationMessage.replaceAll('  ', '').trim()}`);\n        printDevelopmentWarning(`To be removed in: %c${toBeRemovedInVersion}`, DEPRECATION_STYLES);\n        shownMessages.add(title);\n    }\n}\n\n/**\n * Reset shownMessages set\n *\n * @deprecated For testing purposes only. Do not use.\n */\nexport function resetShownMessages() {\n    shownMessages.clear();\n}\n","<template>\n    <component :is=\"el\" class=\"b-typography\" :class=\"conditionalClasses\" data-testid=\"typography\">\n        <slot />\n    </component>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoTypographyElement, BentoTypographyModifier, BentoTypographyVariant } from './typography.types';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    /**\n     * The Typography component makes it easy to apply a default set of font weights, sizes and other text styles\n     * easily to text. The variants and properties match with those found in Figma.\n     *\n     * For example, seeing text with the typography styling of\n     *\n     * @example\n     * import { BentoTypography } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTypography },\n     *     template: `\n     *          <bento-typography>\n     *              ... text content\n     *          </bento-typography>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-typography',\n        inheritAttrs: true,\n        props: {\n            /**\n             * Sets the HTML DOM element.\n             * @values h1, h2, h3, h4, h5, h6, div, p, span\n             */\n            el: {\n                type: String as PropType<BentoTypographyElement | `${BentoTypographyElement}`>,\n                default: BentoTypographyElement.PARAGRAPH,\n                validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n            },\n\n            /**\n             * Adds the stronger class modifier.\n             * Applicable to Caption, Body and Subtitle variants.\n             */\n            stronger: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Adds the strongest class modifier.\n             * Applicable to Caption, Body and Subtitle variants.\n             */\n            strongest: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Sets the type of typography variant.\n             * @values caption, body, title.\n             */\n            variant: {\n                type: String as PropType<BentoTypographyVariant | `${BentoTypographyVariant}`>,\n                default: BentoTypographyVariant.BODY,\n                validator: (value: BentoTypographyVariant) => Object.values(BentoTypographyVariant).includes(value),\n            },\n\n            /**\n             * Adds the medium class modifier.\n             * Applicable to the Title variant.\n             */\n            medium: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Adds the large class modifier.\n             * Applicable to the Title variant.\n             */\n            large: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Adds the medium class modifier.\n             * Applicable to tje Body variant.\n             */\n            wide: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props) {\n            if (props.variant === BentoTypographyVariant.SUBTITLE) {\n                deprecate(\n                    'BentoTypography \"subtitle\" variant (BentoTypographyVariant.SUBTITLE)',\n                    `Use the \"title\" or \"BentoTypographyVariant.TITLE\" variant and (optionally) combine it with a size property. e.g. medium / large.\n                    <bento-typography :variant=\"BentoTypographyVariant.TITLE\" medium>`,\n                    '2.0.0'\n                );\n            }\n\n            const conditionalClasses = computed(() => ({\n                // Caption\n                [`b-typography--${BentoTypographyVariant.CAPTION}`]: props.variant === BentoTypographyVariant.CAPTION,\n                [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.WIDE}`]:\n                    props.variant === BentoTypographyVariant.CAPTION && props.wide,\n                [`b-typography--${BentoTypographyVariant.CAPTION}-${BentoTypographyModifier.STRONGER}`]:\n                    props.variant === BentoTypographyVariant.CAPTION && props.stronger,\n\n                // Body\n                [`b-typography--${BentoTypographyVariant.BODY}`]: props.variant === BentoTypographyVariant.BODY,\n                [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.WIDE}`]:\n                    props.variant === BentoTypographyVariant.BODY && props.wide,\n                [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGER}`]:\n                    props.variant === BentoTypographyVariant.BODY && props.stronger,\n                [`b-typography--${BentoTypographyVariant.BODY}-${BentoTypographyModifier.STRONGEST}`]:\n                    props.variant === BentoTypographyVariant.BODY && props.strongest,\n\n                // Subtitle\n                [`b-typography--${BentoTypographyVariant.SUBTITLE}`]: props.variant === BentoTypographyVariant.SUBTITLE,\n                [`b-typography--${BentoTypographyVariant.SUBTITLE}-${BentoTypographyModifier.STRONGER}`]:\n                    props.variant === BentoTypographyVariant.SUBTITLE && props.stronger,\n\n                // Title\n                [`b-typography--${BentoTypographyVariant.TITLE}`]:\n                    props.variant === BentoTypographyVariant.TITLE && !props.medium && !props.large,\n                [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.MEDIUM}`]:\n                    props.variant === BentoTypographyVariant.TITLE && props.medium,\n                [`b-typography--${BentoTypographyVariant.TITLE}-${BentoTypographyModifier.LARGE}`]:\n                    props.variant === BentoTypographyVariant.TITLE && props.large,\n            }));\n\n            return {\n                conditionalClasses,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./typography.scss\" />\n<style lang=\"scss\">\n    // Reset preset browser margin on all elements but allow for it to be overriden\n    .b-typography {\n        margin: 0;\n    }\n</style>\n"],"names":["BentoTypographyVariant","BentoTypographyVariant2","BentoTypographyModifier","BentoTypographyModifier2","BentoTypographyElement","BentoTypographyElement2","DEV_ENVIROMENT_NAMES","isDevelopmentEnviroment","printDevelopmentWarning","args","DEPRECATION_STYLES","shownMessages","deprecate","title","deprecationMessage","toBeRemovedInVersion","_sfc_main","defineComponent","value","props","computed","openBlock","createBlock","resolveDynamicComponent","_ctx","normalizeClass"],"mappings":"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"}

package/dist/chunks/info-filled.a6f9d7d0.js

@@ -1,44 +0,0 @@
-import { openBlock as i, createElementBlock as o, mergeProps as n, toDisplayString as l, createCommentVNode as r, createElementVNode as e } from "vue";
-import { _ } from "./_plugin-vue_export-helper.dad06003.js";
-import "../assets/cross.css";
-let s = 0;
-const c = {
-  beforeCreate() {
-    this.uuid = s.toString(), s += 1;
-  }
-}, d = { key: 0 }, a = ["clip-path"], C = /* @__PURE__ */ e("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"
-}, null, -1), u = [
-  C
-], f = ["id"], h = /* @__PURE__ */ e("rect", {
-  width: "16",
-  height: "16",
-  fill: "#fff"
-}, null, -1), p = [
-  h
-];
-function g(t, m, V, $, v, w) {
-  return i(), o("svg", n({ role: "img" }, t.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    t.$attrs["svg-title"] ? (i(), o("title", d, l(t.$attrs["svg-title"]), 1)) : r("", !0),
-    e("g", {
-      "clip-path": "url(#uia-icons-16-info_filled__a" + t.uuid + ")"
-    }, u, 8, a),
-    e("defs", null, [
-      e("clipPath", {
-        id: "uia-icons-16-info_filled__a" + t.uuid
-      }, p, 8, f)
-    ])
-  ], 16);
-}
-const k = /* @__PURE__ */ _(c, [["render", g]]);
-export {
-  k as I
-};
-//# sourceMappingURL=info-filled.a6f9d7d0.js.map

package/dist/chunks/info-filled.a6f9d7d0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-filled.a6f9d7d0.js","sources":["../../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue"],"sourcesContent":["\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    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1","toDisplayString"],"mappings":";;;AAKI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARkQ,MAAA;AAAA,EAAe,GAAA;;;;EAAijC,OAAA;AAAA,EAAW,QAAA;AAAA,EAAY,MAAA;;;;;AAAj2C,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;MAAuE,aAAA,qCAAAA,EAAA,OAAA;AAAA;;;QAAklC,IAAA,gCAAAA,EAAA;AAAA;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/toastController.0b01d2e8.js

@@ -1,9 +0,0 @@
-import { getCurrentInstance as o } from "vue";
-let t = null;
-function r() {
-  return t = o().appContext.config.globalProperties.$bentoToastController, t;
-}
-export {
-  r as u
-};
-//# sourceMappingURL=toastController.0b01d2e8.js.map

package/dist/chunks/toastController.0b01d2e8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toastController.0b01d2e8.js","sources":["../../../vue2/src/utils/ts/toastController.ts"],"sourcesContent":["import { getCurrentInstance } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport BentoToastController from '../../plugins/toastController';\n\nlet bentoToastController: BentoToastController = null;\n\nexport function useBentoToastController(): BentoToastController {\n    const instance = getCurrentInstance() as { proxy: any & { $bentoToastController } } | null;\n    if (isVue2) {\n        const vm = instance.proxy;\n\n        if (vm?.$bentoToastController) {\n            bentoToastController = vm.$bentoToastController;\n        }\n    } else {\n        bentoToastController = (instance as any).appContext.config.globalProperties.$bentoToastController;\n    }\n\n    return bentoToastController;\n}\n"],"names":["bentoToastController","useBentoToastController","getCurrentInstance"],"mappings":";AAIA,IAAIA,IAA6C;AAE1C,SAASC,IAAgD;AAShC,SAAAD,IARXE,IAQ4B,WAAW,OAAO,iBAAiB,uBAGzEF;AACX;"}