@adyen/bento-vue3 2.0.1 → 2.1.0

package/dist/chunks/{empty-state.DpUC-3wv.js → empty-state.BuK12EGe.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, ref as N, computed as l, watch as L, openBlock as n, createElementBlock as A, normalizeClass as M, createCommentVNode as D, createVNode as U, unref as g, mergeProps as w, withCtx as o, renderSlot as C, createTextVNode as v, toDisplayString as d, createBlock as u, createSlots as h, resolveDynamicComponent as O } from "vue";
-import { B as F } from "./button.Ciflfide.js";
-import { f as S } from "./button-actions.uIjzze43.js";
-import { B as b } from "./typography.wIM07Hbl.js";
+import { B as F } from "./button.DAcwNdtP.js";
+import { f as S } from "./button-actions.DvuGEQxM.js";
+import { B as b } from "./typography.B6elnWpr.js";
 import { o as I } from "./resize.Bqks3WUm.js";
 import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/empty-state.css";
@@ -155,4 +155,4 @@ export {
   p as b,
   t as c
 };
-//# sourceMappingURL=empty-state.DpUC-3wv.js.map
+//# sourceMappingURL=empty-state.BuK12EGe.js.map

package/dist/chunks/{empty-state.DpUC-3wv.js.map → empty-state.BuK12EGe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"empty-state.DpUC-3wv.js","sources":["../../../vue2/src/components/empty-state/empty-state.types.ts","../../../vue2/src/components/empty-state/empty-state.vue"],"sourcesContent":["import type { BentoButtonActionObject } from '@/components/button/components/button-actions/button-actions.types';\nimport type { BentoActionMenu } from '@/components/button/components/button-actions/button-actions.internal.types';\nimport type { BentoTypographyElement } from '@/components/typography/typography.types';\n\nexport enum BentoEmptyStateVariant {\n    FULL_PAGE = 'full-page',\n    EMBEDDED = 'embedded',\n    BASIC = 'basic',\n    CONDENSED = 'condensed',\n}\n\nexport enum BentoEmptyStateImage {\n    GENERIC_USE1 = '1-generic-use',\n    GENERIC_USE2 = '2-generic-use',\n    GENERIC_USE3 = '3-generic-use',\n    GENERIC_USE4 = '4-generic-use',\n    ADDING_PAYMENT_METHOD = 'adding-payment-methods',\n    ADYEN_GIVING = 'adyen-giving',\n    DELIGHT = 'delight',\n    INTERNAL_ERROR = 'internal-error',\n    NO_RESULTS_FOUND = 'no-results-found',\n    NOTIFICATIONS_CLEARED = 'notifications-cleared',\n    PAGE_NOT_FOUND = 'page-not-found',\n    PLANNED_MAINTENANCE = 'planned-maintenance',\n    REFERRALS = 'referrals',\n    SUCCESS = 'success',\n    UPLOAD_FILES = 'upload-files',\n    WRONG_ENVIRONMENT = 'wrong-environment',\n}\n\nexport enum BentoEmptyStateImageVariant {\n    SMALL = 'small',\n    LARGE = 'large',\n    NULL = null,\n}\n\nexport interface BentoEmptyStateProps {\n    /**\n     * Defines the button at the end of the component.\n     */\n    action?: BentoButtonActionObject & BentoActionMenu;\n\n    /**\n     * The empty state description.\n     * Gives additional details to the issue.\n     * This can be used or the default slot\n     */\n    description?: string;\n\n    /**\n     * Sets the heading HTML DOM element.\n     * @values h1, h2, h3, h4, h5, h6, div, p, span\n     */\n    headingEl?: `${BentoTypographyElement}`;\n\n    /**\n     * Name of the illustration for the empty state.\n     */\n    image?: `${BentoEmptyStateImage}`;\n\n    /**\n     * The empty state heading.\n     * Should clearly explain the issue.\n     */\n    title?: string;\n\n    /**\n     * Types of different empty states\n     * @values full-page, embedded, basic, condensed\n     */\n    variant?: `${BentoEmptyStateVariant}`;\n}\n","<template>\n    <div ref=\"rootRef\" class=\"b-empty-state\">\n        <!-- illustration -->\n        <img\n            v-if=\"image && imageVariant\"\n            alt=\"\"\n            class=\"b-empty-state__image\"\n            :class=\"imageConditionalClasses\"\n            :src=\"imageSvg\"\n        />\n\n        <!-- heading -->\n        <bento-typography v-bind=\"headingProps\" class=\"b-empty-state__title\">\n            <slot name=\"title\">\n                {{ title }}\n            </slot>\n        </bento-typography>\n\n        <!-- details -->\n        <bento-typography v-if=\"variant !== 'condensed'\" variant=\"body\" class=\"b-empty-state__details\">\n            <slot>\n                {{ description }}\n            </slot>\n        </bento-typography>\n\n        <!-- action -->\n        <bento-menu\n            v-if=\"action && action.data\"\n            :data=\"action.data\"\n            :button=\"{ variant: actionVariant }\"\n            :close-menu-on-item-select=\"action.closeMenuOnItemSelect\"\n            :menu-position=\"action.menuPosition\"\n            :menu-fixed-positioning=\"action.menuFixedPositioning\"\n            :menu-width=\"action.menuWidth\"\n            :teleport=\"action.teleport\"\n        >\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-menu>\n\n        <bento-button v-else-if=\"action\" type=\"button\" :variant=\"actionVariant\" @click=\"action.event\">\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n\n    import { BentoButton, type BentoButtonVariant } from '@/components/button';\n    import { BentoMenu } from '@/components/menu';\n    import { BentoTypography, type BentoTypographyElement, type BentoTypographyVariant } from '@/components/typography';\n\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import {\n        BentoEmptyStateImageVariant,\n        type BentoEmptyStateProps,\n        BentoEmptyStateVariant,\n    } from './empty-state.types';\n\n    const WIDTH_BREAKPOINT = 740;\n\n    const props = withDefaults(defineProps<BentoEmptyStateProps>(), {\n        action: null,\n        description: null,\n        headingEl: null,\n        image: null,\n        title: '',\n        variant: 'basic',\n    });\n\n    const rootRef = ref<HTMLDivElement>(null);\n    const containerWidth = ref(0);\n\n    const isBelowBreakpoint = computed(() => containerWidth.value < WIDTH_BREAKPOINT);\n\n    const imageVariant = computed<BentoEmptyStateImageVariant>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return isBelowBreakpoint.value ? BentoEmptyStateImageVariant.SMALL : BentoEmptyStateImageVariant.LARGE;\n            case BentoEmptyStateVariant.EMBEDDED:\n                return isBelowBreakpoint.value ? null : BentoEmptyStateImageVariant.SMALL;\n            default:\n                return null;\n        }\n    });\n\n    const imageSvg = ref('');\n\n    watch(\n        [() => props.image, imageVariant],\n        async () => {\n            if (props.image && imageVariant.value) {\n                // rollup only supports one variable in a dynamic path\n                /* v8 ignore next 4 */\n                if (imageVariant.value === 'small') {\n                    imageSvg.value = (await import(`./assets/small/${props.image}.svg`)).default;\n                } else {\n                    imageSvg.value = (await import(`./assets/large/${props.image}.svg`)).default;\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    const imageConditionalClasses = computed(() => ({\n        'b-empty-state__image--small': imageVariant.value === 'small',\n        'b-empty-state__image--large': imageVariant.value === 'large',\n    }));\n\n    const HEADING_ELEMENT_MAP = {\n        [BentoEmptyStateVariant.FULL_PAGE]: 'h2',\n        [BentoEmptyStateVariant.EMBEDDED]: 'h3',\n        [BentoEmptyStateVariant.BASIC]: 'h3',\n        [BentoEmptyStateVariant.CONDENSED]: 'div',\n    };\n\n    const headingElement = computed(\n        () => (props.headingEl || HEADING_ELEMENT_MAP[props.variant]) as BentoTypographyElement\n    );\n\n    const headingProps = computed(() => ({\n        el: headingElement.value,\n        medium: props.variant !== BentoEmptyStateVariant.CONDENSED,\n        strongest: props.variant === BentoEmptyStateVariant.CONDENSED,\n        variant: (props.variant === BentoEmptyStateVariant.CONDENSED ? 'body' : 'title') as BentoTypographyVariant,\n    }));\n\n    const actionVariant = computed<`${BentoButtonVariant}`>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return 'primary';\n            case BentoEmptyStateVariant.CONDENSED:\n                return 'tertiary';\n            default:\n                return 'secondary';\n        }\n    });\n\n    // Lifecycle\n    watch(rootRef, () => {\n        // Use ResizeObserver so that image is only fetched if needed (visible).\n        observeSizeOfElement(rootRef.value, () => {\n            if (rootRef.value) {\n                containerWidth.value = rootRef.value.offsetWidth;\n            }\n        });\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Empty states are moments in the user experience when there is nothing to display.\n     * This component can be used to provide:\n     * - Information about system status\n     * - Contextual learning cues\n     * - Direct pathways for key tasks\n     *\n     * @example\n     * import { BentoEmptyState } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoEmptyState },\n     *     template: `\n     *          <bento-empty-state\n     *              title=\"No results were found\"\n     *              image=\"no-results-found\"\n     *              variant=\"full-page\"\n     *              :action=\"{ title: 'Reset filters', event: () => {} }\"\n     *          >\n     *              Try a different term or reset search filters\n     *          </bento-empty-state>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./empty-state.scss\" />\n"],"names":["BentoEmptyStateVariant","BentoEmptyStateVariant2","BentoEmptyStateImage","BentoEmptyStateImage2","BentoEmptyStateImageVariant","BentoEmptyStateImageVariant2","__default__","props","__props","rootRef","ref","containerWidth","isBelowBreakpoint","computed","imageVariant","imageSvg","watch","__variableDynamicImportRuntimeHelper","imageConditionalClasses","HEADING_ELEMENT_MAP","headingElement","headingProps","actionVariant","observeSizeOfElement"],"mappings":"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"}
+{"version":3,"file":"empty-state.BuK12EGe.js","sources":["../../../vue2/src/components/empty-state/empty-state.types.ts","../../../vue2/src/components/empty-state/empty-state.vue"],"sourcesContent":["import type { BentoButtonActionObject } from '@/components/button/components/button-actions/button-actions.types';\nimport type { BentoActionMenu } from '@/components/button/components/button-actions/button-actions.internal.types';\nimport type { BentoTypographyElement } from '@/components/typography/typography.types';\n\nexport enum BentoEmptyStateVariant {\n    FULL_PAGE = 'full-page',\n    EMBEDDED = 'embedded',\n    BASIC = 'basic',\n    CONDENSED = 'condensed',\n}\n\nexport enum BentoEmptyStateImage {\n    GENERIC_USE1 = '1-generic-use',\n    GENERIC_USE2 = '2-generic-use',\n    GENERIC_USE3 = '3-generic-use',\n    GENERIC_USE4 = '4-generic-use',\n    ADDING_PAYMENT_METHOD = 'adding-payment-methods',\n    ADYEN_GIVING = 'adyen-giving',\n    DELIGHT = 'delight',\n    INTERNAL_ERROR = 'internal-error',\n    NO_RESULTS_FOUND = 'no-results-found',\n    NOTIFICATIONS_CLEARED = 'notifications-cleared',\n    PAGE_NOT_FOUND = 'page-not-found',\n    PLANNED_MAINTENANCE = 'planned-maintenance',\n    REFERRALS = 'referrals',\n    SUCCESS = 'success',\n    UPLOAD_FILES = 'upload-files',\n    WRONG_ENVIRONMENT = 'wrong-environment',\n}\n\nexport enum BentoEmptyStateImageVariant {\n    SMALL = 'small',\n    LARGE = 'large',\n    NULL = null,\n}\n\nexport interface BentoEmptyStateProps {\n    /**\n     * Defines the button at the end of the component.\n     */\n    action?: BentoButtonActionObject & BentoActionMenu;\n\n    /**\n     * The empty state description.\n     * Gives additional details to the issue.\n     * This can be used or the default slot\n     */\n    description?: string;\n\n    /**\n     * Sets the heading HTML DOM element.\n     * @values h1, h2, h3, h4, h5, h6, div, p, span\n     */\n    headingEl?: `${BentoTypographyElement}`;\n\n    /**\n     * Name of the illustration for the empty state.\n     */\n    image?: `${BentoEmptyStateImage}`;\n\n    /**\n     * The empty state heading.\n     * Should clearly explain the issue.\n     */\n    title?: string;\n\n    /**\n     * Types of different empty states\n     * @values full-page, embedded, basic, condensed\n     */\n    variant?: `${BentoEmptyStateVariant}`;\n}\n","<template>\n    <div ref=\"rootRef\" class=\"b-empty-state\">\n        <!-- illustration -->\n        <img\n            v-if=\"image && imageVariant\"\n            alt=\"\"\n            class=\"b-empty-state__image\"\n            :class=\"imageConditionalClasses\"\n            :src=\"imageSvg\"\n        />\n\n        <!-- heading -->\n        <bento-typography v-bind=\"headingProps\" class=\"b-empty-state__title\">\n            <slot name=\"title\">\n                {{ title }}\n            </slot>\n        </bento-typography>\n\n        <!-- details -->\n        <bento-typography v-if=\"variant !== 'condensed'\" variant=\"body\" class=\"b-empty-state__details\">\n            <slot>\n                {{ description }}\n            </slot>\n        </bento-typography>\n\n        <!-- action -->\n        <bento-menu\n            v-if=\"action && action.data\"\n            :data=\"action.data\"\n            :button=\"{ variant: actionVariant }\"\n            :close-menu-on-item-select=\"action.closeMenuOnItemSelect\"\n            :menu-position=\"action.menuPosition\"\n            :menu-fixed-positioning=\"action.menuFixedPositioning\"\n            :menu-width=\"action.menuWidth\"\n            :teleport=\"action.teleport\"\n        >\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-menu>\n\n        <bento-button v-else-if=\"action\" type=\"button\" :variant=\"actionVariant\" @click=\"action.event\">\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n\n    import { BentoButton, type BentoButtonVariant } from '@/components/button';\n    import { BentoMenu } from '@/components/menu';\n    import { BentoTypography, type BentoTypographyElement, type BentoTypographyVariant } from '@/components/typography';\n\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import {\n        BentoEmptyStateImageVariant,\n        type BentoEmptyStateProps,\n        BentoEmptyStateVariant,\n    } from './empty-state.types';\n\n    const WIDTH_BREAKPOINT = 740;\n\n    const props = withDefaults(defineProps<BentoEmptyStateProps>(), {\n        action: null,\n        description: null,\n        headingEl: null,\n        image: null,\n        title: '',\n        variant: 'basic',\n    });\n\n    const rootRef = ref<HTMLDivElement>(null);\n    const containerWidth = ref(0);\n\n    const isBelowBreakpoint = computed(() => containerWidth.value < WIDTH_BREAKPOINT);\n\n    const imageVariant = computed<BentoEmptyStateImageVariant>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return isBelowBreakpoint.value ? BentoEmptyStateImageVariant.SMALL : BentoEmptyStateImageVariant.LARGE;\n            case BentoEmptyStateVariant.EMBEDDED:\n                return isBelowBreakpoint.value ? null : BentoEmptyStateImageVariant.SMALL;\n            default:\n                return null;\n        }\n    });\n\n    const imageSvg = ref('');\n\n    watch(\n        [() => props.image, imageVariant],\n        async () => {\n            if (props.image && imageVariant.value) {\n                // rollup only supports one variable in a dynamic path\n                /* v8 ignore next 4 */\n                if (imageVariant.value === 'small') {\n                    imageSvg.value = (await import(`./assets/small/${props.image}.svg`)).default;\n                } else {\n                    imageSvg.value = (await import(`./assets/large/${props.image}.svg`)).default;\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    const imageConditionalClasses = computed(() => ({\n        'b-empty-state__image--small': imageVariant.value === 'small',\n        'b-empty-state__image--large': imageVariant.value === 'large',\n    }));\n\n    const HEADING_ELEMENT_MAP = {\n        [BentoEmptyStateVariant.FULL_PAGE]: 'h2',\n        [BentoEmptyStateVariant.EMBEDDED]: 'h3',\n        [BentoEmptyStateVariant.BASIC]: 'h3',\n        [BentoEmptyStateVariant.CONDENSED]: 'div',\n    };\n\n    const headingElement = computed(\n        () => (props.headingEl || HEADING_ELEMENT_MAP[props.variant]) as BentoTypographyElement\n    );\n\n    const headingProps = computed(() => ({\n        el: headingElement.value,\n        medium: props.variant !== BentoEmptyStateVariant.CONDENSED,\n        strongest: props.variant === BentoEmptyStateVariant.CONDENSED,\n        variant: (props.variant === BentoEmptyStateVariant.CONDENSED ? 'body' : 'title') as BentoTypographyVariant,\n    }));\n\n    const actionVariant = computed<`${BentoButtonVariant}`>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return 'primary';\n            case BentoEmptyStateVariant.CONDENSED:\n                return 'tertiary';\n            default:\n                return 'secondary';\n        }\n    });\n\n    // Lifecycle\n    watch(rootRef, () => {\n        // Use ResizeObserver so that image is only fetched if needed (visible).\n        observeSizeOfElement(rootRef.value, () => {\n            if (rootRef.value) {\n                containerWidth.value = rootRef.value.offsetWidth;\n            }\n        });\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Empty states are moments in the user experience when there is nothing to display.\n     * This component can be used to provide:\n     * - Information about system status\n     * - Contextual learning cues\n     * - Direct pathways for key tasks\n     *\n     * @example\n     * import { BentoEmptyState } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoEmptyState },\n     *     template: `\n     *          <bento-empty-state\n     *              title=\"No results were found\"\n     *              image=\"no-results-found\"\n     *              variant=\"full-page\"\n     *              :action=\"{ title: 'Reset filters', event: () => {} }\"\n     *          >\n     *              Try a different term or reset search filters\n     *          </bento-empty-state>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./empty-state.scss\" />\n"],"names":["BentoEmptyStateVariant","BentoEmptyStateVariant2","BentoEmptyStateImage","BentoEmptyStateImage2","BentoEmptyStateImageVariant","BentoEmptyStateImageVariant2","__default__","props","__props","rootRef","ref","containerWidth","isBelowBreakpoint","computed","imageVariant","imageSvg","watch","__variableDynamicImportRuntimeHelper","imageConditionalClasses","HEADING_ELEMENT_MAP","headingElement","headingProps","actionVariant","observeSizeOfElement"],"mappings":"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"}

package/dist/chunks/{error-message.Bt0CznQM.js → error-message.DJ5l0EUH.js}

@@ -1,7 +1,7 @@
 import { defineComponent as a, openBlock as i, createBlock as n, unref as r, withCtx as c, createElementVNode as p, createVNode as m, createTextVNode as _, toDisplayString as l } from "vue";
-import { B as d } from "./typography.wIM07Hbl.js";
+import { B as d } from "./typography.B6elnWpr.js";
 import { _ as f } from "./cross-circle-fill.DJbpTaVE.js";
-import { u as E } from "./index.B875RXHM.js";
+import { u as E } from "./index.CGBfMQdv.js";
 import { _ as g } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/error-message.css";
 const e = {
@@ -53,4 +53,4 @@ const e = {
 export {
   b as E
 };
-//# sourceMappingURL=error-message.Bt0CznQM.js.map
+//# sourceMappingURL=error-message.DJ5l0EUH.js.map

package/dist/chunks/{error-message.Bt0CznQM.js.map → error-message.DJ5l0EUH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"error-message.Bt0CznQM.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n"],"names":["__default__","messages","t","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"error-message.DJ5l0EUH.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n"],"names":["__default__","messages","t","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/es6.yPcTMnSH.js.map

@@ -1 +1 @@
-{"version":3,"file":"es6.yPcTMnSH.js","sources":["../../../design-tokens/dist/js/bento/es6.js"],"sourcesContent":["export const BColorBackgroundPrimary = \"#ffffff\";\nexport const BColorBackgroundPrimaryHover = \"#f6f5f4\";\nexport const BColorBackgroundPrimaryActive = \"#efeeed\";\nexport const BColorBackgroundSecondary = \"#111110\";\nexport const BColorBackgroundSecondaryHover = \"#111110\";\nexport const BColorBackgroundSecondaryActive = \"#111110\";\nexport const BColorBackgroundTertiary = \"#111110\";\nexport const BColorBackgroundTertiaryHover = \"#111110\";\nexport const BColorBackgroundTertiaryActive = \"#111110\";\nexport const BColorBackgroundQuaternary = \"#c0c5ca\";\nexport const BColorBackgroundQuaternaryHover = \"#b7bdc2\";\nexport const BColorBackgroundQuaternaryActive = \"#aeb5ba\";\nexport const BColorBackgroundModal = \"#ffffff\";\nexport const BColorBackgroundModalHover = \"#f6f5f4\";\nexport const BColorBackgroundModalActive = \"#efeeed\";\nexport const BColorBackgroundDisabled = \"#111110\";\nexport const BColorBackgroundSelected = \"#e3effb\";\nexport const BColorBackgroundSelectedHover = \"#d4e6f9\";\nexport const BColorBackgroundSelectedActive = \"#c8dff7\";\nexport const BColorBackgroundSpotlight = \"#ffe379\";\nexport const BColorBackgroundCriticalWeak = \"#ffeae3\";\nexport const BColorBackgroundCriticalWeakHover = \"#ffded3\";\nexport const BColorBackgroundCriticalWeakActive = \"#ffd3c5\";\nexport const BColorBackgroundCriticalStrong = \"#dc3801\";\nexport const BColorBackgroundCriticalStrongHover = \"#c13101\";\nexport const BColorBackgroundCriticalStrongActive = \"#751e00\";\nexport const BColorBackgroundWarningWeak = \"#ffecd0\";\nexport const BColorBackgroundWarningWeakHover = \"#ffe0b3\";\nexport const BColorBackgroundWarningWeakActive = \"#ffd79c\";\nexport const BColorBackgroundWarningStrong = \"#cb7800\";\nexport const BColorBackgroundSuccessWeak = \"#cef6e2\";\nexport const BColorBackgroundSuccessStrong = \"#008845\";\nexport const BColorBackgroundHighlightWeak = \"#e3effb\";\nexport const BColorBackgroundHighlightStrong = \"#0f75dc\";\nexport const BColorBackgroundNavigation = \"#cef6e2\";\nexport const BColorBackgroundNavigationHover = \"#b8f2d6\";\nexport const BColorBackgroundNavigationActive = \"#9dedc6\";\nexport const BColorBackgroundInversePrimary = \"#111110\";\nexport const BColorBackgroundInversePrimaryHover = \"#30302f\";\nexport const BColorBackgroundInversePrimaryActive = \"#3d3d3c\";\nexport const BColorBackgroundInverseSecondary = \"#2a2a29\";\nexport const BColorBackgroundInverseSecondaryHover = \"#363635\";\nexport const BColorBackgroundInverseSecondaryActive = \"#444343\";\nexport const BColorBackgroundInverseTertiary = \"#30302f\";\nexport const BColorBackgroundInverseTertiaryHover = \"#3d3d3c\";\nexport const BColorBackgroundInverseTertiaryActive = \"#4c4a49\";\nexport const BColorBackgroundInverseDisabled = \"#232322\";\nexport const BColorBackgroundInverseCriticalWeak = \"#5c1800\";\nexport const BColorBackgroundInverseCriticalWeakHover = \"#681a00\";\nexport const BColorBackgroundInverseCriticalWeakActive = \"#751e00\";\nexport const BColorBackgroundInverseCriticalStrong = \"#ff9a78\";\nexport const BColorBackgroundInverseCriticalStrongHover = \"#ffbda6\";\nexport const BColorBackgroundInverseCriticalStrongActive = \"#ffded3\";\nexport const BColorBackgroundAlwaysLight = \"#ffffff\";\nexport const BColorBackgroundAlwaysLightHover = \"#f4f5f6\";\nexport const BColorBackgroundAlwaysLightActive = \"#ecedef\";\nexport const BColorBackgroundAlwaysLightDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysLightSelected = \"#e3effb\";\nexport const BColorBackgroundAlwaysDark = \"#001222\";\nexport const BColorBackgroundAlwaysDarkHover = \"#5c6874\";\nexport const BColorBackgroundAlwaysDarkActive = \"#8c959d\";\nexport const BColorBackgroundAlwaysDarkDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkSelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkPrimary = \"#001222\";\nexport const BColorBackgroundAlwaysDarkPrimaryHover = \"#132434\";\nexport const BColorBackgroundAlwaysDarkPrimaryActive = \"#213140\";\nexport const BColorBackgroundAlwaysDarkPrimaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkPrimarySelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkSecondary = \"#213140\";\nexport const BColorBackgroundAlwaysDarkSecondaryHover = \"#364553\";\nexport const BColorBackgroundAlwaysDarkSecondaryActive = \"#455460\";\nexport const BColorBackgroundAlwaysDarkSecondaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkSecondarySelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkTertiary = \"#2f3e4d\";\nexport const BColorBackgroundAlwaysDarkTertiaryHover = \"#3d4c5a\";\nexport const BColorBackgroundAlwaysDarkTertiaryActive = \"#455460\";\nexport const BColorBackgroundAlwaysDarkTertiaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkTertiarySelected = \"#00305f\";\nexport const BColorLabelPrimary = \"#111111\";\nexport const BColorLabelPrimaryHover = \"#111111\";\nexport const BColorLabelPrimaryActive = \"#111111\";\nexport const BColorLabelSecondary = \"#111111\";\nexport const BColorLabelTertiary = \"#111111\";\nexport const BColorLabelDisabled = \"#111111\";\nexport const BColorLabelCritical = \"#ce3401\";\nexport const BColorLabelCriticalHover = \"#b42e01\";\nexport const BColorLabelCriticalActive = \"#751e00\";\nexport const BColorLabelWarning = \"#a05e00\";\nexport const BColorLabelHighlight = \"#006bd7\";\nexport const BColorLabelSuccess = \"#007f41\";\nexport const BColorLabelOnColor = \"#ffffff\";\nexport const BColorLabelInversePrimary = \"#ffffff\";\nexport const BColorLabelInversePrimaryHover = \"#f5f5f5\";\nexport const BColorLabelInversePrimaryActive = \"#ededed\";\nexport const BColorLabelInverseSecondary = \"#949494\";\nexport const BColorLabelInverseDisabled = \"#767676\";\nexport const BColorLabelInverseCritical = \"#ffb196\";\nexport const BColorLabelInverseCriticalHover = \"#ffc9b6\";\nexport const BColorLabelInverseCriticalActive = \"#ffded3\";\nexport const BColorLabelOnBackgroundCriticalWeak = \"#b42e01\";\nexport const BColorLabelOnBackgroundWarningWeak = \"#8b5300\";\nexport const BColorLabelOnBackgroundSuccessWeak = \"#006f38\";\nexport const BColorLabelOnBackgroundHighlightWeak = \"#005ebd\";\nexport const BColorLabelAlwaysLight = \"#ffffff\";\nexport const BColorLabelAlwaysLightPrimary = \"#ecedef\";\nexport const BColorLabelAlwaysLightPrimaryHover = \"#c8ccd0\";\nexport const BColorLabelAlwaysLightPrimaryActive = \"#959da5\";\nexport const BColorLabelAlwaysLightSecondary = \"#a6adb3\";\nexport const BColorLabelAlwaysLightSecondaryHover = \"#959da5\";\nexport const BColorLabelAlwaysLightSecondaryActive = \"#737e88\";\nexport const BColorLabelAlwaysLightTertiary = \"#848d96\";\nexport const BColorLabelAlwaysLightTertiaryHover = \"#737e88\";\nexport const BColorLabelAlwaysLightTertiaryActive = \"#54616d\";\nexport const BColorLabelAlwaysDark = \"#001222\";\nexport const BColorLinkPrimary = \"#005ebd\";\nexport const BColorLinkPrimaryHover = \"#006bd7\";\nexport const BColorLinkPrimaryActive = \"#006bd7\";\nexport const BColorLinkPrimaryDisabled = \"#111111\";\nexport const BColorLinkPrimaryVisited = \"#540884\";\nexport const BColorLinkPrimaryVisitedHover = \"#710ab3\";\nexport const BColorLinkPrimaryVisitedActive = \"#710ab3\";\nexport const BColorLinkQuiet = \"#111111\";\nexport const BColorLinkQuietHover = \"#111111\";\nexport const BColorLinkQuietActive = \"#111111\";\nexport const BColorLinkQuietDisabled = \"#111111\";\nexport const BColorOutlinePrimary = \"#e5e5e5\";\nexport const BColorOutlinePrimaryHover = \"#d5d5d5\";\nexport const BColorOutlinePrimaryActive = \"#111111\";\nexport const BColorOutlineSecondary = \"#d5d5d5\";\nexport const BColorOutlineSecondaryHover = \"#c4c4c4\";\nexport const BColorOutlineSecondaryActive = \"#111111\";\nexport const BColorOutlineTertiary = \"#949494\";\nexport const BColorOutlineTertiaryHover = \"#767676\";\nexport const BColorOutlineTertiaryActive = \"#111111\";\nexport const BColorOutlineDisabled = \"#dddddd\";\nexport const BColorOutlineSelected = \"#111111\";\nexport const BColorOutlineCritical = \"#ce3401\";\nexport const BColorOutlineCriticalHover = \"#b42e01\";\nexport const BColorOutlineCriticalActive = \"#751e00\";\nexport const BColorOutlineSuccess = \"#007f41\";\nexport const BColorOutlineSuccessHover = \"#006f38\";\nexport const BColorOutlineSuccessActive = \"#004724\";\nexport const BColorOutlineInversePrimary = \"#3d3d3d\";\nexport const BColorOutlineInversePrimaryHover = \"#767676\";\nexport const BColorOutlineInversePrimaryActive = \"#a4a4a4\";\nexport const BColorOutlineInverseDisabled = \"#525252\";\nexport const BColorOutlineInverseCritical = \"#ff9a78\";\nexport const BColorOutlineInverseCriticalHover = \"#ffbda6\";\nexport const BColorOutlineInverseCriticalActive = \"#ffded3\";\nexport const BColorSeparatorPrimary = \"#e5e5e5\";\nexport const BColorSeparatorSecondary = \"#d5d5d5\";\nexport const BColorSeparatorInversePrimary = \"#3d3d3d\";\nexport const BColorSeparatorInverseSecondary = \"#606060\";\nexport const BColorDecorativeGreen = \"#00d16a\";\nexport const BColorDecorativeBlue = \"#006bd7\";\nexport const BColorDecorativeYellow = \"#f9c500\";\nexport const BColorDecorativeOrange = \"#f99300\";\nexport const BColorDecorativeRed = \"#f73f01\";\nexport const BColorDecorativeGrey = \"#8c8c8c\";\nexport const BColorSupportOverlay = \"#111111\";\nexport const BColorSupportShadow = \"#111111\";\nexport const BColorSupportPageBackground = \"#fafafa\";\nexport const BFocusRingColor = \"#0f75dc\";\nexport const BFocusRingSpacer = \"1px\";\nexport const BFocusRingOutline = \"3px\";\nexport const BTextFontVariantNumeric = \"normal\";\nexport const BTextRichTextHeadingMargin = \"32px 0 10px 0\";\nexport const BTextRichTextHeadingFontWeight = 500;\nexport const BTextRichTextParagraphMargin = \"0 0 8px 0\";\nexport const BTextRichTextListPaddingLeft = \"20px\";\nexport const BTextRichTextListMargin = \"0 0 4px 0\";\nexport const BTextRichTextCodeBackgroundColor = \"#111110\";\nexport const BTextRichTextCodeFontFamily = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextRichTextCodeFontWeight = 500;\nexport const BTextRichTextPreMargin = \"16px 0 16px 0\";\nexport const BTextRichTextPrePadding = \"10px 16px\";\nexport const BTextRichTextPreLineHeight = \"24px\";\nexport const BTextRichTextMarkBackgroundColor = \"#e3effb\";\nexport const BTextRichTextBlockquoteFontWeight = 400;\nexport const BTextRichTextBlockquoteMargin = \"16px 0 16px 16px\";\nexport const BTextRichTextTableBorder = \"1px solid #d5d5d5\";\nexport const BTextRichTextTableLineHeight = \"20px\";\nexport const BTextRichTextTableMargin = \"16px 0 16px 0\";\nexport const BTextRichTextTablePadding = \"10px 16px\";\nexport const BTextRichTextTableHoverBackgroundColor = \"#f6f5f4\";\nexport const BTextRichTextTableHeaderFontWeight = 700;\nexport const BTextRichTextTableCaptionLineHeight = \"20px\";\nexport const BTextRichTextTableCaptionMargin = \"0 0 6px 0\";\nexport const BTextRichTextCaptionParagraphMargin = \"0 0 6px 0\";\nexport const BTextRichTextCaptionListPaddingLeft = \"16px\";\nexport const BTextRichTextCaptionListMargin = \"0 0 2px 0\";\nexport const BTextRichTextCaptionBlockquoteMargin = \"12px 0 12px 16px\";\nexport const BTextRichTextCaptionPreLineHeight = \"20px\";\nexport const BTextRichTextCaptionTablePadding = \"8px 12px\";\nexport const BTextCaptionFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextCaptionFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextCaptionFontSize = \"12px\";\nexport const BTextCaptionFontWeight = 400;\nexport const BTextCaptionLineHeight = \"18px\";\nexport const BTextCaptionLetterSpacing = 0;\nexport const BTextCaptionWideLineHeight = \"20px\";\nexport const BTextCaptionStrongerFontWeight = 500;\nexport const BTextCaptionStrongerWideFontWeight = 500;\nexport const BTextCaptionStrongerWideLineHeight = \"20px\";\nexport const BTextBodyFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextBodyFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextBodyFontSize = \"14px\";\nexport const BTextBodyFontWeight = 400;\nexport const BTextBodyLineHeight = \"20px\";\nexport const BTextBodyLetterSpacing = 0;\nexport const BTextBodyWideLineHeight = \"24px\";\nexport const BTextBodyStrongerFontWeight = 500;\nexport const BTextBodyStrongerWideFontWeight = 500;\nexport const BTextBodyStrongerWideLineHeight = \"24px\";\nexport const BTextBodyStrongestFontWeight = 700;\nexport const BTextBodyStrongestWideFontWeight = 700;\nexport const BTextBodyStrongestWideLineHeight = \"24px\";\nexport const BTextSubtitleFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextSubtitleFontSize = \"16px\";\nexport const BTextSubtitleFontWeight = 400;\nexport const BTextSubtitleLineHeight = \"26px\";\nexport const BTextSubtitleLetterSpacing = 0;\nexport const BTextSubtitleStrongerFontWeight = 500;\nexport const BTextTitleFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleFontSize = \"16px\";\nexport const BTextTitleFontWeight = 700;\nexport const BTextTitleLineHeight = \"26px\";\nexport const BTextTitleLetterSpacing = 0;\nexport const BTextTitleMobileFontSize = \"16px\";\nexport const BTextTitleMobileLineHeight = \"26px\";\nexport const BTextTitleMFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleMFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleMFontSize = \"20px\";\nexport const BTextTitleMFontWeight = 700;\nexport const BTextTitleMLineHeight = \"30px\";\nexport const BTextTitleMLetterSpacing = 0;\nexport const BTextTitleMMobileFontSize = \"18px\";\nexport const BTextTitleMMobileLineHeight = \"28px\";\nexport const BTextTitleLFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleLFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleLFontSize = \"24px\";\nexport const BTextTitleLFontWeight = 700;\nexport const BTextTitleLLineHeight = \"34px\";\nexport const BTextTitleLLetterSpacing = 0;\nexport const BTextTitleLMobileFontSize = \"20px\";\nexport const BTextTitleLMobileLineHeight = \"30px\";\nexport const BTextEyebrowFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextEyebrowFontSize = \"12px\";\nexport const BTextEyebrowFontWeight = 400;\nexport const BTextEyebrowLineHeight = \"18px\";\nexport const BTextEyebrowLetterSpacing = 0;\nexport const BZIndexGlobalScreen = \"auto\";\nexport const BZIndexGlobalElevated = 5;\nexport const BZIndexGlobalNavigation = 10;\nexport const BZIndexGlobalInstantInteraction = 15;\nexport const BZIndexLocalTier1 = 1;\nexport const BZIndexLocalTier2 = 2;\nexport const BZIndexLocalTier3 = 3;\nexport const BZIndexLocalTier4 = 4;\nexport const BPopoverZIndex = 5;\nexport const BToastWidth = \"420px\";\nexport const BToastSpacingInner = \"12px\";\nexport const BToastSpacingOuter = \"16px\";\nexport const BToastItemSpacing = \"16px\";\nexport const BToastItemZIndex = 15;\nexport const BTooltipBackgroundColor = \"#111110\";\nexport const BTooltipBorderRadius = \"4px\";\nexport const BTooltipColor = \"#ffffff\";\nexport const BTooltipMaxWidth = \"300px\";\nexport const BTooltipPadding = \"4px 8px\";\nexport const BTooltipZIndex = 5;\nexport const BAnimationEasingStandard = \"cubic-bezier(0.2, 0, 0.4, 0.9)\";\nexport const BAnimationEasingEnter = \"cubic-bezier(0.12, 0.6, 0.4, 0.95)\";\nexport const BAnimationEasingExit = \"cubic-bezier(0.4, 0, 1, 1)\";\nexport const BAnimationEasingLinear = \"linear\";\nexport const BAnimationDurationFast = \"100ms\";\nexport const BAnimationDurationModerate = \"150ms\";\nexport const BAnimationDurationSlow = \"250ms\";\nexport const BBorderRadiusXs = \"2px\";\nexport const BBorderRadiusS = \"4px\";\nexport const BBorderRadiusM = \"6px\";\nexport const BBorderRadiusL = \"8px\";\nexport const BBorderRadiusXl = \"12px\";\nexport const BBorderWidthS = \"1px\";\nexport const BBorderWidthM = \"2px\";\nexport const BBorderWidthL = \"3px\";\nexport const BBorderWidthAttention = \"1.5px\";\nexport const BMediaQueryXsMin = \"0px\";\nexport const BMediaQueryXsMax = \"375px\";\nexport const BMediaQuerySMin = \"376px\";\nexport const BMediaQuerySMax = \"499px\";\nexport const BMediaQueryMMin = \"500px\";\nexport const BMediaQueryMMax = \"767px\";\nexport const BMediaQueryLMin = \"768px\";\nexport const BMediaQueryLMax = \"1279px\";\nexport const BMediaQueryXlMin = \"1280px\";\nexport const BMediaQueryXlMax = \"1535px\";\nexport const BMediaQueryXxl = \"1536px\";\nexport const BShadowLow = \"0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02)\";\nexport const BShadowMedium = \"0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04)\";\nexport const BShadowHigh = \"0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06)\";\nexport const BShadowLowBorder = \"0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BShadowMediumBorder = \"0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BShadowHighBorder = \"0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BSpacer100 = \"32px\";\nexport const BSpacer110 = \"40px\";\nexport const BSpacer120 = \"48px\";\nexport const BSpacer130 = \"56px\";\nexport const BSpacer140 = \"64px\";\nexport const BSpacer000 = \"0px\";\nexport const BSpacer010 = \"2px\";\nexport const BSpacer020 = \"4px\";\nexport const BSpacer030 = \"6px\";\nexport const BSpacer040 = \"8px\";\nexport const BSpacer050 = \"10px\";\nexport const BSpacer060 = \"12px\";\nexport const BSpacer070 = \"16px\";\nexport const BSpacer080 = \"20px\";\nexport const BSpacer090 = \"24px\";\n"],"names":["BColorLabelOnBackgroundCriticalWeak","BColorLabelOnBackgroundWarningWeak","BColorLabelOnBackgroundSuccessWeak","BColorLabelOnBackgroundHighlightWeak","BBorderWidthAttention","BMediaQuerySMax","BMediaQueryMMax","BSpacer040"],"mappings":"AAmGY,MAACA,IAAsC,WACtCC,IAAqC,WACrCC,IAAqC,WACrCC,IAAuC,WAyLvCC,IAAwB,SAIxBC,IAAkB,SAElBC,IAAkB,SAqBlBC,IAAa;"}
+{"version":3,"file":"es6.yPcTMnSH.js","sources":["../../../design-tokens/dist/js/bento/es6.js"],"sourcesContent":["export const BColorBackgroundPrimary = \"#ffffff\";\nexport const BColorBackgroundPrimaryHover = \"#f6f5f4\";\nexport const BColorBackgroundPrimaryActive = \"#efeeed\";\nexport const BColorBackgroundSecondary = \"#111110\";\nexport const BColorBackgroundSecondaryHover = \"#111110\";\nexport const BColorBackgroundSecondaryActive = \"#111110\";\nexport const BColorBackgroundTertiary = \"#111110\";\nexport const BColorBackgroundTertiaryHover = \"#111110\";\nexport const BColorBackgroundTertiaryActive = \"#111110\";\nexport const BColorBackgroundQuaternary = \"#c0c5ca\";\nexport const BColorBackgroundQuaternaryHover = \"#b7bdc2\";\nexport const BColorBackgroundQuaternaryActive = \"#aeb5ba\";\nexport const BColorBackgroundModal = \"#ffffff\";\nexport const BColorBackgroundModalHover = \"#f6f5f4\";\nexport const BColorBackgroundModalActive = \"#efeeed\";\nexport const BColorBackgroundDisabled = \"#111110\";\nexport const BColorBackgroundSelected = \"#e3effb\";\nexport const BColorBackgroundSelectedHover = \"#d4e6f9\";\nexport const BColorBackgroundSelectedActive = \"#c8dff7\";\nexport const BColorBackgroundSpotlight = \"#ffe379\";\nexport const BColorBackgroundCriticalWeak = \"#ffeae3\";\nexport const BColorBackgroundCriticalWeakHover = \"#ffded3\";\nexport const BColorBackgroundCriticalWeakActive = \"#ffd3c5\";\nexport const BColorBackgroundCriticalWeakTransparent = \"#f73f01\";\nexport const BColorBackgroundCriticalWeakTransparentHover = \"#f73f01\";\nexport const BColorBackgroundCriticalWeakTransparentActive = \"#f73f01\";\nexport const BColorBackgroundCriticalStrong = \"#dc3801\";\nexport const BColorBackgroundCriticalStrongHover = \"#c13101\";\nexport const BColorBackgroundCriticalStrongActive = \"#751e00\";\nexport const BColorBackgroundWarningWeak = \"#ffecd0\";\nexport const BColorBackgroundWarningWeakHover = \"#ffe0b3\";\nexport const BColorBackgroundWarningWeakActive = \"#ffd79c\";\nexport const BColorBackgroundWarningStrong = \"#cb7800\";\nexport const BColorBackgroundSuccessWeak = \"#cef6e2\";\nexport const BColorBackgroundSuccessStrong = \"#008845\";\nexport const BColorBackgroundHighlightWeak = \"#e3effb\";\nexport const BColorBackgroundHighlightStrong = \"#0f75dc\";\nexport const BColorBackgroundNavigation = \"#cef6e2\";\nexport const BColorBackgroundNavigationHover = \"#b8f2d6\";\nexport const BColorBackgroundNavigationActive = \"#9dedc6\";\nexport const BColorBackgroundInversePrimary = \"#111110\";\nexport const BColorBackgroundInversePrimaryHover = \"#30302f\";\nexport const BColorBackgroundInversePrimaryActive = \"#3d3d3c\";\nexport const BColorBackgroundInverseSecondary = \"#2a2a29\";\nexport const BColorBackgroundInverseSecondaryHover = \"#363635\";\nexport const BColorBackgroundInverseSecondaryActive = \"#444343\";\nexport const BColorBackgroundInverseTertiary = \"#30302f\";\nexport const BColorBackgroundInverseTertiaryHover = \"#3d3d3c\";\nexport const BColorBackgroundInverseTertiaryActive = \"#4c4a49\";\nexport const BColorBackgroundInverseDisabled = \"#232322\";\nexport const BColorBackgroundInverseCriticalWeak = \"#5c1800\";\nexport const BColorBackgroundInverseCriticalWeakHover = \"#681a00\";\nexport const BColorBackgroundInverseCriticalWeakActive = \"#751e00\";\nexport const BColorBackgroundInverseCriticalStrong = \"#ff9a78\";\nexport const BColorBackgroundInverseCriticalStrongHover = \"#ffbda6\";\nexport const BColorBackgroundInverseCriticalStrongActive = \"#ffded3\";\nexport const BColorBackgroundAlwaysLight = \"#ffffff\";\nexport const BColorBackgroundAlwaysLightHover = \"#f4f5f6\";\nexport const BColorBackgroundAlwaysLightActive = \"#ecedef\";\nexport const BColorBackgroundAlwaysLightDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysLightSelected = \"#e3effb\";\nexport const BColorBackgroundAlwaysDark = \"#001222\";\nexport const BColorBackgroundAlwaysDarkHover = \"#5c6874\";\nexport const BColorBackgroundAlwaysDarkActive = \"#8c959d\";\nexport const BColorBackgroundAlwaysDarkDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkSelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkPrimary = \"#001222\";\nexport const BColorBackgroundAlwaysDarkPrimaryHover = \"#132434\";\nexport const BColorBackgroundAlwaysDarkPrimaryActive = \"#213140\";\nexport const BColorBackgroundAlwaysDarkPrimaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkPrimarySelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkSecondary = \"#213140\";\nexport const BColorBackgroundAlwaysDarkSecondaryHover = \"#364553\";\nexport const BColorBackgroundAlwaysDarkSecondaryActive = \"#455460\";\nexport const BColorBackgroundAlwaysDarkSecondaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkSecondarySelected = \"#00305f\";\nexport const BColorBackgroundAlwaysDarkTertiary = \"#2f3e4d\";\nexport const BColorBackgroundAlwaysDarkTertiaryHover = \"#3d4c5a\";\nexport const BColorBackgroundAlwaysDarkTertiaryActive = \"#455460\";\nexport const BColorBackgroundAlwaysDarkTertiaryDisabled = \"#ecedef\";\nexport const BColorBackgroundAlwaysDarkTertiarySelected = \"#00305f\";\nexport const BColorLabelPrimary = \"#111111\";\nexport const BColorLabelPrimaryHover = \"#111111\";\nexport const BColorLabelPrimaryActive = \"#111111\";\nexport const BColorLabelSecondary = \"#111111\";\nexport const BColorLabelTertiary = \"#111111\";\nexport const BColorLabelDisabled = \"#111111\";\nexport const BColorLabelCritical = \"#ce3401\";\nexport const BColorLabelCriticalHover = \"#b42e01\";\nexport const BColorLabelCriticalActive = \"#751e00\";\nexport const BColorLabelWarning = \"#a05e00\";\nexport const BColorLabelHighlight = \"#006bd7\";\nexport const BColorLabelSuccess = \"#007f41\";\nexport const BColorLabelOnColor = \"#ffffff\";\nexport const BColorLabelInversePrimary = \"#ffffff\";\nexport const BColorLabelInversePrimaryHover = \"#f5f5f5\";\nexport const BColorLabelInversePrimaryActive = \"#ededed\";\nexport const BColorLabelInverseSecondary = \"#949494\";\nexport const BColorLabelInverseDisabled = \"#767676\";\nexport const BColorLabelInverseCritical = \"#ffb196\";\nexport const BColorLabelInverseCriticalHover = \"#ffc9b6\";\nexport const BColorLabelInverseCriticalActive = \"#ffded3\";\nexport const BColorLabelOnBackgroundCriticalWeak = \"#b42e01\";\nexport const BColorLabelOnBackgroundWarningWeak = \"#8b5300\";\nexport const BColorLabelOnBackgroundSuccessWeak = \"#006f38\";\nexport const BColorLabelOnBackgroundHighlightWeak = \"#005ebd\";\nexport const BColorLabelAlwaysLight = \"#ffffff\";\nexport const BColorLabelAlwaysLightPrimary = \"#ecedef\";\nexport const BColorLabelAlwaysLightPrimaryHover = \"#c8ccd0\";\nexport const BColorLabelAlwaysLightPrimaryActive = \"#959da5\";\nexport const BColorLabelAlwaysLightSecondary = \"#a6adb3\";\nexport const BColorLabelAlwaysLightSecondaryHover = \"#959da5\";\nexport const BColorLabelAlwaysLightSecondaryActive = \"#737e88\";\nexport const BColorLabelAlwaysLightTertiary = \"#848d96\";\nexport const BColorLabelAlwaysLightTertiaryHover = \"#737e88\";\nexport const BColorLabelAlwaysLightTertiaryActive = \"#54616d\";\nexport const BColorLabelAlwaysDark = \"#001222\";\nexport const BColorLinkPrimary = \"#005ebd\";\nexport const BColorLinkPrimaryHover = \"#006bd7\";\nexport const BColorLinkPrimaryActive = \"#006bd7\";\nexport const BColorLinkPrimaryDisabled = \"#111111\";\nexport const BColorLinkPrimaryVisited = \"#540884\";\nexport const BColorLinkPrimaryVisitedHover = \"#710ab3\";\nexport const BColorLinkPrimaryVisitedActive = \"#710ab3\";\nexport const BColorLinkQuiet = \"#111111\";\nexport const BColorLinkQuietHover = \"#111111\";\nexport const BColorLinkQuietActive = \"#111111\";\nexport const BColorLinkQuietDisabled = \"#111111\";\nexport const BColorOutlinePrimary = \"#e5e5e5\";\nexport const BColorOutlinePrimaryHover = \"#d5d5d5\";\nexport const BColorOutlinePrimaryActive = \"#111111\";\nexport const BColorOutlineSecondary = \"#d5d5d5\";\nexport const BColorOutlineSecondaryHover = \"#c4c4c4\";\nexport const BColorOutlineSecondaryActive = \"#111111\";\nexport const BColorOutlineTertiary = \"#949494\";\nexport const BColorOutlineTertiaryHover = \"#767676\";\nexport const BColorOutlineTertiaryActive = \"#111111\";\nexport const BColorOutlineDisabled = \"#dddddd\";\nexport const BColorOutlineSelected = \"#111111\";\nexport const BColorOutlineCritical = \"#ce3401\";\nexport const BColorOutlineCriticalHover = \"#b42e01\";\nexport const BColorOutlineCriticalActive = \"#751e00\";\nexport const BColorOutlineSuccess = \"#007f41\";\nexport const BColorOutlineSuccessHover = \"#006f38\";\nexport const BColorOutlineSuccessActive = \"#004724\";\nexport const BColorOutlineInversePrimary = \"#3d3d3d\";\nexport const BColorOutlineInversePrimaryHover = \"#767676\";\nexport const BColorOutlineInversePrimaryActive = \"#a4a4a4\";\nexport const BColorOutlineInverseDisabled = \"#525252\";\nexport const BColorOutlineInverseCritical = \"#ff9a78\";\nexport const BColorOutlineInverseCriticalHover = \"#ffbda6\";\nexport const BColorOutlineInverseCriticalActive = \"#ffded3\";\nexport const BColorSeparatorPrimary = \"#e5e5e5\";\nexport const BColorSeparatorSecondary = \"#d5d5d5\";\nexport const BColorSeparatorInversePrimary = \"#3d3d3d\";\nexport const BColorSeparatorInverseSecondary = \"#606060\";\nexport const BColorDecorativeGreen = \"#00d16a\";\nexport const BColorDecorativeBlue = \"#006bd7\";\nexport const BColorDecorativeYellow = \"#f9c500\";\nexport const BColorDecorativeOrange = \"#f99300\";\nexport const BColorDecorativeRed = \"#f73f01\";\nexport const BColorDecorativeGrey = \"#8c8c8c\";\nexport const BColorSupportOverlay = \"#111111\";\nexport const BColorSupportShadow = \"#111111\";\nexport const BColorSupportPageBackground = \"#fafafa\";\nexport const BFocusRingColor = \"#0f75dc\";\nexport const BFocusRingSpacer = \"1px\";\nexport const BFocusRingOutline = \"3px\";\nexport const BTextFontVariantNumeric = \"normal\";\nexport const BTextRichTextHeadingMargin = \"32px 0 10px 0\";\nexport const BTextRichTextHeadingFontWeight = 500;\nexport const BTextRichTextParagraphMargin = \"0 0 8px 0\";\nexport const BTextRichTextListPaddingLeft = \"20px\";\nexport const BTextRichTextListMargin = \"0 0 4px 0\";\nexport const BTextRichTextCodeBackgroundColor = \"#111110\";\nexport const BTextRichTextCodeFontFamily = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextRichTextCodeFontWeight = 500;\nexport const BTextRichTextPreMargin = \"16px 0 16px 0\";\nexport const BTextRichTextPrePadding = \"10px 16px\";\nexport const BTextRichTextPreLineHeight = \"24px\";\nexport const BTextRichTextMarkBackgroundColor = \"#e3effb\";\nexport const BTextRichTextBlockquoteFontWeight = 400;\nexport const BTextRichTextBlockquoteMargin = \"16px 0 16px 16px\";\nexport const BTextRichTextTableBorder = \"1px solid #d5d5d5\";\nexport const BTextRichTextTableLineHeight = \"20px\";\nexport const BTextRichTextTableMargin = \"16px 0 16px 0\";\nexport const BTextRichTextTablePadding = \"10px 16px\";\nexport const BTextRichTextTableHoverBackgroundColor = \"#f6f5f4\";\nexport const BTextRichTextTableHeaderFontWeight = 700;\nexport const BTextRichTextTableCaptionLineHeight = \"20px\";\nexport const BTextRichTextTableCaptionMargin = \"0 0 6px 0\";\nexport const BTextRichTextCaptionParagraphMargin = \"0 0 6px 0\";\nexport const BTextRichTextCaptionListPaddingLeft = \"16px\";\nexport const BTextRichTextCaptionListMargin = \"0 0 2px 0\";\nexport const BTextRichTextCaptionBlockquoteMargin = \"12px 0 12px 16px\";\nexport const BTextRichTextCaptionPreLineHeight = \"20px\";\nexport const BTextRichTextCaptionTablePadding = \"8px 12px\";\nexport const BTextCaptionFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextCaptionFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextCaptionFontSize = \"12px\";\nexport const BTextCaptionFontWeight = 400;\nexport const BTextCaptionLineHeight = \"18px\";\nexport const BTextCaptionLetterSpacing = 0;\nexport const BTextCaptionWideLineHeight = \"20px\";\nexport const BTextCaptionStrongerFontWeight = 500;\nexport const BTextCaptionStrongerWideFontWeight = 500;\nexport const BTextCaptionStrongerWideLineHeight = \"20px\";\nexport const BTextBodyFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextBodyFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextBodyFontSize = \"14px\";\nexport const BTextBodyFontWeight = 400;\nexport const BTextBodyLineHeight = \"20px\";\nexport const BTextBodyLetterSpacing = 0;\nexport const BTextBodyWideLineHeight = \"24px\";\nexport const BTextBodyStrongerFontWeight = 500;\nexport const BTextBodyStrongerWideFontWeight = 500;\nexport const BTextBodyStrongerWideLineHeight = \"24px\";\nexport const BTextBodyStrongestFontWeight = 700;\nexport const BTextBodyStrongestWideFontWeight = 700;\nexport const BTextBodyStrongestWideLineHeight = \"24px\";\nexport const BTextSubtitleFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextSubtitleFontSize = \"16px\";\nexport const BTextSubtitleFontWeight = 400;\nexport const BTextSubtitleLineHeight = \"26px\";\nexport const BTextSubtitleLetterSpacing = 0;\nexport const BTextSubtitleStrongerFontWeight = 500;\nexport const BTextTitleFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleFontSize = \"16px\";\nexport const BTextTitleFontWeight = 700;\nexport const BTextTitleLineHeight = \"26px\";\nexport const BTextTitleLetterSpacing = 0;\nexport const BTextTitleMobileFontSize = \"16px\";\nexport const BTextTitleMobileLineHeight = \"26px\";\nexport const BTextTitleMFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleMFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleMFontSize = \"20px\";\nexport const BTextTitleMFontWeight = 700;\nexport const BTextTitleMLineHeight = \"30px\";\nexport const BTextTitleMLetterSpacing = 0;\nexport const BTextTitleMMobileFontSize = \"18px\";\nexport const BTextTitleMMobileLineHeight = \"28px\";\nexport const BTextTitleLFontFamily = \"'Adyen UI', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif\";\nexport const BTextTitleLFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextTitleLFontSize = \"24px\";\nexport const BTextTitleLFontWeight = 700;\nexport const BTextTitleLLineHeight = \"34px\";\nexport const BTextTitleLLetterSpacing = 0;\nexport const BTextTitleLMobileFontSize = \"20px\";\nexport const BTextTitleLMobileLineHeight = \"30px\";\nexport const BTextEyebrowFontFamilySecondary = \"'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace\";\nexport const BTextEyebrowFontSize = \"12px\";\nexport const BTextEyebrowFontWeight = 400;\nexport const BTextEyebrowLineHeight = \"18px\";\nexport const BTextEyebrowLetterSpacing = 0;\nexport const BZIndexGlobalScreen = \"auto\";\nexport const BZIndexGlobalElevated = 5;\nexport const BZIndexGlobalNavigation = 10;\nexport const BZIndexGlobalInstantInteraction = 15;\nexport const BZIndexLocalTier1 = 1;\nexport const BZIndexLocalTier2 = 2;\nexport const BZIndexLocalTier3 = 3;\nexport const BZIndexLocalTier4 = 4;\nexport const BPopoverZIndex = 5;\nexport const BToastWidth = \"420px\";\nexport const BToastSpacingInner = \"12px\";\nexport const BToastSpacingOuter = \"16px\";\nexport const BToastItemSpacing = \"16px\";\nexport const BToastItemZIndex = 15;\nexport const BTooltipBackgroundColor = \"#111110\";\nexport const BTooltipBorderRadius = \"4px\";\nexport const BTooltipColor = \"#ffffff\";\nexport const BTooltipMaxWidth = \"300px\";\nexport const BTooltipPadding = \"4px 8px\";\nexport const BTooltipZIndex = 5;\nexport const BAnimationEasingStandard = \"cubic-bezier(0.2, 0, 0.4, 0.9)\";\nexport const BAnimationEasingEnter = \"cubic-bezier(0.12, 0.6, 0.4, 0.95)\";\nexport const BAnimationEasingExit = \"cubic-bezier(0.4, 0, 1, 1)\";\nexport const BAnimationEasingLinear = \"linear\";\nexport const BAnimationDurationFast = \"100ms\";\nexport const BAnimationDurationModerate = \"150ms\";\nexport const BAnimationDurationSlow = \"250ms\";\nexport const BBorderRadiusXs = \"2px\";\nexport const BBorderRadiusS = \"4px\";\nexport const BBorderRadiusM = \"6px\";\nexport const BBorderRadiusL = \"8px\";\nexport const BBorderRadiusXl = \"12px\";\nexport const BBorderWidthS = \"1px\";\nexport const BBorderWidthM = \"2px\";\nexport const BBorderWidthL = \"3px\";\nexport const BBorderWidthAttention = \"1.5px\";\nexport const BMediaQueryXsMin = \"0px\";\nexport const BMediaQueryXsMax = \"375px\";\nexport const BMediaQuerySMin = \"376px\";\nexport const BMediaQuerySMax = \"499px\";\nexport const BMediaQueryMMin = \"500px\";\nexport const BMediaQueryMMax = \"767px\";\nexport const BMediaQueryLMin = \"768px\";\nexport const BMediaQueryLMax = \"1279px\";\nexport const BMediaQueryXlMin = \"1280px\";\nexport const BMediaQueryXlMax = \"1535px\";\nexport const BMediaQueryXxl = \"1536px\";\nexport const BShadowLow = \"0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02)\";\nexport const BShadowMedium = \"0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04)\";\nexport const BShadowHigh = \"0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06)\";\nexport const BShadowLowBorder = \"0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BShadowMediumBorder = \"0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BShadowHighBorder = \"0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1)\";\nexport const BSpacer100 = \"32px\";\nexport const BSpacer110 = \"40px\";\nexport const BSpacer120 = \"48px\";\nexport const BSpacer130 = \"56px\";\nexport const BSpacer140 = \"64px\";\nexport const BSpacer000 = \"0px\";\nexport const BSpacer010 = \"2px\";\nexport const BSpacer020 = \"4px\";\nexport const BSpacer030 = \"6px\";\nexport const BSpacer040 = \"8px\";\nexport const BSpacer050 = \"10px\";\nexport const BSpacer060 = \"12px\";\nexport const BSpacer070 = \"16px\";\nexport const BSpacer080 = \"20px\";\nexport const BSpacer090 = \"24px\";\n"],"names":["BColorLabelOnBackgroundCriticalWeak","BColorLabelOnBackgroundWarningWeak","BColorLabelOnBackgroundSuccessWeak","BColorLabelOnBackgroundHighlightWeak","BBorderWidthAttention","BMediaQuerySMax","BMediaQueryMMax","BSpacer040"],"mappings":"AAsGY,MAACA,IAAsC,WACtCC,IAAqC,WACrCC,IAAqC,WACrCC,IAAuC,WAyLvCC,IAAwB,SAIxBC,IAAkB,SAElBC,IAAkB,SAqBlBC,IAAa;"}

package/dist/chunks/{field-label.Cz11fn_F.js → field-label.vrUwhoOg.js}

@@ -1,7 +1,7 @@
 import { defineComponent as B, computed as _, openBlock as t, createElementBlock as s, normalizeClass as x, createVNode as r, unref as o, withCtx as l, Fragment as k, createTextVNode as n, toDisplayString as d, renderSlot as g, createBlock as i, createCommentVNode as f } from "vue";
-import { B as C } from "./info-icon.Zlg6Sgz0.js";
-import { B as a } from "./typography.wIM07Hbl.js";
-import { u as S } from "./index.B875RXHM.js";
+import { B as C } from "./info-icon.D_zu5SYT.js";
+import { B as a } from "./typography.B6elnWpr.js";
+import { u as S } from "./index.CGBfMQdv.js";
 import { _ as T } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/field-label.css";
 const c = {
@@ -109,4 +109,4 @@ const c = {
 export {
   V as F
 };
-//# sourceMappingURL=field-label.Cz11fn_F.js.map
+//# sourceMappingURL=field-label.vrUwhoOg.js.map

package/dist/chunks/{field-label.Cz11fn_F.js.map → field-label.vrUwhoOg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-label.Cz11fn_F.js","sources":["../../../vue2/src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\">*</bento-typography>\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__","messages","props","__props","t","useI18n","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;;GAiFIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAA,OAAA,EAAA,4BAAAL,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"field-label.vrUwhoOg.js","sources":["../../../vue2/src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\">*</bento-typography>\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__","messages","props","__props","t","useI18n","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;;GAiFIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAA,OAAA,EAAA,4BAAAL,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{file-uploader.BglImnqw.js → file-uploader.Cv8sm0Jd.js}

@@ -1,8 +1,8 @@
 import { getCurrentInstance as q, openBlock as s, createElementBlock as f, mergeProps as I, toDisplayString as x, createCommentVNode as m, createElementVNode as d, defineComponent as ri, unref as n, createBlock as w, Transition as ee, withCtx as y, renderSlot as Ti, TransitionGroup as ae, ref as j, onUnmounted as te, onMounted as Mi, computed as v, watch as yi, normalizeClass as Z, createVNode as U, resolveDynamicComponent as oe, withDirectives as Di, createTextVNode as C, reactive as wi, toRef as hi, withModifiers as X, withKeys as Si, Fragment as Ri, renderList as ne, vShow as le, nextTick as pe } from "vue";
 /* empty css              */
-import { _ as Ii, B as se } from "./alert.C8Pe1-OO.js";
-import { B as S, d as re } from "./typography.wIM07Hbl.js";
-import { u as di } from "./index.B875RXHM.js";
+import { _ as Ii, B as se } from "./alert.BYmn1ewo.js";
+import { B as S, d as re } from "./typography.B6elnWpr.js";
+import { u as di } from "./index.CGBfMQdv.js";
 import { g as R } from "./generate-uid.DBWe4g6T.js";
 import { u as de } from "./form-field.B60VsF8d.js";
 import { _ as zi } from "./_plugin-vue_export-helper.CHgC5LLL.js";
@@ -10,12 +10,12 @@ import { i as $i, _ as ce } from "./cross.Daa8LxjC.js";
 import { _ as me } from "./bin.BhoGy_Oh.js";
 import { _ as ue } from "./checkmark-circle-fill.Caog04lx.js";
 import { _ as ve } from "./refresh.DjN1EulV.js";
-import { b as xe } from "./tooltip.TFOGHOO0.js";
-import { B as bi } from "./button.Ciflfide.js";
-import { B as fe } from "./link.types.BGj7apK3.js";
+import { b as xe } from "./tooltip.0QqJo2sa.js";
+import { B as bi } from "./button.DAcwNdtP.js";
+import { B as fe } from "./link.types.BZ1u_6CS.js";
 import { B as ge } from "./loading-indicator.BPol9I84.js";
-import { F as he } from "./field-label.Cz11fn_F.js";
-import { E as be } from "./error-message.Bt0CznQM.js";
+import { F as he } from "./field-label.vrUwhoOg.js";
+import { E as be } from "./error-message.DJ5l0EUH.js";
 import "../assets/file-uploader.css";
 const ye = { key: 0 }, we = {
   __name: "upload",
@@ -1928,11 +1928,11 @@ const xa = ["id", "aria-required", "accept", "disabled", "multiple"], fa = ["id"
   class: "b-file-uploader__icon",
   "aria-hidden": "true"
 }, ba = { class: "b-file-uploader__files" }, ya = {
+  name: "bento-file-uploader",
   model: { prop: "modelValue", event: "update:model-value" },
   i18n: { messages: Ci }
 }, wa = /* @__PURE__ */ ri({
   ...ya,
-  __name: "file-uploader",
   props: {
     accept: { default: null },
     condensed: { type: Boolean, default: !1 },
@@ -1960,7 +1960,7 @@ const xa = ["id", "aria-required", "accept", "disabled", "multiple"], fa = ["id"
       h(p.modelValue) || re(
         "BentoFileUploaderValue types: string | Array<string> | File | Array<File>",
         "Use FileList instead.",
-        "2.0.0"
+        "3.0.0"
       );
     });
     const { supportedFileTypeList: E } = ma(hi(p, "accept")), $ = R("browse-button"), H = R("custom-text"), u = R("drop-files-text"), _ = R("comma-text"), O = R("file-uploader-restrictions"), V = R("field-label"), b = j(null), N = j([]), B = j(null), K = j(null), Q = R("input"), ti = R("input-error"), oi = v(() => {
@@ -2244,8 +2244,8 @@ const xa = ["id", "aria-required", "accept", "disabled", "multiple"], fa = ["id"
       })) : m("", !0)
     ], 2));
   }
-}), qa = /* @__PURE__ */ zi(wa, [["__scopeId", "data-v-1b60079d"]]);
+}), qa = /* @__PURE__ */ zi(wa, [["__scopeId", "data-v-fc740e4a"]]);
 export {
   qa as f
 };
-//# sourceMappingURL=file-uploader.BglImnqw.js.map
+//# sourceMappingURL=file-uploader.Cv8sm0Jd.js.map