@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../vue2/src/components/accordion/accordion.keys.ts","../../vue2/src/components/accordion/accordion.types.ts","../../vue2/src/components/accordion/accordion.vue","../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_INJECTION_KEY = Symbol('accordion injection key');\n","export enum AdlAccordionVariant {\n    PRIMARY = 'primary',\n    GHOST = 'ghost',\n}\n\nexport enum AdlAccordionPropClass {\n    GROUPED = 'grouped',\n    SEPARATE = 'separate',\n}\n\nexport enum AdlAccordionCaretPosition {\n    LEFT = 'left',\n}\n\nexport interface AdlAccordionItem {\n    id: string;\n    opened: boolean;\n}\n\nexport interface AdlAccordion {\n    caretRight: boolean;\n    grouped: boolean;\n    variant: AdlAccordionVariant;\n    registerItem: (opened?: boolean) => AdlAccordionItem;\n    getItem: (itemId: string) => AdlAccordionItem;\n    open: (itemId: string) => void;\n    close: (itemId: string) => void;\n}\n","<template>\n    <div class=\"adl2-accordion\" :class=\"conditionalClasses\" data-testid=\"adl-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-nocheck - Ignoring because 2.7.13 breaks the types inside data\n    import { computed, ComputedRef, defineComponent, PropType } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { ACCORDION_INJECTION_KEY } from './accordion.keys';\n    import { AdlAccordion, AdlAccordionItem, AdlAccordionPropClass, AdlAccordionVariant } from './accordion.types';\n\n    export default defineComponent({\n        name: `adl-accordion`,\n        props: {\n            /**\n             * Indicates if all accordion items can be expanded simultaneously.\n             * If this option is toggled in Storybook a refresh is required.\n             *  - true: all accordion items can be expanded at a time\n             *  - false: only one accordion item can be expanded at a time\n             */\n            simultaneouslyExpandAllTabs: {\n                type: Boolean,\n                default: true,\n            },\n            /**\n             * Grouped represents if the accordion is grouped inside a container or not\n             * - true: grouped inside a container\n             * - false: independent accordion item\n             */\n            grouped: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Indicates the position of caret in the accordion. The default is right.\n             * - true:  caret is on right\n             * - false: caret is on left\n             */\n            caretRight: {\n                type: Boolean,\n                default: true,\n            },\n            /**\n             * Variant represents accordion variant\n             * @values enum AccordionVariant\n             */\n            variant: {\n                type: String as PropType<AdlAccordionVariant>,\n                default: AdlAccordionVariant.PRIMARY,\n                validator: (value: AdlAccordionVariant) => Object.values(AdlAccordionVariant).includes(value),\n            },\n        },\n        data() {\n            return {\n                accordion: {\n                    items: [],\n                    simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,\n                    variant: this.variant,\n                    grouped: this.grouped,\n                    caretRight: this.caretRight,\n                },\n            };\n        },\n        computed: {\n            conditionalClasses(): { [x: string]: boolean } {\n                return {\n                    [`ds-accordion--${AdlAccordionVariant.GHOST}`]: this.variant === AdlAccordionVariant.GHOST,\n                    [`ds-accordion--${AdlAccordionPropClass.GROUPED}`]: this.grouped,\n                    [`ds-accordion--${AdlAccordionPropClass.SEPARATE}`]: !this.grouped,\n                };\n            },\n        },\n        provide() {\n            const accordion: ComputedRef<AdlAccordion> = computed<AdlAccordion>(\n                () =>\n                    ({\n                        caretRight: this.caretRight,\n                        grouped: this.grouped,\n                        variant: this.variant,\n                        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,\n                        registerItem: this.registerItem,\n                        getItem: this.getItem,\n                        open: this.open,\n                        close: this.close,\n                    } as AdlAccordion)\n            );\n            return {\n                [ACCORDION_INJECTION_KEY]: accordion,\n            };\n        },\n        methods: {\n            getUniqueId(): string {\n                return generateUid('accordion-item');\n            },\n            registerItem(opened = false): AdlAccordionItem {\n                // TODO: the casting below has been done due to Vue 2.7 making all method types return as type unknown\n                const getUniqueId = this.getUniqueId as () => string;\n                const itemId = getUniqueId();\n                this.accordion.items?.push({ id: itemId, opened });\n                return { id: itemId, opened };\n            },\n            getItem(itemId: string): AdlAccordionItem {\n                return this.accordion.items.find(item => item.id === itemId);\n            },\n            open(itemId: string): void {\n                if (this.accordion.simultaneouslyExpandAllTabs) {\n                    this.accordion.items.find(item => item.id === itemId).opened = true;\n                } else {\n                    const newItems = this.accordion.items.map(item => ({ id: item.id, opened: item.id === itemId }));\n                    this.accordion.items = newItems;\n                }\n            },\n            close(itemId: string): void {\n                this.accordion.items.find(item => item.id === itemId).opened = false;\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"adl-accordion-item\" :class=\"conditionalClasses\" data-testid=\"accordion-item\">\n        <!-- TODO: decide what kind of heading level to assign! -->\n        <h2>\n            <button\n                type=\"button\"\n                :aria-expanded=\"`${showContent}`\"\n                :aria-controls=\"item.id\"\n                class=\"adl-accordion-item__header\"\n                @click=\"toggle\"\n            >\n                <span v-if=\"shouldShowIcon\" aria-hidden=\"true\">\n                    <slot />\n                </span>\n                <span class=\"adl-accordion-item__header--main-content\">\n                    <div\n                        v-if=\"shouldShowPicture\"\n                        aria-hidden=\"true\"\n                        class=\"adl-accordion-item__picture\"\n                        data-testid=\"adl-accordion-item-picture\"\n                    >\n                        <slot name=\"picture\" />\n                    </div>\n                    <div>\n                        <div v-if=\"shouldShowTitle\" class=\"adl-accordion-item__title\">\n                            <slot name=\"title\" />\n                        </div>\n                        <div v-if=\"shouldShowSubtitle\" class=\"adl-accordion-item__subtitle\">\n                            <slot name=\"subtitle\" />\n                        </div>\n                    </div>\n                </span>\n                <span\n                    v-if=\"showContent\"\n                    aria-hidden=\"true\"\n                    class=\"adl-accordion-item__caret\"\n                    data-testid=\"accordion-item-icon-show\"\n                >\n                    <chevron-up svg-title=\"show accordion item\" />\n                </span>\n                <span\n                    v-if=\"!showContent\"\n                    aria-hidden=\"true\"\n                    class=\"adl-accordion-item__caret\"\n                    data-testid=\"accordion-item-icon-hide\"\n                >\n                    <chevron-down svg-title=\"hide accordion item\" />\n                </span>\n            </button>\n        </h2>\n        <transition\n            name=\"adl-accordion-item\"\n            @enter=\"start\"\n            @after-enter=\"end\"\n            @before-leave=\"start\"\n            @after-leave=\"end\"\n        >\n            <div v-show=\"showContent\" :id=\"item.id\" class=\"adl-accordion-item__content\">\n                <div class=\"adl-accordion-item__description\">\n                    <slot name=\"content\" />\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        AdlAccordion,\n        AdlAccordionCaretPosition,\n        AdlAccordionPropClass,\n        AdlAccordionVariant,\n    } from '../accordion.types';\n    import { ACCORDION_INJECTION_KEY } from '../accordion.keys';\n    import ChevronUp from '@adyen/ui-assets-icons-16/vue/chevron-up';\n    import ChevronDown from '@adyen/ui-assets-icons-16/vue/chevron-down';\n\n    export default defineComponent({\n        name: 'adl-accordion-item',\n        components: { ChevronDown, ChevronUp },\n        // Props attribute is required by provide/inject. Do not delete.\n        props: {\n            /**\n             * Injected tabs prop that contains all the required tab query methods.\n             * NOTE: This Prop defintion can be removed when the following issue is resolved:\n             * https://github.com/vuejs/vue/issues/8969\n             */\n            accordion: { type: Object as PropType<AdlAccordion>, default: null },\n        },\n        inject: { accordion: { from: ACCORDION_INJECTION_KEY } },\n        data: () => ({\n            item: {\n                id: undefined,\n                opened: false,\n            },\n        }),\n        computed: {\n            accordionProvider(): AdlAccordion {\n                return this.accordion;\n            },\n            showContent(): boolean {\n                return this.accordionProvider.getItem(this.item.id)?.opened;\n            },\n            conditionalClasses(): { [key: string]: boolean } {\n                return {\n                    [`adl-accordion-item__caret-${AdlAccordionCaretPosition.LEFT}`]: !this.accordionProvider.caretRight,\n                    [`adl-accordion-item--${AdlAccordionVariant.GHOST}`]:\n                        this.accordionProvider.variant === AdlAccordionVariant.GHOST,\n                    [`adl-accordion-item--${AdlAccordionPropClass.GROUPED}`]: this.accordionProvider.grouped,\n                    [`adl-accordion-item--${AdlAccordionPropClass.SEPARATE}`]: !this.accordionProvider.grouped,\n                };\n            },\n            shouldShowIcon(): boolean {\n                return !!this.$slots.default;\n            },\n            shouldShowTitle(): boolean {\n                return !!this.$slots.title;\n            },\n            shouldShowSubtitle(): boolean {\n                return !!this.$slots.subtitle;\n            },\n            shouldShowPicture(): boolean {\n                return !!this.$slots.picture;\n            },\n        },\n        created() {\n            this.item = this.accordionProvider.registerItem();\n        },\n        methods: {\n            toggle() {\n                if (this.showContent) {\n                    this.accordionProvider.close(this.item.id);\n                } else {\n                    this.accordionProvider.open(this.item.id);\n                }\n            },\n            start(el) {\n                // eslint-disable-next-line no-param-reassign\n                el.style.height = `${el.scrollHeight}px`;\n            },\n            end(el) {\n                // eslint-disable-next-line no-param-reassign\n                el.style.height = '';\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_INJECTION_KEY","AdlAccordionVariant","AdlAccordionVariant2","AdlAccordionPropClass","AdlAccordionPropClass2","AdlAccordionCaretPosition","AdlAccordionCaretPosition2","_sfc_main$1","defineComponent","value","accordion","computed","generateUid","opened","getUniqueId","itemId","_a","item","newItems","_sfc_render$1","_ctx","_cache","$props","$setup","$data","$options","openBlock","createElementBlock","normalizeClass","_sfc_main","ChevronDownIcon","ChevronUpIcon","el","createElementVNode","_hoisted_2","createCommentVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","withCtx","withDirectives"],"mappings":"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"}
+{"version":3,"file":"accordion.js","sources":["../../vue2/src/components/accordion/accordion.keys.ts","../../vue2/src/components/accordion/accordion.vue","../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n    <div class=\"b-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, provide, toRef } from 'vue';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n    import type { BentoAccordionTitleSize } from './accordion.types';\n\n    const props = defineProps({\n        /**\n         * Controls accordion title size.\n         * @values default, small\n         */\n        titleSize: {\n            type: String as PropType<BentoAccordionTitleSize>,\n            default: 'default',\n        },\n    });\n\n    provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion is a vertical stack of interactive headers used to reveal or hide\n     * sections of content associated with these headers.\n     *\n     * This component must only have `BentoAccordionItem` components in its default slot.\n     *\n     * Accordion items should be collapsed by default.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"b-accordion-item\">\n        <bento-typography\n            el=\"h3\"\n            :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n            :strongest=\"titleSize === 'small'\"\n        >\n            <button\n                :id=\"buttonId\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"`${isOpen}`\"\n                type=\"button\"\n                class=\"b-accordion-item__button\"\n                @click=\"isOpen = !isOpen\"\n            >\n                <chevron-up-icon v-if=\"isOpen\" class=\"b-accordion-item__icon\" svg-title=\"collapse\" aria-hidden=\"true\" />\n                <chevron-down-icon v-else class=\"b-accordion-item__icon\" svg-title=\"expand\" aria-hidden=\"true\" />\n                {{ title }}\n            </button>\n        </bento-typography>\n\n        <Transition :name=\"CONTENT_TRANSITION_NAME\">\n            <div\n                v-show=\"isOpen\"\n                :id=\"contentId\"\n                :aria-labelledby=\"buttonId\"\n                role=\"region\"\n                class=\"b-accordion-item__container\"\n                :style=\"itemHeight ? { 'max-height': itemHeight } : {}\"\n            >\n                <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n                    <slot />\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { inject, nextTick, ref, watch } from 'vue';\n\n    import { BentoTypography } from '@/components/typography';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    import { generateUid } from '@/utils/ts/unique-id';\n\n    import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n    import type { BentoAccordionTitleSize } from '../accordion.types';\n\n    const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n    const props = defineProps({\n        /**\n         * Sets the title of the accordion item.\n         */\n        title: {\n            type: String,\n            required: true,\n        },\n        /**\n         * Controls if the content is visible or hidden.\n         */\n        isExpanded: {\n            type: Boolean,\n            default: false,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when content is toggled\n         */\n        (e: 'update:is-expanded', value: boolean): void;\n    }>();\n\n    // Refs\n    const contentDiv = ref<HTMLDivElement>(null);\n    const isOpen = ref(props.isExpanded);\n    const itemHeight = ref<string | null>(null);\n\n    // Generating IDs\n    const buttonId = generateUid('accordionItemButton');\n    const contentId = generateUid('accordionItemContent');\n\n    // Injecting prop from parent\n    const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n    // Getting and setting the item height to be able to handle height animation\n    const setItemHeight = () => {\n        const maxHeight = contentDiv.value?.scrollHeight || null;\n        itemHeight.value = isOpen.value ? `${maxHeight}px` : '0';\n    };\n\n    watch(\n        () => props.isExpanded,\n        value => {\n            isOpen.value = value;\n        }\n    );\n\n    watch(\n        isOpen,\n        async value => {\n            // Enable two-way data binding for `isExpanded`\n            emit('update:is-expanded', value);\n\n            await nextTick();\n            setItemHeight();\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An accordion item is an interactive header used to reveal or hide a\n     * section of content associated with this header.\n     *\n     * This component must always be wrapped by a `BentoAccordion` component.\n     *\n     * @example\n     * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAccordion, BentoAccordionItem },\n     *     template: `\n     *          <bento-accordion>\n     *              <bento-accordion-item title=\"Item 1\">\n     *                  Content for item 1\n     *              </bento-accordion-item>\n     *              <bento-accordion-item title=\"Item 2\">\n     *                  Content for item 2\n     *              </bento-accordion-item>\n     *          </bento-accordion>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__default__","CONTENT_TRANSITION_NAME","contentDiv","ref","isOpen","props","itemHeight","buttonId","generateUid","contentId","titleSize","inject","setItemHeight","maxHeight","_a","watch","value","emit","nextTick"],"mappings":";;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,KAAA,WAAA,CAAA;;;;;qLCmHAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;iBAxFAC,IAAA,wCA2BAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAE,EAAA,UAAA,GACAC,IAAAH,EAAA,IAAA,GAGAI,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAf,GAAA,SAAA,GAGAgB,IAAA,MAAA;;AACI,YAAAC,MAAAC,IAAAZ,EAAA,UAAA,gBAAAY,EAAA,iBAAA;AACA,MAAAR,EAAA,QAAAF,EAAA,QAAA,GAAAS,QAAA;AAAA,IAAqD;AAGzD,WAAAE;AAAA,MAAA,MAAAV,EAAA;AAAA,MACgB,CAAAW,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAX;AAAA,MACI,OAAAY,MAAA;AAGI,QAAAC,EAAA,sBAAAD,CAAA,GAEA,MAAAE,EAAA,GACAN,EAAA;AAAA,MAAc;AAAA,MAClB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/alert.js

@@ -1,37 +1,37 @@
-import { openBlock as o, createElementBlock as u, mergeProps as w, toDisplayString as R, createCommentVNode as r, pushScopeId as G, popScopeId as A, createElementVNode as p, defineComponent as D, computed as n, onMounted as N, resolveComponent as h, normalizeClass as O, createBlock as d, resolveDynamicComponent as P, withCtx as f, renderSlot as g, createVNode as U } from "vue";
-import { B as M, a as W } from "./chunks/button.e1c39f66.js";
-import { B as F, a as b, b as I } from "./chunks/index.222d29b0.js";
-import { C as Y, I as S } from "./chunks/info-filled.514a2db6.js";
-import { _ as H } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { C as T } from "./chunks/cross-circle-fill.0feb37b3.js";
-import { C as $ } from "./chunks/checkmark-circle-fill.e6b84561.js";
-import { u as Z } from "./chunks/use-has-slot.068222e6.js";
+import { openBlock as o, createElementBlock as u, mergeProps as H, toDisplayString as G, createCommentVNode as a, pushScopeId as V, popScopeId as R, createElementVNode as C, defineComponent as A, computed as s, onMounted as N, resolveComponent as f, normalizeClass as D, createBlock as d, resolveDynamicComponent as P, withCtx as h, renderSlot as g, createVNode as U } from "vue";
+import { B as M, c as O, a as I } from "./chunks/index.89b00b94.js";
+import { a as W } from "./chunks/button.a8462029.js";
+import { C as F, I as b } from "./chunks/info-filled.514a2db6.js";
+import { _ as k } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { C as S } from "./chunks/cross-circle-fill.0feb37b3.js";
+import { C as T } from "./chunks/checkmark-circle-fill.e6b84561.js";
+import { u as Z } from "./chunks/use-has-slot.9fac7123.js";
 import { u as j } from "./chunks/i18n.6c402773.js";
-import "./assets/index5.css";
+import "./assets/index4.css";
 var i = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(i || {}), e = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(e || {}), y = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(y || {});
-let B = 0;
+let $ = 0;
 const q = {
   beforeCreate() {
-    this.uuid = B.toString(), B += 1;
+    this.uuid = $.toString(), $ += 1;
   }
-}, z = (t) => (G("data-v-1b1bf797"), t = t(), A(), t), J = { key: 0 }, K = /* @__PURE__ */ z(() => /* @__PURE__ */ p("path", {
+}, z = (t) => (V("data-v-1b1bf797"), t = t(), R(), t), Y = { key: 0 }, J = /* @__PURE__ */ z(() => /* @__PURE__ */ C("path", {
   fill: "#00112C",
   "fill-rule": "evenodd",
   d: "M15.349 11.5376L9.99897 2.19758C9.79966 1.85738 9.51482 1.57524 9.17274 1.37919C8.83066 1.18314 8.44325 1.07999 8.04897 1.07999C7.65469 1.07999 7.26727 1.18314 6.92519 1.37919C6.58311 1.57524 6.29827 1.85738 6.09897 2.19758L0.648967 11.5376C0.450427 11.8833 0.347305 12.2755 0.350155 12.6742C0.353005 13.0728 0.461725 13.4636 0.665188 13.8064C0.868651 14.1493 1.15955 14.4319 1.50812 14.6254C1.85668 14.8188 2.2504 14.9162 2.64897 14.9076H13.399C13.7933 14.9073 14.1807 14.8034 14.5222 14.6063C14.8638 14.4092 15.1475 14.1258 15.345 13.7845C15.5425 13.4431 15.6468 13.0559 15.6475 12.6615C15.6482 12.2672 15.5453 11.8796 15.349 11.5376ZM7.24897 5.32758C7.24897 5.12866 7.32798 4.9379 7.46864 4.79725C7.60929 4.65659 7.80006 4.57758 7.99897 4.57758C8.19788 4.57758 8.38864 4.65659 8.5293 4.79725C8.66995 4.9379 8.74897 5.12866 8.74897 5.32758V8.32758C8.74897 8.52649 8.66995 8.71725 8.5293 8.85791C8.38864 8.99856 8.19788 9.07758 7.99897 9.07758C7.80006 9.07758 7.60929 8.99856 7.46864 8.85791C7.32798 8.71725 7.24897 8.52649 7.24897 8.32758V5.32758ZM7.99897 12.3276C7.80119 12.3276 7.60785 12.2689 7.4434 12.159C7.27895 12.0492 7.15077 11.893 7.07509 11.7103C6.9994 11.5275 6.9796 11.3265 7.01818 11.1325C7.05677 10.9385 7.15201 10.7603 7.29186 10.6205C7.43171 10.4806 7.6099 10.3854 7.80388 10.3468C7.99786 10.3082 8.19893 10.328 8.38165 10.4037C8.56438 10.4794 8.72056 10.6076 8.83044 10.772C8.94032 10.9365 8.99897 11.1298 8.99897 11.3276C8.99897 11.5928 8.89361 11.8471 8.70607 12.0347C8.51854 12.2222 8.26418 12.3276 7.99897 12.3276Z",
   "clip-rule": "evenodd"
 }, null, -1));
-function Q(t, s, C, l, a, _) {
-  return o(), u("svg", w({ role: "img" }, t.$attrs, {
+function K(t, n, p, l, r, _) {
+  return o(), u("svg", H({ role: "img" }, t.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (o(), u("title", J, R(t.$attrs["svg-title"]), 1)) : r("", !0),
-    K
+    t.$attrs["svg-title"] ? (o(), u("title", Y, G(t.$attrs["svg-title"]), 1)) : a("", !0),
+    J
   ], 16);
 }
-const E = /* @__PURE__ */ H(q, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]), L = {
+const L = /* @__PURE__ */ k(q, [["render", K], ["__scopeId", "data-v-1b1bf797"]]), w = {
   "en-US": {
     highlightIcon: "Highlight icon",
     successIcon: "Success icon",
@@ -39,10 +39,10 @@ const E = /* @__PURE__ */ H(q, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]
     warningIcon: "Warning icon",
     close: "Close"
   }
-}, X = D({
-  i18n: { messages: L },
+}, Q = A({
+  i18n: { messages: w },
   name: "bento-alert",
-  components: { CrossSmall: Y, BentoButton: M, Warning: E, CrossCircle: T, CheckedCircle: $, Info: S, BentoTypography: F },
+  components: { CrossSmall: F, BentoButton: W, Warning: L, CrossCircle: S, CheckedCircle: T, Info: b, BentoTypography: M },
   props: {
     /**
      * Adds a close button on the right side of the alert
@@ -71,119 +71,116 @@ const E = /* @__PURE__ */ H(q, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]
     }
   },
   emits: [y.CLOSE_ALERT],
-  setup(t, { slots: s, emit: C }) {
-    const { t: l } = j({ messages: L }), a = n(() => t.variant === i.TIP), _ = n(() => ({
+  setup(t, { slots: n, emit: p }) {
+    const { t: l } = j({ messages: w }), r = s(() => t.variant === i.TIP), _ = s(() => ({
       [`b-alert--${t.type}`]: t.type,
-      [`b-alert--${i.TIP}`]: a.value
-    })), c = n(() => l(`${t.type}Icon`)), m = n(() => {
+      [`b-alert--${i.TIP}`]: r.value
+    })), c = s(() => l(`${t.type}Icon`)), m = s(() => {
       switch (t.type) {
         case e.CRITICAL:
-          return T;
+          return S;
         case e.SUCCESS:
-          return $;
+          return T;
         case e.WARNING:
-          return E;
+          return L;
         case e.HIGHLIGHT:
         default:
-          return S;
+          return b;
       }
-    }), v = n(() => ({
-      el: b.DIV,
-      variant: a.value ? I.CAPTION : I.BODY,
+    }), v = s(() => ({
+      el: O.DIV,
+      variant: r.value ? I.CAPTION : I.BODY,
       wide: !0
-    })), k = n(() => t.type === e.HIGHLIGHT ? "status" : "alert"), V = () => {
-      C(y.CLOSE_ALERT);
+    })), E = s(() => t.type === e.HIGHLIGHT ? "status" : "alert"), B = () => {
+      p(y.CLOSE_ALERT);
     };
     return N(() => {
-      if (!s.default && !s.description)
+      if (!n.default && !n.description)
         throw new Error("Alert Component requires a title or a description");
     }), {
       // Values
       alertConditionalClasses: _,
-      computedRole: k,
+      computedRole: E,
       descriptionTypography: v,
       iconComponent: m,
       iconSvgTitle: c,
-      isTipVariant: a,
+      isTipVariant: r,
       // Methods
-      onCloseButtonClick: V,
-      hasSlot: Z(s),
+      onCloseButtonClick: B,
+      hasSlot: Z(n),
       t: l,
       // Enums
-      BentoButtonVariant: W,
-      BentoAlertTypeOption: e,
-      BentoTypographyVariant: I,
-      BentoTypographyElement: b
+      BentoTypographyVariant: I
     };
   }
 });
-const x = ["role"], tt = { class: "b-alert__icon" }, et = { class: "b-alert__content" }, ot = {
+const X = ["role"], x = { class: "b-alert__icon" }, tt = { class: "b-alert__content" }, et = {
   key: 2,
   class: "b-alert__actions",
   "data-testid": "alert-actions"
 };
-function nt(t, s, C, l, a, _) {
-  const c = h("bento-typography"), m = h("cross-small"), v = h("bento-button");
+function ot(t, n, p, l, r, _) {
+  const c = f("bento-typography"), m = f("cross-small"), v = f("bento-button");
   return o(), u("div", {
     class: "b-alert",
     role: t.computedRole
   }, [
-    p("div", {
-      class: O(["b-alert__inner-container", t.alertConditionalClasses])
+    C("div", {
+      class: D(["b-alert__inner-container", t.alertConditionalClasses])
     }, [
-      p("div", tt, [
+      C("div", x, [
         (o(), d(P(t.iconComponent), {
           "aria-hidden": "true",
           "svg-title": t.iconSvgTitle
         }, null, 8, ["svg-title"]))
       ]),
-      p("div", et, [
+      C("div", tt, [
         t.hasSlot("default") && !t.isTipVariant ? (o(), d(c, {
           key: 0,
           class: "b-alert__title",
-          el: t.BentoTypographyElement.DIV,
-          variant: t.BentoTypographyVariant.BODY,
+          el: "div",
+          variant: "body",
           strongest: "",
           wide: ""
         }, {
-          default: f(() => [
+          default: h(() => [
             g(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["el", "variant"])) : r("", !0),
-        t.hasSlot("description") ? (o(), d(c, w({
+        })) : a("", !0),
+        t.hasSlot("description") ? (o(), d(c, H({
           key: 1,
           class: "b-alert__description"
         }, t.descriptionTypography, { "data-testid": "alert-description" }), {
-          default: f(() => [
+          default: h(() => [
             g(t.$slots, "description", {}, void 0, !0)
           ]),
           _: 3
-        }, 16)) : r("", !0),
-        t.hasSlot("actions") && !t.isTipVariant ? (o(), u("div", ot, [
+        }, 16)) : a("", !0),
+        t.hasSlot("actions") && !t.isTipVariant ? (o(), u("div", et, [
           g(t.$slots, "actions", {}, void 0, !0)
-        ])) : r("", !0)
+        ])) : a("", !0)
       ]),
       t.closeButton && !t.isTipVariant ? (o(), d(v, {
         key: 0,
         class: "b-alert__close-button",
-        variant: t.BentoButtonVariant.TERTIARY,
+        variant: "tertiary",
         type: "button",
         onClick: t.onCloseButtonClick
       }, {
-        default: f(() => [
+        default: h(() => [
           U(m, {
             "svg-title": t.t("close")
           }, null, 8, ["svg-title"])
         ]),
         _: 1
-      }, 8, ["variant", "onClick"])) : r("", !0)
+      }, 8, ["onClick"])) : a("", !0)
     ], 2)
-  ], 8, x);
+  ], 8, X);
 }
-const Ct = /* @__PURE__ */ H(X, [["render", nt], ["__scopeId", "data-v-9af19973"]]);
+const ut = /* @__PURE__ */ k(Q, [["render", ot], ["__scopeId", "data-v-549bc4f7"]]);
 export {
-  Ct as BentoAlert,
+  ut as BentoAlert,
   y as BentoAlertEvent,
   e as BentoAlertTypeOption,
   i as BentoAlertVariant

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../vue2/src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../../vue2/src/components/alert/alert.vue"],"sourcesContent":["export enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M15.349 11.5376L9.99897 2.19758C9.79966 1.85738 9.51482 1.57524 9.17274 1.37919C8.83066 1.18314 8.44325 1.07999 8.04897 1.07999C7.65469 1.07999 7.26727 1.18314 6.92519 1.37919C6.58311 1.57524 6.29827 1.85738 6.09897 2.19758L0.648967 11.5376C0.450427 11.8833 0.347305 12.2755 0.350155 12.6742C0.353005 13.0728 0.461725 13.4636 0.665188 13.8064C0.868651 14.1493 1.15955 14.4319 1.50812 14.6254C1.85668 14.8188 2.2504 14.9162 2.64897 14.9076H13.399C13.7933 14.9073 14.1807 14.8034 14.5222 14.6063C14.8638 14.4092 15.1475 14.1258 15.345 13.7845C15.5425 13.4431 15.6468 13.0559 15.6475 12.6615C15.6482 12.2672 15.5453 11.8796 15.349 11.5376ZM7.24897 5.32758C7.24897 5.12866 7.32798 4.9379 7.46864 4.79725C7.60929 4.65659 7.80006 4.57758 7.99897 4.57758C8.19788 4.57758 8.38864 4.65659 8.5293 4.79725C8.66995 4.9379 8.74897 5.12866 8.74897 5.32758V8.32758C8.74897 8.52649 8.66995 8.71725 8.5293 8.85791C8.38864 8.99856 8.19788 9.07758 7.99897 9.07758C7.80006 9.07758 7.60929 8.99856 7.46864 8.85791C7.32798 8.71725 7.24897 8.52649 7.24897 8.32758V5.32758ZM7.99897 12.3276C7.80119 12.3276 7.60785 12.2689 7.4434 12.159C7.27895 12.0492 7.15077 11.893 7.07509 11.7103C6.9994 11.5275 6.9796 11.3265 7.01818 11.1325C7.05677 10.9385 7.15201 10.7603 7.29186 10.6205C7.43171 10.4806 7.6099 10.3854 7.80388 10.3468C7.99786 10.3082 8.19893 10.328 8.38165 10.4037C8.56438 10.4794 8.72056 10.6076 8.83044 10.772C8.94032 10.9365 8.99897 11.1298 8.99897 11.3276C8.99897 11.5928 8.89361 11.8471 8.70607 12.0347C8.51854 12.2222 8.26418 12.3276 7.99897 12.3276Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    :el=\"BentoTypographyElement.DIV\"\n                    :variant=\"BentoTypographyVariant.BODY\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                :variant=\"BentoButtonVariant.TERTIARY\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert :type=\"BentoAlertTypeOption.HIGHLIGHT\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-alert',\n        components: { CrossSmall, BentoButton, Warning, CrossCircle, CheckedCircle, Info, BentoTypography },\n        props: {\n            /**\n             * Adds a close button on the right side of the alert\n             */\n            closeButton: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n             * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n             */\n            type: {\n                type: String as PropType<BentoAlertTypeOption | `${BentoAlertTypeOption}`>,\n                default: BentoAlertTypeOption.HIGHLIGHT,\n                validator: (value: BentoAlertTypeOption) => Object.values(BentoAlertTypeOption).includes(value),\n            },\n            /**\n             * Variant for the alert\n             * @values DEFAULT, TIP\n             */\n            variant: {\n                type: String as PropType<BentoAlertVariant | `${BentoAlertVariant}`>,\n                default: BentoAlertVariant.DEFAULT,\n                validator: (value: BentoAlertVariant) => Object.values(BentoAlertVariant).includes(value),\n            },\n        },\n        emits: [BentoAlertEvent.CLOSE_ALERT],\n        setup(props, { slots, emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n            const alertConditionalClasses = computed(() => ({\n                [`b-alert--${props.type}`]: props.type,\n                [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n            }));\n\n            const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n            const iconComponent = computed(() => {\n                switch (props.type) {\n                    case BentoAlertTypeOption.CRITICAL:\n                        return CrossCircle;\n                    case BentoAlertTypeOption.SUCCESS:\n                        return CheckedCircle;\n                    case BentoAlertTypeOption.WARNING:\n                        return Warning;\n                    case BentoAlertTypeOption.HIGHLIGHT:\n                    default:\n                        return Info;\n                }\n            });\n\n            const descriptionTypography = computed(() => ({\n                el: BentoTypographyElement.DIV,\n                variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n                wide: true,\n            }));\n\n            const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n            const onCloseButtonClick = () => {\n                emit(BentoAlertEvent.CLOSE_ALERT);\n            };\n\n            onMounted(() => {\n                if (!slots.default && !slots.description) {\n                    throw new Error('Alert Component requires a title or a description');\n                }\n            });\n\n            return {\n                // Values\n                alertConditionalClasses,\n                computedRole,\n                descriptionTypography,\n                iconComponent,\n                iconSvgTitle,\n                isTipVariant,\n\n                // Methods\n                onCloseButtonClick,\n                hasSlot: useHasSlot(slots),\n                t,\n\n                // Enums\n                BentoButtonVariant,\n                BentoAlertTypeOption,\n                BentoTypographyVariant,\n                BentoTypographyElement,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","value","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","useHasSlot","BentoButtonVariant","_hoisted_1","createBlock","resolveDynamicComponent","_component_bento_typography","createCommentVNode","withCtx","_hoisted_4","createVNode","_component_cross_small"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"alert.js","sources":["../../vue2/src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../../vue2/src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M15.349 11.5376L9.99897 2.19758C9.79966 1.85738 9.51482 1.57524 9.17274 1.37919C8.83066 1.18314 8.44325 1.07999 8.04897 1.07999C7.65469 1.07999 7.26727 1.18314 6.92519 1.37919C6.58311 1.57524 6.29827 1.85738 6.09897 2.19758L0.648967 11.5376C0.450427 11.8833 0.347305 12.2755 0.350155 12.6742C0.353005 13.0728 0.461725 13.4636 0.665188 13.8064C0.868651 14.1493 1.15955 14.4319 1.50812 14.6254C1.85668 14.8188 2.2504 14.9162 2.64897 14.9076H13.399C13.7933 14.9073 14.1807 14.8034 14.5222 14.6063C14.8638 14.4092 15.1475 14.1258 15.345 13.7845C15.5425 13.4431 15.6468 13.0559 15.6475 12.6615C15.6482 12.2672 15.5453 11.8796 15.349 11.5376ZM7.24897 5.32758C7.24897 5.12866 7.32798 4.9379 7.46864 4.79725C7.60929 4.65659 7.80006 4.57758 7.99897 4.57758C8.19788 4.57758 8.38864 4.65659 8.5293 4.79725C8.66995 4.9379 8.74897 5.12866 8.74897 5.32758V8.32758C8.74897 8.52649 8.66995 8.71725 8.5293 8.85791C8.38864 8.99856 8.19788 9.07758 7.99897 9.07758C7.80006 9.07758 7.60929 8.99856 7.46864 8.85791C7.32798 8.71725 7.24897 8.52649 7.24897 8.32758V5.32758ZM7.99897 12.3276C7.80119 12.3276 7.60785 12.2689 7.4434 12.159C7.27895 12.0492 7.15077 11.893 7.07509 11.7103C6.9994 11.5275 6.9796 11.3265 7.01818 11.1325C7.05677 10.9385 7.15201 10.7603 7.29186 10.6205C7.43171 10.4806 7.6099 10.3854 7.80388 10.3468C7.99786 10.3082 8.19893 10.328 8.38165 10.4037C8.56438 10.4794 8.72056 10.6076 8.83044 10.772C8.94032 10.9365 8.99897 11.1298 8.99897 11.3276C8.99897 11.5928 8.89361 11.8471 8.70607 12.0347C8.51854 12.2222 8.26418 12.3276 7.99897 12.3276Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    el=\"div\"\n                    variant=\"body\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                variant=\"tertiary\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert type=\"highlight\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-alert',\n        components: { CrossSmall, BentoButton, Warning, CrossCircle, CheckedCircle, Info, BentoTypography },\n        props: {\n            /**\n             * Adds a close button on the right side of the alert\n             */\n            closeButton: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n             * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n             */\n            type: {\n                type: String as PropType<BentoAlertTypeOption | `${BentoAlertTypeOption}`>,\n                default: BentoAlertTypeOption.HIGHLIGHT,\n                validator: (value: BentoAlertTypeOption) => Object.values(BentoAlertTypeOption).includes(value),\n            },\n            /**\n             * Variant for the alert\n             * @values DEFAULT, TIP\n             */\n            variant: {\n                type: String as PropType<BentoAlertVariant | `${BentoAlertVariant}`>,\n                default: BentoAlertVariant.DEFAULT,\n                validator: (value: BentoAlertVariant) => Object.values(BentoAlertVariant).includes(value),\n            },\n        },\n        emits: [BentoAlertEvent.CLOSE_ALERT],\n        setup(props, { slots, emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n            const alertConditionalClasses = computed(() => ({\n                [`b-alert--${props.type}`]: props.type,\n                [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n            }));\n\n            const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n            const iconComponent = computed(() => {\n                switch (props.type) {\n                    case BentoAlertTypeOption.CRITICAL:\n                        return CrossCircle;\n                    case BentoAlertTypeOption.SUCCESS:\n                        return CheckedCircle;\n                    case BentoAlertTypeOption.WARNING:\n                        return Warning;\n                    case BentoAlertTypeOption.HIGHLIGHT:\n                    default:\n                        return Info;\n                }\n            });\n\n            const descriptionTypography = computed(() => ({\n                el: BentoTypographyElement.DIV,\n                variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n                wide: true,\n            }));\n\n            const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n            const onCloseButtonClick = () => {\n                emit(BentoAlertEvent.CLOSE_ALERT);\n            };\n\n            onMounted(() => {\n                if (!slots.default && !slots.description) {\n                    throw new Error('Alert Component requires a title or a description');\n                }\n            });\n\n            return {\n                // Values\n                alertConditionalClasses,\n                computedRole,\n                descriptionTypography,\n                iconComponent,\n                iconSvgTitle,\n                isTipVariant,\n\n                // Methods\n                onCloseButtonClick,\n                hasSlot: useHasSlot(slots),\n                t,\n\n                // Enums\n                BentoTypographyVariant,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","value","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","useHasSlot","_hoisted_1","createBlock","resolveDynamicComponent","_component_bento_typography","createCommentVNode","withCtx","_hoisted_4","createVNode","_component_cross_small"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/assets/base-button.css

@@ -1 +1 @@
-button[data-v-7a3f6d20]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-7a3f6d20]:focus-visible{outline:none}.b-base-button[data-v-7a3f6d20]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;cursor:pointer;display:flex;padding:0}.b-base-button[data-v-7a3f6d20],.b-base-button[data-v-7a3f6d20]:before,.b-base-button[data-v-7a3f6d20]:after{box-sizing:border-box}.b-base-button *[data-v-7a3f6d20],.b-base-button *[data-v-7a3f6d20]:before,.b-base-button *[data-v-7a3f6d20]:after{box-sizing:border-box}.b-base-button[data-v-7a3f6d20] ::-webkit-scrollbar{height:14px;width:14px}.b-base-button[data-v-7a3f6d20] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-base-button[data-v-7a3f6d20]:disabled{cursor:not-allowed}.b-base-button__icon-left[data-v-7a3f6d20],.b-base-button__icon-right[data-v-7a3f6d20]{align-items:center;display:flex}
+button[data-v-29782ba2]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-29782ba2]:focus-visible{outline:none}.b-base-button[data-v-29782ba2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;cursor:pointer;display:flex;padding:0}.b-base-button[data-v-29782ba2],.b-base-button[data-v-29782ba2]:before,.b-base-button[data-v-29782ba2]:after{box-sizing:border-box}.b-base-button *[data-v-29782ba2],.b-base-button *[data-v-29782ba2]:before,.b-base-button *[data-v-29782ba2]:after{box-sizing:border-box}.b-base-button[data-v-29782ba2] ::-webkit-scrollbar{height:14px;width:14px}.b-base-button[data-v-29782ba2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-base-button[data-v-29782ba2]:disabled{cursor:not-allowed}.b-base-button__icon-left[data-v-29782ba2],.b-base-button__icon-right[data-v-29782ba2]{align-items:center;display:flex}

package/dist/assets/base-modal.css

@@ -0,0 +1 @@
+.b-modal-base[data-v-b3662c97]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-b3662c97],.b-modal-base[data-v-b3662c97]:before,.b-modal-base[data-v-b3662c97]:after{box-sizing:border-box}.b-modal-base *[data-v-b3662c97],.b-modal-base *[data-v-b3662c97]:before,.b-modal-base *[data-v-b3662c97]:after{box-sizing:border-box}.b-modal-base[data-v-b3662c97] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-b3662c97] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-modal-base__container[data-v-b3662c97]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-b3662c97]{border:none;margin:auto;opacity:0;padding:var(--b-modal-padding);transition-duration:.15s;transition-property:opacity,transform}.b-modal-base__container--visible[data-v-b3662c97]{opacity:1;transform:translateY(0);transition-timing-function:ease-out}.b-modal-base__container--overflow-visible[data-v-b3662c97]{overflow:visible}.b-modal-base__container--column-layout .b-modal-base__header[data-v-b3662c97]{padding-bottom:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__header-container[data-v-b3662c97]{padding-bottom:0}.b-modal-base__container--column-layout .b-modal-base__actions[data-v-b3662c97]{padding-top:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__actions-container[data-v-b3662c97]{padding-top:0}.b-modal-base__container[data-v-b3662c97]:not(.b-modal-base__container--visible){opacity:0;transform:translateY(24px);transition-timing-function:ease-in}.b-modal-base__container[data-v-b3662c97]::backdrop{background-color:#7b8390;opacity:.5}.b-modal-base__container--small[data-v-b3662c97]{width:480px}.b-modal-base__container--medium[data-v-b3662c97]{width:600px}.b-modal-base__container--large[data-v-b3662c97]{width:800px}.b-modal-base__container[data-v-b3662c97],.b-modal-base__header-container[data-v-b3662c97],.b-modal-base__actions-container[data-v-b3662c97]{background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius)}.b-modal-base__wrapper[data-v-b3662c97]{display:flex;flex-direction:column}.b-modal-base__divider[data-v-b3662c97]{margin-left:-24px;width:calc(100% + 48px)}.b-modal-base__header-container[data-v-b3662c97],.b-modal-base__actions-container[data-v-b3662c97]{padding:16px 24px;position:sticky}.b-modal-base__header-container[data-v-b3662c97]{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.b-modal-base__actions-container[data-v-b3662c97]{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.b-modal-base__header[data-v-b3662c97]{align-items:center;display:flex;justify-content:space-between}.b-modal-base__content[data-v-b3662c97]{padding:var(--b-modal-container-gap) 24px}.b-modal-base__content--with-header[data-v-b3662c97]{padding-top:0}.b-modal-base__content--with-actions[data-v-b3662c97]{padding-bottom:0}.b-modal-base__grid[data-v-b3662c97]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-base__grid[data-v-b3662c97]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-left:var(--b-modal-container-column-layout-padding-left);padding-right:0}

package/dist/assets/button.css

@@ -1 +1 @@
-button[data-v-f0e98913]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-f0e98913]:focus-visible{outline:none}.b-button[data-v-f0e98913]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;border-radius:var(--b-button-border-radius);box-shadow:var(--b-button-box-shadow);cursor:pointer;display:inline-flex;gap:8px;height:fit-content;justify-content:center;padding:var(--b-button-padding);text-decoration:none;transition:125ms cubic-bezier(.785,.135,.15,.86);transition-property:color,background-color,box-shadow;user-select:none}.b-button[data-v-f0e98913],.b-button[data-v-f0e98913]:before,.b-button[data-v-f0e98913]:after{box-sizing:border-box}.b-button *[data-v-f0e98913],.b-button *[data-v-f0e98913]:before,.b-button *[data-v-f0e98913]:after{box-sizing:border-box}.b-button[data-v-f0e98913] ::-webkit-scrollbar{height:14px;width:14px}.b-button[data-v-f0e98913] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-button__label[data-v-f0e98913]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-f0e98913]{font-weight:600}.b-button[data-v-f0e98913]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);z-index:1}.b-button--primary[data-v-f0e98913]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-f0e98913]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-f0e98913]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-f0e98913]:disabled,.b-button--primary.b-button--disabled[data-v-f0e98913]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-f0e98913]{background-color:var(--b-button-secondary-background-color);box-shadow:var(--b-button-secondary-box-shadow);color:var(--b-button-secondary-color)}@media (hover: hover){.b-button--secondary[data-v-f0e98913]:hover{background-color:var(--b-button-secondary-hover-background-color);box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}}.b-button--secondary[data-v-f0e98913]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-f0e98913]:active{background-color:var(--b-button-secondary-active-background-color);box-shadow:var(--b-button-secondary-active-box-shadow);color:var(--b-button-secondary-active-color)}.b-button--secondary[data-v-f0e98913]:disabled,.b-button--secondary[data-v-f0e98913]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-f0e98913]:not(:focus){background-color:var(--b-button-secondary-disabled-background-color);box-shadow:var(--b-button-secondary-disabled-box-shadow);color:var(--b-button-secondary-disabled-color)}.b-button--tertiary[data-v-f0e98913]{background-color:transparent;box-shadow:var(--b-button-tertiary-box-shadow);color:var(--b-button-tertiary-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary[data-v-f0e98913]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-f0e98913]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-f0e98913]:disabled,.b-button--tertiary.b-button--disabled[data-v-f0e98913]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-f0e98913]{background-color:var(--b-button-primary-critical-background-color);color:var(--b-button-primary-critical-color)}@media (hover: hover){.b-button--primary-critical[data-v-f0e98913]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-f0e98913]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-f0e98913]:disabled,.b-button--primary-critical.b-button--disabled[data-v-f0e98913]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-f0e98913]{background-color:var(--b-button-secondary-critical-background-color);box-shadow:var(--b-button-secondary-critical-box-shadow);color:var(--b-button-secondary-critical-color)}@media (hover: hover){.b-button--secondary-critical[data-v-f0e98913]:hover{background-color:var(--b-button-secondary-critical-hover-background-color);box-shadow:var(--b-button-secondary-critical-hover-box-shadow);color:var(--b-button-secondary-critical-hover-color)}}.b-button--secondary-critical[data-v-f0e98913]:active{background-color:var(--b-button-secondary-critical-active-background-color);box-shadow:var(--b-button-secondary-critical-active-box-shadow);color:var(--b-button-secondary-critical-active-color)}.b-button--secondary-critical[data-v-f0e98913]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-f0e98913]{background-color:var(--b-button-secondary-critical-disabled-background-color);box-shadow:var(--b-button-secondary-critical-disabled-box-shadow);color:var(--b-button-secondary-critical-disabled-color)}.b-button--tertiary-critical[data-v-f0e98913]{background-color:var(--b-button-tertiary-critical-background-color);color:var(--b-button-tertiary-critical-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary-critical[data-v-f0e98913]:hover{background-color:var(--b-button-tertiary-critical-hover-background-color);color:var(--b-button-tertiary-critical-hover-color)}}.b-button--tertiary-critical[data-v-f0e98913]:active{background-color:var(--b-button-tertiary-critical-active-background-color);color:var(--b-button-tertiary-critical-active-color)}.b-button--tertiary-critical[data-v-f0e98913]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-f0e98913]{background-color:var(--b-button-tertiary-critical-disabled-background-color);box-shadow:unset;color:var(--b-button-tertiary-critical-disabled-color)}.b-button--tertiary[data-v-f0e98913],.b-button--tertiary-critical[data-v-f0e98913]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-f0e98913]:hover,.b-button--tertiary-critical[data-v-f0e98913]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-f0e98913]:active,.b-button--tertiary-critical[data-v-f0e98913]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-f0e98913]{background-color:var(--b-button-primary-success-background-color);color:var(--b-button-primary-success-color)}@media (hover: hover){.b-button--primary-success[data-v-f0e98913]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-f0e98913]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-f0e98913]:disabled,.b-button--primary-success.b-button--disabled[data-v-f0e98913]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-f0e98913]{display:block;width:100%}.b-button[data-v-f0e98913]:disabled,.b-button.b-button--disabled[data-v-f0e98913]{cursor:not-allowed}.b-button--condensed[data-v-f0e98913]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-f0e98913]{font-size:var(--b-button-condensed-font-size);line-height:var(--b-button-condensed-line-height)}.b-button--condensed .b-button__icon svg[data-v-f0e98913]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-f0e98913],.b-button--condensed.b-button--tertiary-critical[data-v-f0e98913]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-f0e98913]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-f0e98913]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-f0e98913]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-f0e98913],.b-button--icon-only.b-button--tertiary-critical[data-v-f0e98913]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-f0e98913],.b-button__icon-right[data-v-f0e98913]{display:inline-flex}
+button[data-v-52344429]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-52344429]:focus-visible{outline:none}.b-button[data-v-52344429]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;appearance:none;border-radius:var(--b-button-border-radius);box-shadow:var(--b-button-box-shadow);cursor:pointer;display:inline-flex;gap:8px;height:fit-content;justify-content:center;padding:var(--b-button-padding);text-decoration:none;transition:125ms cubic-bezier(.785,.135,.15,.86);transition-property:color,background-color,box-shadow;user-select:none}.b-button[data-v-52344429],.b-button[data-v-52344429]:before,.b-button[data-v-52344429]:after{box-sizing:border-box}.b-button *[data-v-52344429],.b-button *[data-v-52344429]:before,.b-button *[data-v-52344429]:after{box-sizing:border-box}.b-button[data-v-52344429] ::-webkit-scrollbar{height:14px;width:14px}.b-button[data-v-52344429] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-button__label[data-v-52344429]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-52344429]{font-weight:600}.b-button[data-v-52344429]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);z-index:1}.b-button--primary[data-v-52344429]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-52344429]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-52344429]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-52344429]:disabled,.b-button--primary.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-52344429]{background-color:var(--b-button-secondary-background-color);box-shadow:var(--b-button-secondary-box-shadow);color:var(--b-button-secondary-color)}@media (hover: hover){.b-button--secondary[data-v-52344429]:hover{background-color:var(--b-button-secondary-hover-background-color);box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}}.b-button--secondary[data-v-52344429]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-52344429]:active{background-color:var(--b-button-secondary-active-background-color);box-shadow:var(--b-button-secondary-active-box-shadow);color:var(--b-button-secondary-active-color)}.b-button--secondary[data-v-52344429]:disabled,.b-button--secondary[data-v-52344429]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-52344429]:not(:focus){background-color:var(--b-button-secondary-disabled-background-color);box-shadow:var(--b-button-secondary-disabled-box-shadow);color:var(--b-button-secondary-disabled-color)}.b-button--tertiary[data-v-52344429]{background-color:transparent;box-shadow:var(--b-button-tertiary-box-shadow);color:var(--b-button-tertiary-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary[data-v-52344429]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-52344429]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-52344429]:disabled,.b-button--tertiary.b-button--disabled[data-v-52344429]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-52344429]{background-color:var(--b-button-primary-critical-background-color);color:var(--b-button-primary-critical-color)}@media (hover: hover){.b-button--primary-critical[data-v-52344429]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-52344429]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-52344429]:disabled,.b-button--primary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-52344429]{background-color:var(--b-button-secondary-critical-background-color);box-shadow:var(--b-button-secondary-critical-box-shadow);color:var(--b-button-secondary-critical-color)}@media (hover: hover){.b-button--secondary-critical[data-v-52344429]:hover{background-color:var(--b-button-secondary-critical-hover-background-color);box-shadow:var(--b-button-secondary-critical-hover-box-shadow);color:var(--b-button-secondary-critical-hover-color)}}.b-button--secondary-critical[data-v-52344429]:active{background-color:var(--b-button-secondary-critical-active-background-color);box-shadow:var(--b-button-secondary-critical-active-box-shadow);color:var(--b-button-secondary-critical-active-color)}.b-button--secondary-critical[data-v-52344429]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-secondary-critical-disabled-background-color);box-shadow:var(--b-button-secondary-critical-disabled-box-shadow);color:var(--b-button-secondary-critical-disabled-color)}.b-button--tertiary-critical[data-v-52344429]{background-color:var(--b-button-tertiary-critical-background-color);color:var(--b-button-tertiary-critical-color);height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}@media (hover: hover){.b-button--tertiary-critical[data-v-52344429]:hover{background-color:var(--b-button-tertiary-critical-hover-background-color);color:var(--b-button-tertiary-critical-hover-color)}}.b-button--tertiary-critical[data-v-52344429]:active{background-color:var(--b-button-tertiary-critical-active-background-color);color:var(--b-button-tertiary-critical-active-color)}.b-button--tertiary-critical[data-v-52344429]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-52344429]{background-color:var(--b-button-tertiary-critical-disabled-background-color);box-shadow:unset;color:var(--b-button-tertiary-critical-disabled-color)}.b-button--tertiary[data-v-52344429],.b-button--tertiary-critical[data-v-52344429]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-52344429]:hover,.b-button--tertiary-critical[data-v-52344429]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-52344429]:active,.b-button--tertiary-critical[data-v-52344429]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-52344429]{background-color:var(--b-button-primary-success-background-color);color:var(--b-button-primary-success-color)}@media (hover: hover){.b-button--primary-success[data-v-52344429]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-52344429]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-52344429]:disabled,.b-button--primary-success.b-button--disabled[data-v-52344429]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-52344429]{display:block;width:100%}.b-button[data-v-52344429]:disabled,.b-button.b-button--disabled[data-v-52344429]{cursor:not-allowed}.b-button--condensed[data-v-52344429]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-52344429]{font-size:var(--b-button-condensed-font-size);line-height:var(--b-button-condensed-line-height)}.b-button--condensed .b-button__icon svg[data-v-52344429]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-52344429],.b-button--condensed.b-button--tertiary-critical[data-v-52344429]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-52344429]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-52344429]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-52344429]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-52344429],.b-button--icon-only.b-button--tertiary-critical[data-v-52344429]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-52344429],.b-button__icon-right[data-v-52344429]{display:inline-flex}

package/dist/assets/calendar.css

@@ -1 +1 @@
-.b-calendar-month-day[data-v-aa118276]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--b-calendar-month-day-height);justify-content:center;position:relative;width:var(--b-calendar-month-day-width)}.b-calendar-month-day[data-v-aa118276],.b-calendar-month-day[data-v-aa118276]:before,.b-calendar-month-day[data-v-aa118276]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-aa118276],.b-calendar-month-day *[data-v-aa118276]:before,.b-calendar-month-day *[data-v-aa118276]:after{box-sizing:border-box}.b-calendar-month-day[data-v-aa118276] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month-day[data-v-aa118276] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-calendar-month-day[data-v-aa118276] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-aa118276]:after{border-bottom:18px solid rgba(0,0,0,0);border-left:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:100%;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-beginning-after-z-index)}.b-legacy-theme .b-calendar-month-day--end[data-v-aa118276]:after{border-bottom:18px solid rgba(0,0,0,0);border-right:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:-4px;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-end-after-z-index)}.b-calendar-month-day[data-v-aa118276]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);outline:none;z-index:1}.b-calendar-month-day__wrapper[data-v-aa118276]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-aa118276]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-aa118276]:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active){background:var(--b-calendar-month-day-unselected-hover-background)}}.b-calendar-month-day--unselected[data-v-aa118276]:not(.b-calendar-month-day--disabled):active:not(.b-calendar-month-day--disabled){background:var(--b-calendar-month-day-unselected-active-background)}@media (hover: hover){.b-calendar-month-day--current-day.b-calendar-month-day--unselected:hover:not(.b-calendar-month-day--disabled) .b-calendar-month-day__wrapper[data-v-aa118276]:not(.b-calendar-month-day:active){background-color:var(--b-calendar-month-day-current-day-unselected-hover-wrapper-background)}}.b-calendar-month-day--current-day.b-calendar-month-day--unselected .b-calendar-month-day__wrapper[data-v-aa118276]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-aa118276]{color:var(--b-calendar-month-day-current-day-selected-color)}.b-calendar-month-day--current-day.b-calendar-month-day--selected .b-calendar-month-day__wrapper[data-v-aa118276]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-aa118276]{background:var(--b-calendar-month-day-selected-background);border-radius:var(--b-calendar-month-day-selected-border-radius);color:var(--b-calendar-month-day-selected-color)}@media (hover: hover){.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--beginning[data-v-aa118276],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--end[data-v-aa118276],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--single[data-v-aa118276]{background:var(--b-calendar-month-day-selected-hover-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--middle[data-v-aa118276]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-aa118276]:not(.b-calendar-month-day--disabled):active{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--middle[data-v-aa118276]{background:var(--b-calendar-month-day-middle-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--beginning[data-v-aa118276],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-aa118276],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-aa118276]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-aa118276]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-aa118276]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-aa118276]{background:var(--b-calendar-month-day-disabled-selected-background);color:var(--b-calendar-month-day-disabled-selected-color)}.b-calendar-month-day--disabled.b-calendar-month-day--unselected[data-v-aa118276]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-aa118276]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-aa118276]{background:var(--b-calendar-month-day-middle-background);border-radius:0;color:var(--b-calendar-month-day-middle-color)}.b-calendar-month-day--end[data-v-aa118276]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-9fbc4d15]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-9fbc4d15],.b-calendar-month[data-v-9fbc4d15]:before,.b-calendar-month[data-v-9fbc4d15]:after{box-sizing:border-box}.b-calendar-month *[data-v-9fbc4d15],.b-calendar-month *[data-v-9fbc4d15]:before,.b-calendar-month *[data-v-9fbc4d15]:after{box-sizing:border-box}.b-calendar-month[data-v-9fbc4d15] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month[data-v-9fbc4d15] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar-month__previous[data-v-9fbc4d15]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-9fbc4d15]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-9fbc4d15]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-9fbc4d15]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-9fbc4d15]{color:var(--b-calendar-month-day-of-the-week-color);padding-bottom:var(--b-calendar-month-day-of-the-week-padding-bottom)}.b-legacy-theme .b-calendar-month__day-of-week .b-calendar-month__day-of-week-font[data-v-9fbc4d15]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-9fbc4d15]{margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-321ab761]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-321ab761],.b-calendar[data-v-321ab761]:before,.b-calendar[data-v-321ab761]:after{box-sizing:border-box}.b-calendar *[data-v-321ab761],.b-calendar *[data-v-321ab761]:before,.b-calendar *[data-v-321ab761]:after{box-sizing:border-box}.b-calendar[data-v-321ab761] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar[data-v-321ab761] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar__range[data-v-321ab761]{gap:var(--b-calendar-range-gap)}
+.b-calendar-month-day[data-v-bd948293]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--b-calendar-month-day-height);justify-content:center;position:relative;width:var(--b-calendar-month-day-width)}.b-calendar-month-day[data-v-bd948293],.b-calendar-month-day[data-v-bd948293]:before,.b-calendar-month-day[data-v-bd948293]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-bd948293],.b-calendar-month-day *[data-v-bd948293]:before,.b-calendar-month-day *[data-v-bd948293]:after{box-sizing:border-box}.b-calendar-month-day[data-v-bd948293] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month-day[data-v-bd948293] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-calendar-month-day[data-v-bd948293] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-bd948293]:after{border-bottom:18px solid rgba(0,0,0,0);border-left:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:100%;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-beginning-after-z-index)}.b-legacy-theme .b-calendar-month-day--end[data-v-bd948293]:after{border-bottom:18px solid rgba(0,0,0,0);border-right:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:-4px;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-end-after-z-index)}.b-calendar-month-day[data-v-bd948293]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);outline:none;z-index:1}.b-calendar-month-day__wrapper[data-v-bd948293]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-bd948293]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-bd948293]:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active){background:var(--b-calendar-month-day-unselected-hover-background)}}.b-calendar-month-day--unselected[data-v-bd948293]:not(.b-calendar-month-day--disabled):active:not(.b-calendar-month-day--disabled){background:var(--b-calendar-month-day-unselected-active-background)}@media (hover: hover){.b-calendar-month-day--current-day.b-calendar-month-day--unselected:hover:not(.b-calendar-month-day--disabled) .b-calendar-month-day__wrapper[data-v-bd948293]:not(.b-calendar-month-day:active){background-color:var(--b-calendar-month-day-current-day-unselected-hover-wrapper-background)}}.b-calendar-month-day--current-day.b-calendar-month-day--unselected .b-calendar-month-day__wrapper[data-v-bd948293]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-bd948293]{color:var(--b-calendar-month-day-current-day-selected-color)}.b-calendar-month-day--current-day.b-calendar-month-day--selected .b-calendar-month-day__wrapper[data-v-bd948293]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-bd948293]{background:var(--b-calendar-month-day-selected-background);border-radius:var(--b-calendar-month-day-selected-border-radius);color:var(--b-calendar-month-day-selected-color)}@media (hover: hover){.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--beginning[data-v-bd948293],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--end[data-v-bd948293],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--single[data-v-bd948293]{background:var(--b-calendar-month-day-selected-hover-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--middle[data-v-bd948293]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-bd948293]:not(.b-calendar-month-day--disabled):active{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--middle[data-v-bd948293]{background:var(--b-calendar-month-day-middle-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--beginning[data-v-bd948293],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-bd948293],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-bd948293]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-bd948293]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-bd948293]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-bd948293]{background:var(--b-calendar-month-day-disabled-selected-background);color:var(--b-calendar-month-day-disabled-selected-color)}.b-calendar-month-day--disabled.b-calendar-month-day--unselected[data-v-bd948293]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-bd948293]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-bd948293]{background:var(--b-calendar-month-day-middle-background);border-radius:0;color:var(--b-calendar-month-day-middle-color)}.b-calendar-month-day--end[data-v-bd948293]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-9a35979d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-9a35979d],.b-calendar-month[data-v-9a35979d]:before,.b-calendar-month[data-v-9a35979d]:after{box-sizing:border-box}.b-calendar-month *[data-v-9a35979d],.b-calendar-month *[data-v-9a35979d]:before,.b-calendar-month *[data-v-9a35979d]:after{box-sizing:border-box}.b-calendar-month[data-v-9a35979d] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month[data-v-9a35979d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar-month__previous[data-v-9a35979d]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-9a35979d]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-9a35979d]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-9a35979d]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-9a35979d]{color:var(--b-calendar-month-day-of-the-week-color);padding-bottom:var(--b-calendar-month-day-of-the-week-padding-bottom)}.b-legacy-theme .b-calendar-month__day-of-week .b-calendar-month__day-of-week-font[data-v-9a35979d]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-9a35979d]{margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-321ab761]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-321ab761],.b-calendar[data-v-321ab761]:before,.b-calendar[data-v-321ab761]:after{box-sizing:border-box}.b-calendar *[data-v-321ab761],.b-calendar *[data-v-321ab761]:before,.b-calendar *[data-v-321ab761]:after{box-sizing:border-box}.b-calendar[data-v-321ab761] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar[data-v-321ab761] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar__range[data-v-321ab761]{gap:var(--b-calendar-range-gap)}

package/dist/assets/checkbox.css

@@ -1 +1 @@
-svg[data-v-f5e2bac7]{display:inline-flex;flex-shrink:0}svg[data-v-f5e2bac7],svg *[data-v-f5e2bac7]{fill:currentcolor}.b-checkbox[data-v-9feb7e31]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex;vertical-align:baseline}.b-checkbox[data-v-9feb7e31],.b-checkbox[data-v-9feb7e31]:before,.b-checkbox[data-v-9feb7e31]:after{box-sizing:border-box}.b-checkbox *[data-v-9feb7e31],.b-checkbox *[data-v-9feb7e31]:before,.b-checkbox *[data-v-9feb7e31]:after{box-sizing:border-box}.b-checkbox[data-v-9feb7e31] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox[data-v-9feb7e31] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox--disabled[data-v-9feb7e31],.b-checkbox--disabled *[data-v-9feb7e31]{cursor:not-allowed}.b-checkbox--readonly[data-v-9feb7e31],.b-checkbox--readonly *[data-v-9feb7e31]{pointer-events:none}.b-checkbox__outline[data-v-9feb7e31]{appearance:none;border-radius:var(--b-checkbox-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;top:var(--b-checkbox-outline-top-offset);width:16px}.b-checkbox__outline--unchecked[data-v-9feb7e31]{background-color:var(--b-checkbox-outline-unchecked-background-color);border-color:var(--b-checkbox-outline-unchecked-border-color)}.b-checkbox__outline--unchecked[data-v-9feb7e31]:hover{background-color:var(--b-checkbox-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-outline-unchecked-hover-border-color)}.b-checkbox__outline--unchecked[data-v-9feb7e31]:active{background-color:var(--b-checkbox-outline-unchecked-active-background-color);border-color:var(--b-checkbox-outline-unchecked-active-border-color)}.b-checkbox__outline--unchecked[data-v-9feb7e31]:disabled{background-color:var(--b-checkbox-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox__outline[data-v-9feb7e31]:checked{background-color:var(--b-checkbox-outline-checked-background-color);border-color:var(--b-checkbox-outline-checked-border-color)}.b-checkbox__outline[data-v-9feb7e31]:checked:hover,.b-checkbox__icon:hover+.b-checkbox__outline[data-v-9feb7e31]:checked:not(:disabled){background-color:var(--b-checkbox-outline-checked-hover-background-color);border-color:var(--b-checkbox-outline-checked-hover-border-color)}.b-checkbox__outline[data-v-9feb7e31]:checked:active{background-color:var(--b-checkbox-outline-checked-active-background-color);border-color:var(--b-checkbox-outline-checked-active-border-color)}.b-checkbox__outline[data-v-9feb7e31]:checked:disabled{background-color:var(--b-checkbox-outline-checked-disabled-background-color);border-color:var(--b-checkbox-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox__outline[data-v-9feb7e31]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-background-color);border-color:var(--b-checkbox-outline-indeterminate-border-color)}.b-checkbox__outline[data-v-9feb7e31]:indeterminate:hover{background-color:var(--b-checkbox-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-outline-indeterminate-hover-border-color)}.b-checkbox__outline[data-v-9feb7e31]:indeterminate:active{background-color:var(--b-checkbox-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-outline-indeterminate-active-border-color)}.b-checkbox__outline[data-v-9feb7e31]:indeterminate:disabled{background-color:var(--b-checkbox-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox__outline[data-v-9feb7e31]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-checkbox__outline--error[data-v-9feb7e31]{border:var(--b-checkbox-outline-unchecked-error-border)}.b-checkbox__outline--error[data-v-9feb7e31]:checked{background-color:var(--b-checkbox-outline-checked-error-background-color);border-color:var(--b-checkbox-outline-checked-error-border-color)}.b-checkbox__outline--error[data-v-9feb7e31]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-outline-indeterminate-error-border-color)}.b-checkbox__outline--readonly[data-v-9feb7e31],.b-checkbox__outline--readonly[data-v-9feb7e31]:checked,.b-checkbox__outline--readonly[data-v-9feb7e31]:indeterminate{background-color:var(--b-checkbox-outline-readonly-background-color);border-color:var(--b-checkbox-outline-readonly-border-color)}.b-checkbox__input-container[data-v-9feb7e31]{position:relative}.b-checkbox__icon[data-v-9feb7e31]{color:var(--b-checkbox-icon-color);left:0;position:absolute;top:var(--b-checkbox-outline-top-offset);z-index:1}.b-checkbox--disabled .b-checkbox__icon[data-v-9feb7e31]{color:var(--b-checkbox-icon-disabled-color)}.b-checkbox--readonly .b-checkbox__icon[data-v-9feb7e31]{color:var(--b-checkbox-icon-readonly-color)}.b-checkbox__text[data-v-9feb7e31]{color:var(--b-checkbox-text-color);cursor:pointer;display:flex;flex-direction:column;gap:var(--b-checkbox-text-gap);padding-left:var(--b-checkbox-text-padding-left)}.b-checkbox--disabled .b-checkbox__text[data-v-9feb7e31]{color:var(--b-checkbox-text-disabled-color);cursor:not-allowed}.b-checkbox__description[data-v-9feb7e31]{color:var(--b-checkbox-description-color)}.b-checkbox--disabled .b-checkbox__description[data-v-9feb7e31]{color:var(--b-checkbox-description-disabled-color)}
+svg[data-v-f5e2bac7]{display:inline-flex;flex-shrink:0}svg[data-v-f5e2bac7],svg *[data-v-f5e2bac7]{fill:currentcolor}.b-checkbox[data-v-9ba5f8a7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex;vertical-align:baseline}.b-checkbox[data-v-9ba5f8a7],.b-checkbox[data-v-9ba5f8a7]:before,.b-checkbox[data-v-9ba5f8a7]:after{box-sizing:border-box}.b-checkbox *[data-v-9ba5f8a7],.b-checkbox *[data-v-9ba5f8a7]:before,.b-checkbox *[data-v-9ba5f8a7]:after{box-sizing:border-box}.b-checkbox[data-v-9ba5f8a7] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox[data-v-9ba5f8a7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox--disabled[data-v-9ba5f8a7],.b-checkbox--disabled *[data-v-9ba5f8a7]{cursor:not-allowed}.b-checkbox--readonly[data-v-9ba5f8a7],.b-checkbox--readonly *[data-v-9ba5f8a7]{pointer-events:none}.b-checkbox__outline[data-v-9ba5f8a7]{appearance:none;border-radius:var(--b-checkbox-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;top:var(--b-checkbox-outline-top-offset);width:16px}.b-checkbox__outline--unchecked[data-v-9ba5f8a7]{background-color:var(--b-checkbox-outline-unchecked-background-color);border-color:var(--b-checkbox-outline-unchecked-border-color)}.b-checkbox__outline--unchecked[data-v-9ba5f8a7]:hover{background-color:var(--b-checkbox-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-outline-unchecked-hover-border-color)}.b-checkbox__outline--unchecked[data-v-9ba5f8a7]:active{background-color:var(--b-checkbox-outline-unchecked-active-background-color);border-color:var(--b-checkbox-outline-unchecked-active-border-color)}.b-checkbox__outline--unchecked[data-v-9ba5f8a7]:disabled{background-color:var(--b-checkbox-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox__outline[data-v-9ba5f8a7]:checked{background-color:var(--b-checkbox-outline-checked-background-color);border-color:var(--b-checkbox-outline-checked-border-color)}.b-checkbox__outline[data-v-9ba5f8a7]:checked:hover,.b-checkbox__icon:hover+.b-checkbox__outline[data-v-9ba5f8a7]:checked:not(:disabled){background-color:var(--b-checkbox-outline-checked-hover-background-color);border-color:var(--b-checkbox-outline-checked-hover-border-color)}.b-checkbox__outline[data-v-9ba5f8a7]:checked:active{background-color:var(--b-checkbox-outline-checked-active-background-color);border-color:var(--b-checkbox-outline-checked-active-border-color)}.b-checkbox__outline[data-v-9ba5f8a7]:checked:disabled{background-color:var(--b-checkbox-outline-checked-disabled-background-color);border-color:var(--b-checkbox-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox__outline[data-v-9ba5f8a7]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-background-color);border-color:var(--b-checkbox-outline-indeterminate-border-color)}.b-checkbox__outline[data-v-9ba5f8a7]:indeterminate:hover{background-color:var(--b-checkbox-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-outline-indeterminate-hover-border-color)}.b-checkbox__outline[data-v-9ba5f8a7]:indeterminate:active{background-color:var(--b-checkbox-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-outline-indeterminate-active-border-color)}.b-checkbox__outline[data-v-9ba5f8a7]:indeterminate:disabled{background-color:var(--b-checkbox-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox__outline[data-v-9ba5f8a7]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-checkbox__outline--error[data-v-9ba5f8a7]{border:var(--b-checkbox-outline-unchecked-error-border)}.b-checkbox__outline--error[data-v-9ba5f8a7]:checked{background-color:var(--b-checkbox-outline-checked-error-background-color);border-color:var(--b-checkbox-outline-checked-error-border-color)}.b-checkbox__outline--error[data-v-9ba5f8a7]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-outline-indeterminate-error-border-color)}.b-checkbox__outline--readonly[data-v-9ba5f8a7],.b-checkbox__outline--readonly[data-v-9ba5f8a7]:checked,.b-checkbox__outline--readonly[data-v-9ba5f8a7]:indeterminate{background-color:var(--b-checkbox-outline-readonly-background-color);border-color:var(--b-checkbox-outline-readonly-border-color)}.b-checkbox__input-container[data-v-9ba5f8a7]{position:relative}.b-checkbox__icon[data-v-9ba5f8a7]{color:var(--b-checkbox-icon-color);left:0;position:absolute;top:var(--b-checkbox-outline-top-offset);z-index:1}.b-checkbox--disabled .b-checkbox__icon[data-v-9ba5f8a7]{color:var(--b-checkbox-icon-disabled-color)}.b-checkbox--readonly .b-checkbox__icon[data-v-9ba5f8a7]{color:var(--b-checkbox-icon-readonly-color)}.b-checkbox__text[data-v-9ba5f8a7]{color:var(--b-checkbox-text-color);cursor:pointer;display:flex;flex-direction:column;gap:var(--b-checkbox-text-gap);padding-left:var(--b-checkbox-text-padding-left)}.b-checkbox--disabled .b-checkbox__text[data-v-9ba5f8a7]{color:var(--b-checkbox-text-disabled-color);cursor:not-allowed}.b-checkbox__description[data-v-9ba5f8a7]{color:var(--b-checkbox-description-color)}.b-checkbox--disabled .b-checkbox__description[data-v-9ba5f8a7]{color:var(--b-checkbox-description-disabled-color)}

package/dist/assets/chevron-up.css

@@ -0,0 +1 @@
+svg[data-v-58c18347]{display:inline-flex;flex-shrink:0}svg[data-v-58c18347],svg *[data-v-58c18347]{fill:currentcolor}svg[data-v-32f5f438]{display:inline-flex;flex-shrink:0}svg[data-v-32f5f438],svg *[data-v-32f5f438]{fill:currentcolor}

package/dist/assets/controls-group.css

@@ -1 +1 @@
-.b-controls-group[data-v-49dd9539]{border:0;margin:0;padding:0;width:fit-content}.b-controls-group__description[data-v-49dd9539]{color:var(--b-controls-group-description-color)}.b-controls-group--disabled[data-v-49dd9539]{cursor:not-allowed}.b-controls-group__label[data-v-49dd9539]{display:flex;gap:var(--b-controls-group-label-gap)}.b-controls-group__label-container[data-v-49dd9539]{display:flex;flex-direction:column;gap:var(--b-controls-group-label-container-gap);margin-bottom:12px}.b-controls-group__label-container--hidden[data-v-49dd9539]{display:none;visibility:hidden}.b-controls-group__label-requirement[data-v-49dd9539]{color:var(--b-controls-group-label-requirement-color)}.b-controls-group__tooltip[data-v-49dd9539]{vertical-align:bottom}
+.b-controls-group[data-v-40e6d8cc]{border:0;margin:0;padding:0;width:fit-content}.b-controls-group__description[data-v-40e6d8cc]{color:var(--b-controls-group-description-color)}.b-controls-group--disabled[data-v-40e6d8cc]{cursor:not-allowed}.b-controls-group__label[data-v-40e6d8cc]{display:flex;gap:var(--b-controls-group-label-gap)}.b-controls-group__label-container[data-v-40e6d8cc]{display:flex;flex-direction:column;gap:var(--b-controls-group-label-container-gap);margin-bottom:12px}.b-controls-group__label-container--hidden[data-v-40e6d8cc]{display:none;visibility:hidden}.b-controls-group__label-requirement[data-v-40e6d8cc]{color:var(--b-controls-group-label-requirement-color)}.b-controls-group__tooltip[data-v-40e6d8cc]{vertical-align:bottom}

package/dist/assets/copy.css

@@ -1 +1 @@
-svg[data-v-38be5f33]{display:inline-flex;flex-shrink:0}svg[data-v-38be5f33],svg *[data-v-38be5f33]{fill:currentcolor}.b-copy[data-v-b31298fb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-b31298fb],.b-copy[data-v-b31298fb]:before,.b-copy[data-v-b31298fb]:after{box-sizing:border-box}.b-copy *[data-v-b31298fb],.b-copy *[data-v-b31298fb]:before,.b-copy *[data-v-b31298fb]:after{box-sizing:border-box}.b-copy[data-v-b31298fb] ::-webkit-scrollbar{height:14px;width:14px}.b-copy[data-v-b31298fb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-copy__screen-reader-alert[data-v-b31298fb]{border:0;clip:rect(0,0,0,0);height:0;overflow:hidden;position:absolute;width:0}
+svg[data-v-38be5f33]{display:inline-flex;flex-shrink:0}svg[data-v-38be5f33],svg *[data-v-38be5f33]{fill:currentcolor}.b-copy[data-v-65c935fd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-65c935fd],.b-copy[data-v-65c935fd]:before,.b-copy[data-v-65c935fd]:after{box-sizing:border-box}.b-copy *[data-v-65c935fd],.b-copy *[data-v-65c935fd]:before,.b-copy *[data-v-65c935fd]:after{box-sizing:border-box}.b-copy[data-v-65c935fd] ::-webkit-scrollbar{height:14px;width:14px}.b-copy[data-v-65c935fd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-copy__screen-reader-alert[data-v-65c935fd]{border:0;clip:rect(0,0,0,0);height:0;overflow:hidden;position:absolute;width:0}

package/dist/assets/dropdown-default-textbox.css

@@ -1 +1 @@
-input[data-v-7cd102f9]:disabled{cursor:inherit}input[data-v-7cd102f9]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}input[data-v-7cd102f9]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-7cd102f9]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-7cd102f9]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-7cd102f9]{cursor:not-allowed}.b-dropdown-base-textbox--has-items[data-v-7cd102f9]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-7cd102f9]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-7cd102f9]{border-radius:var(--b-dropdown-default-textbox-additional-items-border-radius);justify-self:end}.b-dropdown-base-textbox__input[data-v-7cd102f9]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-7cd102f9]:focus-visible{outline:none}.b-dropdown-base-textbox__input-multiple-selected[data-v-7cd102f9]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-7cd102f9]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-7cd102f9]:focus-visible{border-color:transparent;border-radius:50%;box-shadow:none;outline-style:none;box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-dropdown-default-textbox[data-v-d7ba386d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border:1px solid var(--b-dropdown-default-textbox-border-color);border-radius:var(--b-dropdown-default-textbox-border-radius);color:var(--b-dropdown-default-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;min-height:var(--b-dropdown-default-textbox-height);overflow:hidden}.b-dropdown-default-textbox[data-v-d7ba386d],.b-dropdown-default-textbox[data-v-d7ba386d]:before,.b-dropdown-default-textbox[data-v-d7ba386d]:after{box-sizing:border-box}.b-dropdown-default-textbox[data-v-d7ba386d] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-default-textbox[data-v-d7ba386d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-default-textbox__textbox[data-v-d7ba386d]{display:flex;height:100%;min-height:34px;padding:var(--b-dropdown-default-textbox-padding);width:100%}.b-dropdown-default-textbox[data-v-d7ba386d] .b-dropdown-base-textbox{gap:var(--b-dropdown-default-textbox-base-textbox-gap)}.b-dropdown-default-textbox[data-v-d7ba386d] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-additional-items-background-color);padding:var(--b-dropdown-default-textbox-additional-items-padding)}.b-dropdown-default-textbox[data-v-d7ba386d] .b-dropdown-base-textbox__input-selected-element{margin-right:var(--b-dropdown-default-textbox-input-selected-element-margin-right)}.b-dropdown-default-textbox__chevron[data-v-d7ba386d]{align-items:center;color:var(--b-dropdown-default-textbox-icon-color);display:flex;line-height:1;pointer-events:none}.b-dropdown-default-textbox[data-v-d7ba386d]:hover:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-hover-border-color)}.b-dropdown-default-textbox[data-v-d7ba386d]:focus-within,.b-dropdown-default-textbox[data-v-d7ba386d]:focus-visible{outline:none}.b-dropdown-default-textbox[data-v-d7ba386d]:focus-within:not(.b-dropdown-default-textbox--disabled),.b-dropdown-default-textbox[data-v-d7ba386d]:focus-visible:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-focus-border-color);outline:solid var(--b-dropdown-default-textbox-focus-outline-width) var(--b-dropdown-default-textbox-focus-outline-color)}.b-dropdown-default-textbox--opened[data-v-d7ba386d]{border-bottom-left-radius:var(--b-dropdown-default-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-default-textbox-opened-bottom-border-radius)}.b-dropdown-default-textbox--disabled[data-v-d7ba386d],.b-dropdown-default-textbox--disabled>*[data-v-d7ba386d]{background-color:var(--b-dropdown-default-textbox-disabled-background-color);border-color:var(--b-dropdown-default-textbox-disabled-border-color);color:var(--b-dropdown-default-textbox-disabled-color);cursor:not-allowed}.b-dropdown-default-textbox--disabled .b-dropdown-default-textbox__chevron[data-v-d7ba386d],.b-dropdown-default-textbox--disabled>* .b-dropdown-default-textbox__chevron[data-v-d7ba386d]{color:var(--b-dropdown-default-textbox-disabled-icon-color)}.b-dropdown-default-textbox--readonly[data-v-d7ba386d],.b-dropdown-default-textbox--readonly>*[data-v-d7ba386d]{background-color:var(--b-dropdown-default-textbox-readonly-background-color);border-color:var(--b-dropdown-default-textbox-readonly-border-color);pointer-events:none}.b-dropdown-default-textbox--readonly .b-dropdown-default-textbox__chevron[data-v-d7ba386d],.b-dropdown-default-textbox--readonly>* .b-dropdown-default-textbox__chevron[data-v-d7ba386d]{color:var(--b-dropdown-default-textbox-readonly-icon-color)}.b-dropdown-default-textbox--readonly[data-v-d7ba386d] .b-dropdown-base-textbox__additional-items,.b-dropdown-default-textbox--readonly>*[data-v-d7ba386d] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-readonly-background-color)}.b-dropdown-default-textbox--error[data-v-d7ba386d]{border:var(--b-dropdown-default-textbox-error-border)}.b-dropdown-default-textbox--error:focus-within.b-dropdown-default-textbox[data-v-d7ba386d],.b-dropdown-default-textbox--error:focus-visible.b-dropdown-default-textbox[data-v-d7ba386d]{border-color:var(--b-dropdown-default-textbox-error-focus-border-color);outline:solid var(--b-dropdown-default-textbox-focus-outline-width) var(--b-dropdown-default-textbox-error-focus-outline-color)}
+input[data-v-2d370df8]:disabled{cursor:inherit}input[data-v-2d370df8]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}input[data-v-2d370df8]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-2d370df8]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-2d370df8]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-2d370df8]{cursor:not-allowed}.b-dropdown-base-textbox--has-items[data-v-2d370df8]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-2d370df8]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-2d370df8]{border-radius:var(--b-dropdown-default-textbox-additional-items-border-radius);justify-self:end}.b-dropdown-base-textbox__input[data-v-2d370df8]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-2d370df8]:focus-visible{outline:none}.b-dropdown-base-textbox__input-multiple-selected[data-v-2d370df8]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-2d370df8]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-2d370df8]:focus-visible{border-color:transparent;border-radius:50%;box-shadow:none;outline-style:none;box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-dropdown-default-textbox[data-v-d7ba386d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-default-textbox-background-color);border:1px solid var(--b-dropdown-default-textbox-border-color);border-radius:var(--b-dropdown-default-textbox-border-radius);color:var(--b-dropdown-default-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;min-height:var(--b-dropdown-default-textbox-height);overflow:hidden}.b-dropdown-default-textbox[data-v-d7ba386d],.b-dropdown-default-textbox[data-v-d7ba386d]:before,.b-dropdown-default-textbox[data-v-d7ba386d]:after{box-sizing:border-box}.b-dropdown-default-textbox[data-v-d7ba386d] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-default-textbox[data-v-d7ba386d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-default-textbox__textbox[data-v-d7ba386d]{display:flex;height:100%;min-height:34px;padding:var(--b-dropdown-default-textbox-padding);width:100%}.b-dropdown-default-textbox[data-v-d7ba386d] .b-dropdown-base-textbox{gap:var(--b-dropdown-default-textbox-base-textbox-gap)}.b-dropdown-default-textbox[data-v-d7ba386d] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-additional-items-background-color);padding:var(--b-dropdown-default-textbox-additional-items-padding)}.b-dropdown-default-textbox[data-v-d7ba386d] .b-dropdown-base-textbox__input-selected-element{margin-right:var(--b-dropdown-default-textbox-input-selected-element-margin-right)}.b-dropdown-default-textbox__chevron[data-v-d7ba386d]{align-items:center;color:var(--b-dropdown-default-textbox-icon-color);display:flex;line-height:1;pointer-events:none}.b-dropdown-default-textbox[data-v-d7ba386d]:hover:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-hover-border-color)}.b-dropdown-default-textbox[data-v-d7ba386d]:focus-within,.b-dropdown-default-textbox[data-v-d7ba386d]:focus-visible{outline:none}.b-dropdown-default-textbox[data-v-d7ba386d]:focus-within:not(.b-dropdown-default-textbox--disabled),.b-dropdown-default-textbox[data-v-d7ba386d]:focus-visible:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-focus-border-color);outline:solid var(--b-dropdown-default-textbox-focus-outline-width) var(--b-dropdown-default-textbox-focus-outline-color)}.b-dropdown-default-textbox--opened[data-v-d7ba386d]{border-bottom-left-radius:var(--b-dropdown-default-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-default-textbox-opened-bottom-border-radius)}.b-dropdown-default-textbox--disabled[data-v-d7ba386d],.b-dropdown-default-textbox--disabled>*[data-v-d7ba386d]{background-color:var(--b-dropdown-default-textbox-disabled-background-color);border-color:var(--b-dropdown-default-textbox-disabled-border-color);color:var(--b-dropdown-default-textbox-disabled-color);cursor:not-allowed}.b-dropdown-default-textbox--disabled .b-dropdown-default-textbox__chevron[data-v-d7ba386d],.b-dropdown-default-textbox--disabled>* .b-dropdown-default-textbox__chevron[data-v-d7ba386d]{color:var(--b-dropdown-default-textbox-disabled-icon-color)}.b-dropdown-default-textbox--readonly[data-v-d7ba386d],.b-dropdown-default-textbox--readonly>*[data-v-d7ba386d]{background-color:var(--b-dropdown-default-textbox-readonly-background-color);border-color:var(--b-dropdown-default-textbox-readonly-border-color);pointer-events:none}.b-dropdown-default-textbox--readonly .b-dropdown-default-textbox__chevron[data-v-d7ba386d],.b-dropdown-default-textbox--readonly>* .b-dropdown-default-textbox__chevron[data-v-d7ba386d]{color:var(--b-dropdown-default-textbox-readonly-icon-color)}.b-dropdown-default-textbox--readonly[data-v-d7ba386d] .b-dropdown-base-textbox__additional-items,.b-dropdown-default-textbox--readonly>*[data-v-d7ba386d] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-readonly-background-color)}.b-dropdown-default-textbox--error[data-v-d7ba386d]{border:var(--b-dropdown-default-textbox-error-border)}.b-dropdown-default-textbox--error:focus-within.b-dropdown-default-textbox[data-v-d7ba386d],.b-dropdown-default-textbox--error:focus-visible.b-dropdown-default-textbox[data-v-d7ba386d]{border-color:var(--b-dropdown-default-textbox-error-focus-border-color);outline:solid var(--b-dropdown-default-textbox-focus-outline-width) var(--b-dropdown-default-textbox-error-focus-outline-color)}