@adyen/bento-vue2 1.0.0 → 1.1.0

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../src/components/accordion/accordion.keys.ts","../src/components/accordion/accordion.types.ts","../src/components/accordion/accordion.vue","../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_main","ChevronDown","ChevronUp","el"],"mappings":"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"}
+{"version":3,"file":"accordion.js","sources":["../src/components/accordion/accordion.keys.ts","../src/components/accordion/accordion.types.ts","../src/components/accordion/accordion.vue","../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_main","ChevronDownIcon","ChevronUpIcon","el"],"mappings":"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"}

package/dist/alert.js

@@ -1,25 +1,25 @@
-import { defineComponent as S, computed as a, onMounted as B } from "vue";
-import { B as L, a as E } from "./chunks/button.98f2271d.js";
-import { B as H, c as C, a as i } from "./chunks/index.3aedb3dd.js";
-import { C as w, I as _ } from "./chunks/info-filled.48f3268f.js";
-import { n as g } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { C as d } from "./chunks/cross-circle-fill.d5e9ae44.js";
+import { defineComponent as T, computed as s, onMounted as S } from "vue";
+import { B, a as L } from "./chunks/button.f64585fc.js";
+import { B as H, a as C, b as i } from "./chunks/index.e1fcc9e0.js";
+import { C as E, I as _ } from "./chunks/info-filled.48f3268f.js";
+import { n as f } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { C as u } from "./chunks/cross-circle-fill.d5e9ae44.js";
 import { C as p } from "./chunks/checkmark-circle-fill.2cfbb81b.js";
-import { h as R } from "./chunks/hasSlot.dceac207.js";
-import { u as V } from "./chunks/i18n.36074534.js";
-import "./assets/index6.css";
-var o = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TIP = "tip", e))(o || {}), s = /* @__PURE__ */ ((e) => (e.WARNING = "warning", e.CRITICAL = "critical", e.HIGHLIGHT = "highlight", e.SUCCESS = "success", e))(s || {}), l = /* @__PURE__ */ ((e) => (e.CLOSE_ALERT = "close-alert", e))(l || {});
-let u = 0;
-const A = {
+import { u as w } from "./chunks/use-has-slot.068222e6.js";
+import { u as R } from "./chunks/i18n.155748d6.js";
+import "./assets/index9.css";
+var o = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TIP = "tip", e))(o || {}), n = /* @__PURE__ */ ((e) => (e.WARNING = "warning", e.CRITICAL = "critical", e.HIGHLIGHT = "highlight", e.SUCCESS = "success", e))(n || {}), l = /* @__PURE__ */ ((e) => (e.CLOSE_ALERT = "close-alert", e))(l || {});
+let d = 0;
+const V = {
   beforeCreate() {
-    this.uuid = u.toString(), u += 1;
+    this.uuid = d.toString(), d += 1;
   }
 };
 var G = function() {
-  var t = this, n = t._self._c;
-  return n("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { 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" } })]);
-}, $ = [], x = /* @__PURE__ */ g(
-  A,
+  var t = this, a = t._self._c;
+  return a("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? a("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), a("path", { attrs: { 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" } })]);
+}, $ = [], A = /* @__PURE__ */ f(
+  V,
   G,
   $,
   !1,
@@ -28,7 +28,7 @@ var G = function() {
   null,
   null
 );
-const m = x.exports, f = {
+const m = A.exports, x = {
   "en-US": {
     highlightIcon: "Highlight icon",
     successIcon: "Success icon",
@@ -36,11 +36,10 @@ const m = x.exports, f = {
     warningIcon: "Warning icon",
     close: "Close"
   }
-}, D = S({
-  i18n: { messages: f },
+}, D = T({
+  i18n: { messages: x },
   name: "bento-alert",
-  components: { CrossSmall: w, BentoButton: L, Warning: m, CrossCircle: d, CheckedCircle: p, Info: _, BentoTypography: H },
-  inheritAttrs: !1,
+  components: { CrossSmall: E, BentoButton: B, Warning: m, CrossCircle: u, CheckedCircle: p, Info: _, BentoTypography: H },
   props: {
     /**
      * Adds a close button on the right side of the alert
@@ -55,7 +54,7 @@ const m = x.exports, f = {
      */
     type: {
       type: String,
-      default: s.HIGHLIGHT
+      default: n.HIGHLIGHT
     },
     /**
      * Variant for the alert
@@ -67,62 +66,62 @@ const m = x.exports, f = {
     }
   },
   emits: [l.CLOSE_ALERT],
-  setup(e, { slots: t, emit: n }) {
-    const { t: c } = V({ messages: f }), r = a(() => e.variant === o.TIP), v = a(() => ({
+  setup(e, { slots: t, emit: a }) {
+    const { t: c } = R(), r = s(() => e.variant === o.TIP), g = s(() => ({
       [`b-alert--${e.type}`]: e.type,
       [`b-alert--${o.TIP}`]: r.value
-    })), h = a(() => c(`${e.type}Icon`)), I = a(() => {
+    })), v = s(() => c(`${e.type}Icon`)), h = s(() => {
       switch (e.type) {
-        case s.CRITICAL:
-          return d;
-        case s.SUCCESS:
+        case n.CRITICAL:
+          return u;
+        case n.SUCCESS:
           return p;
-        case s.WARNING:
+        case n.WARNING:
           return m;
-        case s.HIGHLIGHT:
+        case n.HIGHLIGHT:
         default:
           return _;
       }
-    }), y = a(() => ({
+    }), I = s(() => ({
       el: C.DIV,
       variant: r.value ? i.CAPTION : i.BODY,
       wide: !0
-    })), T = a(() => e.type === s.HIGHLIGHT ? "status" : "alert"), b = () => {
-      n(l.CLOSE_ALERT);
+    })), y = s(() => e.type === n.HIGHLIGHT ? "status" : "alert"), b = () => {
+      a(l.CLOSE_ALERT);
     };
-    return B(() => {
+    return S(() => {
       if (!t.default && !t.description)
         throw new Error("Alert Component requires a title or a description");
     }), {
       // Values
-      alertConditionalClasses: v,
-      computedRole: T,
-      descriptionTypography: y,
-      iconComponent: I,
-      iconSvgTitle: h,
+      alertConditionalClasses: g,
+      computedRole: y,
+      descriptionTypography: I,
+      iconComponent: h,
+      iconSvgTitle: v,
       isTipVariant: r,
       // Methods
       onCloseButtonClick: b,
-      hasSlot: R(t),
+      hasSlot: w(t),
       t: c,
       // Enums
-      BentoButtonVariant: E,
-      BentoAlertTypeOption: s,
+      BentoButtonVariant: L,
+      BentoAlertTypeOption: n,
       BentoTypographyVariant: i,
       BentoTypographyElement: C
     };
   }
 });
 var k = function() {
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, n("div", { staticClass: "b-alert", attrs: { role: t.computedRole } }, [n("div", { staticClass: "b-alert__inner-container", class: t.alertConditionalClasses }, [n("div", { staticClass: "b-alert__icon" }, [n(t.iconComponent, { tag: "component", attrs: { "aria-hidden": "true", "svg-title": t.iconSvgTitle } })], 1), n("div", { staticClass: "b-alert__content" }, [t.hasSlot("default") && !t.isTipVariant ? n("bento-typography", { staticClass: "b-alert__title", attrs: { el: t.BentoTypographyElement.DIV, variant: t.BentoTypographyVariant.BODY, strongest: "", wide: "" } }, [t._t("default")], 2) : t._e(), t.hasSlot("description") ? n("bento-typography", t._b({ staticClass: "b-alert__description", attrs: { "data-testid": "alert-description" } }, "bento-typography", t.descriptionTypography, !1), [t._t("description")], 2) : t._e(), t.hasSlot("actions") && !t.isTipVariant ? n("div", { staticClass: "b-alert__actions", attrs: { "data-testid": "alert-actions" } }, [t._t("actions")], 2) : t._e()], 1), t.closeButton && !t.isTipVariant ? n("bento-button", { staticClass: "b-alert__close-button", attrs: { variant: t.BentoButtonVariant.TERTIARY, type: "button" }, on: { click: t.onCloseButtonClick } }, [n("cross-small", { attrs: { "svg-title": t.t("close") } })], 1) : t._e()], 1)]);
-}, F = [], N = /* @__PURE__ */ g(
+  var t = this, a = t._self._c;
+  return t._self._setupProxy, a("div", { staticClass: "b-alert", attrs: { role: t.computedRole } }, [a("div", { staticClass: "b-alert__inner-container", class: t.alertConditionalClasses }, [a("div", { staticClass: "b-alert__icon" }, [a(t.iconComponent, { tag: "component", attrs: { "aria-hidden": "true", "svg-title": t.iconSvgTitle } })], 1), a("div", { staticClass: "b-alert__content" }, [t.hasSlot("default") && !t.isTipVariant ? a("bento-typography", { staticClass: "b-alert__title", attrs: { el: t.BentoTypographyElement.DIV, variant: t.BentoTypographyVariant.BODY, strongest: "", wide: "" } }, [t._t("default")], 2) : t._e(), t.hasSlot("description") ? a("bento-typography", t._b({ staticClass: "b-alert__description", attrs: { "data-testid": "alert-description" } }, "bento-typography", t.descriptionTypography, !1), [t._t("description")], 2) : t._e(), t.hasSlot("actions") && !t.isTipVariant ? a("div", { staticClass: "b-alert__actions", attrs: { "data-testid": "alert-actions" } }, [t._t("actions")], 2) : t._e()], 1), t.closeButton && !t.isTipVariant ? a("bento-button", { staticClass: "b-alert__close-button", attrs: { variant: t.BentoButtonVariant.TERTIARY, type: "button" }, on: { click: t.onCloseButtonClick } }, [a("cross-small", { attrs: { "svg-title": t.t("close") } })], 1) : t._e()], 1)]);
+}, F = [], N = /* @__PURE__ */ f(
   D,
   k,
   F,
   !1,
   null,
-  "d74c2d14",
+  "a1209d7b",
   null,
   null
 );
@@ -130,7 +129,7 @@ const j = N.exports;
 export {
   j as BentoAlert,
   l as BentoAlertEvent,
-  s as BentoAlertTypeOption,
+  n as BentoAlertTypeOption,
   o as BentoAlertVariant
 };
 //# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../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 '@/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 { hasSlot } from '@/utils/ts/hasSlot';\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        inheritAttrs: false,\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>,\n                default: BentoAlertTypeOption.HIGHLIGHT,\n            },\n            /**\n             * Variant for the alert\n             * @values DEFAULT, TIP\n             */\n            variant: {\n                type: String as PropType<BentoAlertVariant>,\n                default: BentoAlertVariant.DEFAULT,\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: hasSlot(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","_sfc_main$1","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","hasSlot","BentoButtonVariant"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"alert.js","sources":["../src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../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>,\n                default: BentoAlertTypeOption.HIGHLIGHT,\n            },\n            /**\n             * Variant for the alert\n             * @values DEFAULT, TIP\n             */\n            variant: {\n                type: String as PropType<BentoAlertVariant>,\n                default: BentoAlertVariant.DEFAULT,\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","_sfc_main$1","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","useHasSlot","BentoButtonVariant"],"mappings":";;;;;;;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACPZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;GCyEAE,IAAAC,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,YAAAC,GAAA,aAAAC,GAAA,SAAAC,GAAA,aAAAC,GAAA,eAAAC,GAAA,MAAAC,GAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAf,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAF,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAAI,EAAA,WAAA;AAAA,EACA,MAAAc,GAAA,EAAA,OAAAC,GAAA,MAAAC,EAAA,GAAA;AAEA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAN,EAAA,YAAAlB,EAAA,GAAA,GAEAyB,IAAAD,EAAA,OAAA;AAAA,MAAA,CAAA,YAAAN,EAAA,MAAA,GAAAA,EAAA;AAAA,MACA,CAAA,YAAAlB,EAAA,KAAA,GAAAuB,EAAA;AAAA,IACA,EAAA,GAGAG,IAAAF,EAAA,MAAAH,EAAA,GAAAH,EAAA,UAAA,CAAA,GAEAS,IAAAH,EAAA,MAAA;AACA,cAAAN,EAAA,MAAA;AAAA,QAAA,KAAAhB,EAAA;AAEA,iBAAAY;AAAA,QAAA,KAAAZ,EAAA;AAEA,iBAAAa;AAAA,QAAA,KAAAb,EAAA;AAEA,iBAAAW;AAAA,QAAA,KAAAX,EAAA;AAAA,QACA;AAEA,iBAAAc;AAAA,MAAA;AAAA,IACA,CAAA,GAGAY,IAAAJ,EAAA,OAAA;AAAA,MAAA,IAAAK,EAAA;AAAA,MACA,SAAAN,EAAA,QAAAO,EAAA,UAAAA,EAAA;AAAA,MACA,MAAA;AAAA,IACA,EAAA,GAGAC,IAAAP,EAAA,MAAAN,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA8B,IAAA,MAAA;AACA,MAAAZ,EAAAhB,EAAA,WAAA;AAAA,IAAA;AAGA,WAAA6B,EAAA,MAAA;AACA,UAAA,CAAAd,EAAA,WAAA,CAAAA,EAAA;AACA,cAAA,IAAA,MAAA,mDAAA;AAAA,IACA,CAAA,GAGA;AAAA;AAAA,MAAA,yBAAAM;AAAA,MAEA,cAAAM;AAAA,MACA,uBAAAH;AAAA,MACA,eAAAD;AAAA,MACA,cAAAD;AAAA,MACA,cAAAH;AAAA;AAAA,MACA,oBAAAS;AAAA,MAGA,SAAAE,EAAAf,CAAA;AAAA,MACA,GAAAE;AAAA;AAAA,MACA,oBAAAc;AAAA,MAGA,sBAAAjC;AAAA,MACA,wBAAA4B;AAAA,MACA,wBAAAD;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}

package/dist/assets/base-button.css

@@ -1 +1 @@
-button[data-v-4adac72b]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-4adac72b]:focus-visible{outline:none}.b-base-button[data-v-4adac72b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;cursor:pointer;display:flex;padding:0}.b-base-button[data-v-4adac72b],.b-base-button[data-v-4adac72b]:before,.b-base-button[data-v-4adac72b]:after{box-sizing:border-box}.b-base-button *[data-v-4adac72b],.b-base-button *[data-v-4adac72b]:before,.b-base-button *[data-v-4adac72b]:after{box-sizing:border-box}.b-base-button[data-v-4adac72b]:disabled{cursor:not-allowed}.b-base-button__icon-left[data-v-4adac72b],.b-base-button__icon-right[data-v-4adac72b]{align-items:center;display:flex}
+button[data-v-f1ba2191]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-f1ba2191]:focus-visible{outline:none}.b-base-button[data-v-f1ba2191]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;cursor:pointer;display:flex;padding:0}.b-base-button[data-v-f1ba2191],.b-base-button[data-v-f1ba2191]:before,.b-base-button[data-v-f1ba2191]:after{box-sizing:border-box}.b-base-button *[data-v-f1ba2191],.b-base-button *[data-v-f1ba2191]:before,.b-base-button *[data-v-f1ba2191]:after{box-sizing:border-box}.b-base-button[data-v-f1ba2191]:disabled{cursor:not-allowed}.b-base-button__icon-left[data-v-f1ba2191],.b-base-button__icon-right[data-v-f1ba2191]{align-items:center;display:flex}

package/dist/assets/button-actions.css

@@ -1 +1 @@
-.b-button-actions[data-v-e7b6b23b]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-e7b6b23b]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-e7b6b23b]{width:100%}@container (min-width: 250px){.b-button-actions--buttons-start[data-v-e7b6b23b]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-e7b6b23b]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:end}.b-button-actions--fill-container[data-v-e7b6b23b]{column-gap:var(--b-button-actions-fill-container-column-gap);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.b-button-actions--space-between[data-v-e7b6b23b]{flex-direction:unset;justify-content:space-between}}
+.b-button-actions[data-v-41916e0b]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-41916e0b]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-41916e0b]{width:100%}@container (min-width: 250px){.b-button-actions--buttons-start[data-v-41916e0b]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-41916e0b]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:end}.b-button-actions--fill-container[data-v-41916e0b]{column-gap:var(--b-button-actions-fill-container-column-gap);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.b-button-actions--space-between[data-v-41916e0b]{flex-direction:unset;justify-content:space-between}}

package/dist/assets/button.css

@@ -1 +1 @@
-button[data-v-cb874f98]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-cb874f98]:focus-visible{outline:none}.b-button[data-v-cb874f98]{-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-cb874f98],.b-button[data-v-cb874f98]:before,.b-button[data-v-cb874f98]:after{box-sizing:border-box}.b-button *[data-v-cb874f98],.b-button *[data-v-cb874f98]:before,.b-button *[data-v-cb874f98]:after{box-sizing:border-box}.b-button__label[data-v-cb874f98]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-cb874f98]{font-weight:600}.b-button[data-v-cb874f98]: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-cb874f98]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-cb874f98]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-cb874f98]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-cb874f98]:disabled,.b-button--primary.b-button--disabled[data-v-cb874f98]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-cb874f98]{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-cb874f98]: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-cb874f98]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-cb874f98]: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-cb874f98]:disabled,.b-button--secondary[data-v-cb874f98]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-cb874f98]: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-cb874f98]{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-cb874f98]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-cb874f98]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-cb874f98]:disabled,.b-button--tertiary.b-button--disabled[data-v-cb874f98]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-cb874f98]{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-cb874f98]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-cb874f98]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-cb874f98]:disabled,.b-button--primary-critical.b-button--disabled[data-v-cb874f98]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-cb874f98]{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-cb874f98]: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-cb874f98]: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-cb874f98]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-cb874f98]{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-cb874f98]{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-cb874f98]: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-cb874f98]: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-cb874f98]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-cb874f98]{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-cb874f98],.b-button--tertiary-critical[data-v-cb874f98]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-cb874f98]:hover,.b-button--tertiary-critical[data-v-cb874f98]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-cb874f98]:active,.b-button--tertiary-critical[data-v-cb874f98]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-cb874f98]{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-cb874f98]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-cb874f98]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-cb874f98]:disabled,.b-button--primary-success.b-button--disabled[data-v-cb874f98]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-cb874f98]{display:block;width:100%}.b-button[data-v-cb874f98]:disabled,.b-button.b-button--disabled[data-v-cb874f98]{cursor:not-allowed}.b-button--condensed[data-v-cb874f98]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-cb874f98]{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-cb874f98]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-cb874f98],.b-button--condensed.b-button--tertiary-critical[data-v-cb874f98]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-cb874f98]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-cb874f98]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-cb874f98]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-cb874f98],.b-button--icon-only.b-button--tertiary-critical[data-v-cb874f98]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-cb874f98],.b-button__icon-right[data-v-cb874f98]{display:inline-flex}
+button[data-v-9b484955]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-9b484955]:focus-visible{outline:none}.b-button[data-v-9b484955]{-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-9b484955],.b-button[data-v-9b484955]:before,.b-button[data-v-9b484955]:after{box-sizing:border-box}.b-button *[data-v-9b484955],.b-button *[data-v-9b484955]:before,.b-button *[data-v-9b484955]:after{box-sizing:border-box}.b-button__label[data-v-9b484955]{display:inline-flex;line-height:var(--b-button-line-height);vertical-align:middle;white-space:nowrap}.b-legacy-theme .b-button__label[data-v-9b484955]{font-weight:600}.b-button[data-v-9b484955]: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-9b484955]{background-color:var(--b-button-primary-background-color);color:var(--b-button-primary-color)}@media (hover: hover){.b-button--primary[data-v-9b484955]:hover{background-color:var(--b-button-primary-hover-background-color);color:var(--b-button-primary-color)}}.b-button--primary[data-v-9b484955]:active{background-color:var(--b-button-primary-active-background-color);color:var(--b-button-primary-color)}.b-button--primary[data-v-9b484955]:disabled,.b-button--primary.b-button--disabled[data-v-9b484955]{background-color:var(--b-button-primary-disabled-background-color);color:var(--b-button-primary-disabled-color)}.b-button--secondary[data-v-9b484955]{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-9b484955]: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-9b484955]:hover:not(:focus){box-shadow:var(--b-button-secondary-hover-box-shadow);color:var(--b-button-secondary-hover-color)}.b-button--secondary[data-v-9b484955]: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-9b484955]:disabled,.b-button--secondary[data-v-9b484955]:disabled:not(:focus),.b-button--secondary.b-button--disabled[data-v-9b484955]: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-9b484955]{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-9b484955]:hover{background-color:var(--b-button-tertiary-hover-background-color);color:var(--b-button-tertiary-hover-color)}}.b-button--tertiary[data-v-9b484955]:active{background-color:var(--b-button-tertiary-active-background-color);color:var(--b-button-tertiary-active-color)}.b-button--tertiary[data-v-9b484955]:disabled,.b-button--tertiary.b-button--disabled[data-v-9b484955]{background-color:var(--b-button-tertiary-disabled-background-color);color:var(--b-button-tertiary-disabled-color)}.b-button--primary-critical[data-v-9b484955]{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-9b484955]:hover{background-color:var(--b-button-primary-critical-hover-background-color);color:var(--b-button-primary-critical-color)}}.b-button--primary-critical[data-v-9b484955]:active{background-color:var(--b-button-primary-critical-active-background-color);color:var(--b-button-primary-critical-color)}.b-button--primary-critical[data-v-9b484955]:disabled,.b-button--primary-critical.b-button--disabled[data-v-9b484955]{background-color:var(--b-button-primary-critical-disabled-background-color);color:var(--b-button-primary-critical-disabled-color)}.b-button--secondary-critical[data-v-9b484955]{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-9b484955]: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-9b484955]: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-9b484955]:disabled,.b-button--secondary-critical.b-button--disabled[data-v-9b484955]{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-9b484955]{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-9b484955]: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-9b484955]: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-9b484955]:disabled,.b-button--tertiary-critical.b-button--disabled[data-v-9b484955]{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-9b484955],.b-button--tertiary-critical[data-v-9b484955]{text-decoration:var(--b-button-tertiary-text-decoration)}@media (hover: hover){.b-button--tertiary[data-v-9b484955]:hover,.b-button--tertiary-critical[data-v-9b484955]:hover{text-decoration:var(--b-button-tertiary-hover-text-decoration)}}.b-button--tertiary[data-v-9b484955]:active,.b-button--tertiary-critical[data-v-9b484955]:active{text-decoration:var(--b-button-tertiary-active-text-decoration)}.b-button--primary-success[data-v-9b484955]{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-9b484955]:hover{background-color:var(--b-button-primary-success-hover-background-color)}}.b-button--primary-success[data-v-9b484955]:active{background-color:var(--b-button-primary-success-active-background-color)}.b-button--primary-success[data-v-9b484955]:disabled,.b-button--primary-success.b-button--disabled[data-v-9b484955]{background-color:var(--b-button-primary-success-disabled-background-color);color:var(--b-button-primary-success-disabled-color)}.b-button--block[data-v-9b484955]{display:block;width:100%}.b-button[data-v-9b484955]:disabled,.b-button.b-button--disabled[data-v-9b484955]{cursor:not-allowed}.b-button--condensed[data-v-9b484955]{border-radius:var(--b-button-condensed-border-radius);padding:var(--b-button-condensed-padding)}.b-button--condensed .b-button__label[data-v-9b484955]{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-9b484955]{height:var(--b-button-condensed-icon-height);width:var(--b-button-condensed-icon-width)}.b-button--condensed.b-button--tertiary[data-v-9b484955],.b-button--condensed.b-button--tertiary-critical[data-v-9b484955]{padding:var(--b-button-tertiary-padding)}.b-button--circle[data-v-9b484955]{border-radius:50%;height:40px;width:40px}.b-button--icon-only[data-v-9b484955]{padding:var(--b-button-icon-only-padding)}.b-button--icon-only.b-button--condensed[data-v-9b484955]{padding:var(--b-button-icon-only-condensed-padding)}.b-button--icon-only.b-button--tertiary[data-v-9b484955],.b-button--icon-only.b-button--tertiary-critical[data-v-9b484955]{height:var(--b-button-tertiary-height);padding:var(--b-button-tertiary-padding)}.b-button__icon-left[data-v-9b484955],.b-button__icon-right[data-v-9b484955]{display:inline-flex}

package/dist/assets/calendar.css

@@ -1 +1 @@
-.b-calendar-month-day[data-v-7b156cea]{-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-7b156cea],.b-calendar-month-day[data-v-7b156cea]:before,.b-calendar-month-day[data-v-7b156cea]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-7b156cea],.b-calendar-month-day *[data-v-7b156cea]:before,.b-calendar-month-day *[data-v-7b156cea]:after{box-sizing:border-box}.b-legacy-theme .b-calendar-month-day[data-v-7b156cea] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-7b156cea]: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-7b156cea]: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-7b156cea]: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-7b156cea]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-7b156cea]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-7b156cea]: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-7b156cea]: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-7b156cea]: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-7b156cea]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-7b156cea]{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-7b156cea]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-7b156cea]{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-7b156cea],.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-7b156cea],.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-7b156cea]{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-7b156cea]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-7b156cea]: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-7b156cea]{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-7b156cea],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-7b156cea],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-7b156cea]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-7b156cea]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-7b156cea]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-7b156cea]{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-7b156cea]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-7b156cea]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-7b156cea]{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-7b156cea]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-5ac55cf9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-5ac55cf9],.b-calendar-month[data-v-5ac55cf9]:before,.b-calendar-month[data-v-5ac55cf9]:after{box-sizing:border-box}.b-calendar-month *[data-v-5ac55cf9],.b-calendar-month *[data-v-5ac55cf9]:before,.b-calendar-month *[data-v-5ac55cf9]:after{box-sizing:border-box}.b-calendar-month__previous[data-v-5ac55cf9]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-5ac55cf9]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-5ac55cf9]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-5ac55cf9]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-5ac55cf9]{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-5ac55cf9]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-5ac55cf9]{margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-e408ec23]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-e408ec23],.b-calendar[data-v-e408ec23]:before,.b-calendar[data-v-e408ec23]:after{box-sizing:border-box}.b-calendar *[data-v-e408ec23],.b-calendar *[data-v-e408ec23]:before,.b-calendar *[data-v-e408ec23]:after{box-sizing:border-box}.b-calendar__range[data-v-e408ec23]{gap:var(--b-calendar-range-gap)}
+.b-calendar-month-day[data-v-b9f70938]{-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-b9f70938],.b-calendar-month-day[data-v-b9f70938]:before,.b-calendar-month-day[data-v-b9f70938]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-b9f70938],.b-calendar-month-day *[data-v-b9f70938]:before,.b-calendar-month-day *[data-v-b9f70938]:after{box-sizing:border-box}.b-legacy-theme .b-calendar-month-day[data-v-b9f70938] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-b9f70938]: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-b9f70938]: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-b9f70938]: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-b9f70938]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-b9f70938]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-b9f70938]: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-b9f70938]: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-b9f70938]: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-b9f70938]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-b9f70938]{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-b9f70938]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-b9f70938]{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-b9f70938],.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-b9f70938],.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-b9f70938]{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-b9f70938]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-b9f70938]: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-b9f70938]{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-b9f70938],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-b9f70938],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-b9f70938]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-b9f70938]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-b9f70938]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-b9f70938]{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-b9f70938]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-b9f70938]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-b9f70938]{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-b9f70938]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-75b7e38c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-75b7e38c],.b-calendar-month[data-v-75b7e38c]:before,.b-calendar-month[data-v-75b7e38c]:after{box-sizing:border-box}.b-calendar-month *[data-v-75b7e38c],.b-calendar-month *[data-v-75b7e38c]:before,.b-calendar-month *[data-v-75b7e38c]:after{box-sizing:border-box}.b-calendar-month__previous[data-v-75b7e38c]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-75b7e38c]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-75b7e38c]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-75b7e38c]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-75b7e38c]{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-75b7e38c]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-75b7e38c]{margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-621f2227]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-621f2227],.b-calendar[data-v-621f2227]:before,.b-calendar[data-v-621f2227]:after{box-sizing:border-box}.b-calendar *[data-v-621f2227],.b-calendar *[data-v-621f2227]:before,.b-calendar *[data-v-621f2227]:after{box-sizing:border-box}.b-calendar__range[data-v-621f2227]{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-27ed81e9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex;vertical-align:baseline}.b-checkbox[data-v-27ed81e9],.b-checkbox[data-v-27ed81e9]:before,.b-checkbox[data-v-27ed81e9]:after{box-sizing:border-box}.b-checkbox *[data-v-27ed81e9],.b-checkbox *[data-v-27ed81e9]:before,.b-checkbox *[data-v-27ed81e9]:after{box-sizing:border-box}.b-checkbox--disabled[data-v-27ed81e9],.b-checkbox--disabled *[data-v-27ed81e9]{cursor:not-allowed}.b-checkbox--readonly[data-v-27ed81e9],.b-checkbox--readonly *[data-v-27ed81e9]{pointer-events:none}.b-checkbox__outline[data-v-27ed81e9]{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-27ed81e9]{background-color:var(--b-checkbox-outline-unchecked-background-color);border-color:var(--b-checkbox-outline-unchecked-border-color)}.b-checkbox__outline--unchecked[data-v-27ed81e9]: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-27ed81e9]: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-27ed81e9]: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-27ed81e9]:checked{background-color:var(--b-checkbox-outline-checked-background-color);border-color:var(--b-checkbox-outline-checked-border-color)}.b-checkbox__outline[data-v-27ed81e9]:checked:hover,.b-checkbox__icon:hover+.b-checkbox__outline[data-v-27ed81e9]: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-27ed81e9]: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-27ed81e9]: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-27ed81e9]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-background-color);border-color:var(--b-checkbox-outline-indeterminate-border-color)}.b-checkbox__outline[data-v-27ed81e9]: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-27ed81e9]: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-27ed81e9]: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-27ed81e9]: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-27ed81e9]{border:var(--b-checkbox-outline-unchecked-error-border)}.b-checkbox__outline--error[data-v-27ed81e9]: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-27ed81e9]: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-27ed81e9],.b-checkbox__outline--readonly[data-v-27ed81e9]:checked,.b-checkbox__outline--readonly[data-v-27ed81e9]: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-27ed81e9]{position:relative}.b-checkbox__icon[data-v-27ed81e9]{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-27ed81e9]{color:var(--b-checkbox-icon-disabled-color)}.b-checkbox--readonly .b-checkbox__icon[data-v-27ed81e9]{color:var(--b-checkbox-icon-readonly-color)}.b-checkbox__text[data-v-27ed81e9]{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-27ed81e9]{color:var(--b-checkbox-text-disabled-color);cursor:not-allowed}.b-checkbox__description[data-v-27ed81e9]{color:var(--b-checkbox-description-color)}.b-checkbox--disabled .b-checkbox__description[data-v-27ed81e9]{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-a7cfc7ef]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex;vertical-align:baseline}.b-checkbox[data-v-a7cfc7ef],.b-checkbox[data-v-a7cfc7ef]:before,.b-checkbox[data-v-a7cfc7ef]:after{box-sizing:border-box}.b-checkbox *[data-v-a7cfc7ef],.b-checkbox *[data-v-a7cfc7ef]:before,.b-checkbox *[data-v-a7cfc7ef]:after{box-sizing:border-box}.b-checkbox--disabled[data-v-a7cfc7ef],.b-checkbox--disabled *[data-v-a7cfc7ef]{cursor:not-allowed}.b-checkbox--readonly[data-v-a7cfc7ef],.b-checkbox--readonly *[data-v-a7cfc7ef]{pointer-events:none}.b-checkbox__outline[data-v-a7cfc7ef]{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-a7cfc7ef]{background-color:var(--b-checkbox-outline-unchecked-background-color);border-color:var(--b-checkbox-outline-unchecked-border-color)}.b-checkbox__outline--unchecked[data-v-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]:checked{background-color:var(--b-checkbox-outline-checked-background-color);border-color:var(--b-checkbox-outline-checked-border-color)}.b-checkbox__outline[data-v-a7cfc7ef]:checked:hover,.b-checkbox__icon:hover+.b-checkbox__outline[data-v-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-background-color);border-color:var(--b-checkbox-outline-indeterminate-border-color)}.b-checkbox__outline[data-v-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef]{border:var(--b-checkbox-outline-unchecked-error-border)}.b-checkbox__outline--error[data-v-a7cfc7ef]: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-a7cfc7ef]: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-a7cfc7ef],.b-checkbox__outline--readonly[data-v-a7cfc7ef]:checked,.b-checkbox__outline--readonly[data-v-a7cfc7ef]: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-a7cfc7ef]{position:relative}.b-checkbox__icon[data-v-a7cfc7ef]{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-a7cfc7ef]{color:var(--b-checkbox-icon-disabled-color)}.b-checkbox--readonly .b-checkbox__icon[data-v-a7cfc7ef]{color:var(--b-checkbox-icon-readonly-color)}.b-checkbox__text[data-v-a7cfc7ef]{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-a7cfc7ef]{color:var(--b-checkbox-text-disabled-color);cursor:not-allowed}.b-checkbox__description[data-v-a7cfc7ef]{color:var(--b-checkbox-description-color)}.b-checkbox--disabled .b-checkbox__description[data-v-a7cfc7ef]{color:var(--b-checkbox-description-disabled-color)}

package/dist/assets/chevron-down.css

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

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-c16433c7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-c16433c7],.b-copy[data-v-c16433c7]:before,.b-copy[data-v-c16433c7]:after{box-sizing:border-box}.b-copy *[data-v-c16433c7],.b-copy *[data-v-c16433c7]:before,.b-copy *[data-v-c16433c7]:after{box-sizing:border-box}.b-copy__screen-reader-alert[data-v-c16433c7]{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-c84dc7af]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-c84dc7af],.b-copy[data-v-c84dc7af]:before,.b-copy[data-v-c84dc7af]:after{box-sizing:border-box}.b-copy *[data-v-c84dc7af],.b-copy *[data-v-c84dc7af]:before,.b-copy *[data-v-c84dc7af]:after{box-sizing:border-box}.b-copy__screen-reader-alert[data-v-c84dc7af]{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-2cb8ab96]:disabled{cursor:inherit}input[data-v-2cb8ab96]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}input[data-v-2cb8ab96]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-2cb8ab96]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-2cb8ab96]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-2cb8ab96]{cursor:not-allowed}.b-dropdown-base-textbox--has-items[data-v-2cb8ab96]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-2cb8ab96]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-2cb8ab96]{border-radius:var(--b-dropdown-default-textbox-additional-items-border-radius);justify-self:end}.b-dropdown-base-textbox__input[data-v-2cb8ab96]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-2cb8ab96]:focus-visible{outline:none}.b-dropdown-base-textbox__input-multiple-selected[data-v-2cb8ab96]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-2cb8ab96]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-2cb8ab96]: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-500b124a]{-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-500b124a],.b-dropdown-default-textbox[data-v-500b124a]:before,.b-dropdown-default-textbox[data-v-500b124a]:after{box-sizing:border-box}.b-dropdown-default-textbox__textbox[data-v-500b124a]{display:flex;height:100%;min-height:34px;padding:var(--b-dropdown-default-textbox-padding);width:100%}.b-dropdown-default-textbox[data-v-500b124a] .b-dropdown-base-textbox{gap:var(--b-dropdown-default-textbox-base-textbox-gap)}.b-dropdown-default-textbox[data-v-500b124a] .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-500b124a] .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-500b124a]{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-500b124a]:hover:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-hover-border-color)}.b-dropdown-default-textbox[data-v-500b124a]:focus-within,.b-dropdown-default-textbox[data-v-500b124a]:focus-visible{outline:none}.b-dropdown-default-textbox[data-v-500b124a]:focus-within:not(.b-dropdown-default-textbox--disabled),.b-dropdown-default-textbox[data-v-500b124a]: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-500b124a]{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-500b124a],.b-dropdown-default-textbox--disabled>*[data-v-500b124a]{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-500b124a],.b-dropdown-default-textbox--disabled>* .b-dropdown-default-textbox__chevron[data-v-500b124a]{color:var(--b-dropdown-default-textbox-disabled-icon-color)}.b-dropdown-default-textbox--readonly[data-v-500b124a],.b-dropdown-default-textbox--readonly>*[data-v-500b124a]{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-500b124a],.b-dropdown-default-textbox--readonly>* .b-dropdown-default-textbox__chevron[data-v-500b124a]{color:var(--b-dropdown-default-textbox-readonly-icon-color)}.b-dropdown-default-textbox--readonly[data-v-500b124a] .b-dropdown-base-textbox__additional-items,.b-dropdown-default-textbox--readonly>*[data-v-500b124a] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-readonly-background-color)}.b-dropdown-default-textbox--error[data-v-500b124a]{border:var(--b-dropdown-default-textbox-error-border)}.b-dropdown-default-textbox--error:focus-within.b-dropdown-default-textbox[data-v-500b124a],.b-dropdown-default-textbox--error:focus-visible.b-dropdown-default-textbox[data-v-500b124a]{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-0e22a650]:disabled{cursor:inherit}input[data-v-0e22a650]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}input[data-v-0e22a650]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-0e22a650]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-0e22a650]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-0e22a650]{cursor:not-allowed}.b-dropdown-base-textbox--has-items[data-v-0e22a650]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-0e22a650]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-0e22a650]{border-radius:var(--b-dropdown-default-textbox-additional-items-border-radius);justify-self:end}.b-dropdown-base-textbox__input[data-v-0e22a650]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-0e22a650]:focus-visible{outline:none}.b-dropdown-base-textbox__input-multiple-selected[data-v-0e22a650]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-0e22a650]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-0e22a650]: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-500b124a]{-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-500b124a],.b-dropdown-default-textbox[data-v-500b124a]:before,.b-dropdown-default-textbox[data-v-500b124a]:after{box-sizing:border-box}.b-dropdown-default-textbox__textbox[data-v-500b124a]{display:flex;height:100%;min-height:34px;padding:var(--b-dropdown-default-textbox-padding);width:100%}.b-dropdown-default-textbox[data-v-500b124a] .b-dropdown-base-textbox{gap:var(--b-dropdown-default-textbox-base-textbox-gap)}.b-dropdown-default-textbox[data-v-500b124a] .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-500b124a] .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-500b124a]{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-500b124a]:hover:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-hover-border-color)}.b-dropdown-default-textbox[data-v-500b124a]:focus-within,.b-dropdown-default-textbox[data-v-500b124a]:focus-visible{outline:none}.b-dropdown-default-textbox[data-v-500b124a]:focus-within:not(.b-dropdown-default-textbox--disabled),.b-dropdown-default-textbox[data-v-500b124a]: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-500b124a]{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-500b124a],.b-dropdown-default-textbox--disabled>*[data-v-500b124a]{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-500b124a],.b-dropdown-default-textbox--disabled>* .b-dropdown-default-textbox__chevron[data-v-500b124a]{color:var(--b-dropdown-default-textbox-disabled-icon-color)}.b-dropdown-default-textbox--readonly[data-v-500b124a],.b-dropdown-default-textbox--readonly>*[data-v-500b124a]{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-500b124a],.b-dropdown-default-textbox--readonly>* .b-dropdown-default-textbox__chevron[data-v-500b124a]{color:var(--b-dropdown-default-textbox-readonly-icon-color)}.b-dropdown-default-textbox--readonly[data-v-500b124a] .b-dropdown-base-textbox__additional-items,.b-dropdown-default-textbox--readonly>*[data-v-500b124a] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-readonly-background-color)}.b-dropdown-default-textbox--error[data-v-500b124a]{border:var(--b-dropdown-default-textbox-error-border)}.b-dropdown-default-textbox--error:focus-within.b-dropdown-default-textbox[data-v-500b124a],.b-dropdown-default-textbox--error:focus-visible.b-dropdown-default-textbox[data-v-500b124a]{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)}

package/dist/assets/dropdown.css

@@ -1 +1 @@
-.b-dropdown-options-container[data-v-43a2b24f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-43a2b24f],.b-dropdown-options-container[data-v-43a2b24f]:before,.b-dropdown-options-container[data-v-43a2b24f]:after{box-sizing:border-box}.b-dropdown-options-container__listbox[data-v-43a2b24f]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;margin-top:var(--b-dropdown-options-container-margin-top);max-height:300px}.b-dropdown-options-container__listbox--single[data-v-43a2b24f]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow)}.b-dropdown-options-container__listbox--small[data-v-43a2b24f]{width:100px}svg[data-v-18645fe6]{display:inline-flex;flex-shrink:0}svg[data-v-18645fe6],svg *[data-v-18645fe6]{fill:currentcolor}svg[data-v-6f20d431]{display:inline-flex;flex-shrink:0}svg[data-v-6f20d431],svg *[data-v-6f20d431]{fill:currentcolor}.b-dropdown-small-textbox[data-v-125f949e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-125f949e],.b-dropdown-small-textbox[data-v-125f949e]:before,.b-dropdown-small-textbox[data-v-125f949e]:after{box-sizing:border-box}.b-legacy-theme .b-dropdown-small-textbox[data-v-125f949e]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-125f949e]{background-color:var(--b-dropdown-small-textbox-background-color);height:100%;padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-125f949e] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-125f949e] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-125f949e]:focus-within,.b-dropdown-small-textbox[data-v-125f949e]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-125f949e]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-125f949e]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-125f949e]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-125f949e]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-125f949e],.b-dropdown-small-textbox--disabled>*[data-v-125f949e]{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-125f949e],.b-dropdown-small-textbox--readonly>*[data-v-125f949e]{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-125f949e],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-125f949e]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-125f949e]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-354801b6]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-354801b6],.b-dropdown[data-v-354801b6]:before,.b-dropdown[data-v-354801b6]:after{box-sizing:border-box}.b-dropdown *[data-v-354801b6],.b-dropdown *[data-v-354801b6]:before,.b-dropdown *[data-v-354801b6]:after{box-sizing:border-box}.b-dropdown__label[data-v-354801b6]{margin-bottom:var(--b-dropdown-label-margin-bottom)}.b-dropdown__label-requirement[data-v-354801b6]{color:var(--b-dropdown-label-color)}.b-dropdown__description[data-v-354801b6]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-354801b6]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-354801b6]{margin-top:var(--b-dropdown-error-message-margin-top)}
+.b-dropdown-options-container[data-v-ad36a254]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-ad36a254],.b-dropdown-options-container[data-v-ad36a254]:before,.b-dropdown-options-container[data-v-ad36a254]:after{box-sizing:border-box}.b-dropdown-options-container__listbox[data-v-ad36a254]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;margin-top:var(--b-dropdown-options-container-margin-top);max-height:300px}.b-dropdown-options-container__listbox--single[data-v-ad36a254]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow)}.b-dropdown-options-container__listbox--small[data-v-ad36a254]{width:100px}svg[data-v-18645fe6]{display:inline-flex;flex-shrink:0}svg[data-v-18645fe6],svg *[data-v-18645fe6]{fill:currentcolor}svg[data-v-6f20d431]{display:inline-flex;flex-shrink:0}svg[data-v-6f20d431],svg *[data-v-6f20d431]{fill:currentcolor}.b-dropdown-small-textbox[data-v-125f949e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-125f949e],.b-dropdown-small-textbox[data-v-125f949e]:before,.b-dropdown-small-textbox[data-v-125f949e]:after{box-sizing:border-box}.b-legacy-theme .b-dropdown-small-textbox[data-v-125f949e]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-125f949e]{background-color:var(--b-dropdown-small-textbox-background-color);height:100%;padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-125f949e] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-125f949e] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-125f949e]:focus-within,.b-dropdown-small-textbox[data-v-125f949e]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-125f949e]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-125f949e]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-125f949e]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-125f949e]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-125f949e],.b-dropdown-small-textbox--disabled>*[data-v-125f949e]{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-125f949e],.b-dropdown-small-textbox--readonly>*[data-v-125f949e]{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-125f949e],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-125f949e]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-125f949e]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-cf54f117]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-cf54f117],.b-dropdown[data-v-cf54f117]:before,.b-dropdown[data-v-cf54f117]:after{box-sizing:border-box}.b-dropdown *[data-v-cf54f117],.b-dropdown *[data-v-cf54f117]:before,.b-dropdown *[data-v-cf54f117]:after{box-sizing:border-box}.b-dropdown__label[data-v-cf54f117]{margin-bottom:var(--b-dropdown-label-margin-bottom)}.b-dropdown__label-requirement[data-v-cf54f117]{color:var(--b-dropdown-label-color)}.b-dropdown__description[data-v-cf54f117]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-cf54f117]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-cf54f117]{margin-top:var(--b-dropdown-error-message-margin-top)}

package/dist/assets/error-message.css

@@ -1 +1 @@
-.b-error-message[data-v-6241ca23]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;color:var(--b-error-message-color);display:flex}.b-error-message[data-v-6241ca23],.b-error-message[data-v-6241ca23]:before,.b-error-message[data-v-6241ca23]:after{box-sizing:border-box}.b-error-message *[data-v-6241ca23],.b-error-message *[data-v-6241ca23]:before,.b-error-message *[data-v-6241ca23]:after{box-sizing:border-box}.b-error-message__icon[data-v-6241ca23]{align-items:center;display:flex;height:var(--b-error-message-icon-height);margin-right:var(--b-error-message-icon-margin-right)}
+.b-error-message[data-v-ae7c96d4]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;color:var(--b-error-message-color);display:flex}.b-error-message[data-v-ae7c96d4],.b-error-message[data-v-ae7c96d4]:before,.b-error-message[data-v-ae7c96d4]:after{box-sizing:border-box}.b-error-message *[data-v-ae7c96d4],.b-error-message *[data-v-ae7c96d4]:before,.b-error-message *[data-v-ae7c96d4]:after{box-sizing:border-box}.b-error-message__icon[data-v-ae7c96d4]{align-items:center;display:flex;height:var(--b-error-message-icon-height);margin-right:var(--b-error-message-icon-margin-right)}

package/dist/assets/grid-layout.css

@@ -1 +1 @@
-.b-grid-layout[data-v-baf84c3e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-flow:wrap;gap:var(--b-summary-grid-gap)}.b-grid-layout[data-v-baf84c3e],.b-grid-layout[data-v-baf84c3e]:before,.b-grid-layout[data-v-baf84c3e]:after{box-sizing:border-box}.b-grid-layout *[data-v-baf84c3e],.b-grid-layout *[data-v-baf84c3e]:before,.b-grid-layout *[data-v-baf84c3e]:after{box-sizing:border-box}.b-grid-layout--container-type-normal[data-v-baf84c3e]{container-type:normal}.b-grid-layout--container-type-size[data-v-baf84c3e]{container-type:size}.b-grid-layout__column[data-v-baf84c3e]{box-sizing:border-box;flex:1;max-width:100%;width:100%}.b-grid-layout__column--1[data-v-baf84c3e]{flex:0 0 8.3333333333%;max-width:8.3333333333%}.b-grid-layout__column--2[data-v-baf84c3e]{flex:0 0 16.6666666667%;max-width:16.6666666667%}.b-grid-layout__column--3[data-v-baf84c3e]{flex:0 0 25%;max-width:25%}.b-grid-layout__column--4[data-v-baf84c3e]{flex:0 0 33.3333333333%;max-width:33.3333333333%}.b-grid-layout__column--5[data-v-baf84c3e]{flex:0 0 41.6666666667%;max-width:41.6666666667%}.b-grid-layout__column--6[data-v-baf84c3e]{flex:0 0 50%;max-width:50%}.b-grid-layout__column--7[data-v-baf84c3e]{flex:0 0 58.3333333333%;max-width:58.3333333333%}.b-grid-layout__column--8[data-v-baf84c3e]{flex:0 0 66.6666666667%;max-width:66.6666666667%}.b-grid-layout__column--9[data-v-baf84c3e]{flex:0 0 75%;max-width:75%}.b-grid-layout__column--10[data-v-baf84c3e]{flex:0 0 83.3333333333%;max-width:83.3333333333%}.b-grid-layout__column--11[data-v-baf84c3e]{flex:0 0 91.6666666667%;max-width:91.6666666667%}.b-grid-layout__column--12[data-v-baf84c3e]{flex:0 0 100%;max-width:100%}@container (min-width: 500px){.b-grid-layout .b-grid-layout-m__column--1[data-v-baf84c3e]{flex:0 0 8.3333333333%;max-width:8.3333333333%}.b-grid-layout .b-grid-layout-m__column--2[data-v-baf84c3e]{flex:0 0 16.6666666667%;max-width:16.6666666667%}.b-grid-layout .b-grid-layout-m__column--3[data-v-baf84c3e]{flex:0 0 25%;max-width:25%}.b-grid-layout .b-grid-layout-m__column--4[data-v-baf84c3e]{flex:0 0 33.3333333333%;max-width:33.3333333333%}.b-grid-layout .b-grid-layout-m__column--5[data-v-baf84c3e]{flex:0 0 41.6666666667%;max-width:41.6666666667%}.b-grid-layout .b-grid-layout-m__column--6[data-v-baf84c3e]{flex:0 0 50%;max-width:50%}.b-grid-layout .b-grid-layout-m__column--7[data-v-baf84c3e]{flex:0 0 58.3333333333%;max-width:58.3333333333%}.b-grid-layout .b-grid-layout-m__column--8[data-v-baf84c3e]{flex:0 0 66.6666666667%;max-width:66.6666666667%}.b-grid-layout .b-grid-layout-m__column--9[data-v-baf84c3e]{flex:0 0 75%;max-width:75%}.b-grid-layout .b-grid-layout-m__column--10[data-v-baf84c3e]{flex:0 0 83.3333333333%;max-width:83.3333333333%}.b-grid-layout .b-grid-layout-m__column--11[data-v-baf84c3e]{flex:0 0 91.6666666667%;max-width:91.6666666667%}.b-grid-layout .b-grid-layout-m__column--12[data-v-baf84c3e]{flex:0 0 100%;max-width:100%}}@container (min-width: 700px){.b-grid-layout .b-grid-layout-l__column--1[data-v-baf84c3e]{flex:0 0 8.3333333333%;max-width:8.3333333333%}.b-grid-layout .b-grid-layout-l__column--2[data-v-baf84c3e]{flex:0 0 16.6666666667%;max-width:16.6666666667%}.b-grid-layout .b-grid-layout-l__column--3[data-v-baf84c3e]{flex:0 0 25%;max-width:25%}.b-grid-layout .b-grid-layout-l__column--4[data-v-baf84c3e]{flex:0 0 33.3333333333%;max-width:33.3333333333%}.b-grid-layout .b-grid-layout-l__column--5[data-v-baf84c3e]{flex:0 0 41.6666666667%;max-width:41.6666666667%}.b-grid-layout .b-grid-layout-l__column--6[data-v-baf84c3e]{flex:0 0 50%;max-width:50%}.b-grid-layout .b-grid-layout-l__column--7[data-v-baf84c3e]{flex:0 0 58.3333333333%;max-width:58.3333333333%}.b-grid-layout .b-grid-layout-l__column--8[data-v-baf84c3e]{flex:0 0 66.6666666667%;max-width:66.6666666667%}.b-grid-layout .b-grid-layout-l__column--9[data-v-baf84c3e]{flex:0 0 75%;max-width:75%}.b-grid-layout .b-grid-layout-l__column--10[data-v-baf84c3e]{flex:0 0 83.3333333333%;max-width:83.3333333333%}.b-grid-layout .b-grid-layout-l__column--11[data-v-baf84c3e]{flex:0 0 91.6666666667%;max-width:91.6666666667%}.b-grid-layout .b-grid-layout-l__column--12[data-v-baf84c3e]{flex:0 0 100%;max-width:100%}}
+.b-grid-layout[data-v-201f4661]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-flow:wrap;gap:var(--b-summary-grid-gap)}.b-grid-layout[data-v-201f4661],.b-grid-layout[data-v-201f4661]:before,.b-grid-layout[data-v-201f4661]:after{box-sizing:border-box}.b-grid-layout *[data-v-201f4661],.b-grid-layout *[data-v-201f4661]:before,.b-grid-layout *[data-v-201f4661]:after{box-sizing:border-box}.b-grid-layout--container-type-normal[data-v-201f4661]{container-type:normal}.b-grid-layout--container-type-size[data-v-201f4661]{container-type:size}.b-grid-layout__column[data-v-201f4661]{box-sizing:border-box;flex:1;max-width:100%;width:100%}.b-grid-layout__column--1[data-v-201f4661]{flex:0 0 8.3333333333%;max-width:8.3333333333%}.b-grid-layout__column--2[data-v-201f4661]{flex:0 0 16.6666666667%;max-width:16.6666666667%}.b-grid-layout__column--3[data-v-201f4661]{flex:0 0 25%;max-width:25%}.b-grid-layout__column--4[data-v-201f4661]{flex:0 0 33.3333333333%;max-width:33.3333333333%}.b-grid-layout__column--5[data-v-201f4661]{flex:0 0 41.6666666667%;max-width:41.6666666667%}.b-grid-layout__column--6[data-v-201f4661]{flex:0 0 50%;max-width:50%}.b-grid-layout__column--7[data-v-201f4661]{flex:0 0 58.3333333333%;max-width:58.3333333333%}.b-grid-layout__column--8[data-v-201f4661]{flex:0 0 66.6666666667%;max-width:66.6666666667%}.b-grid-layout__column--9[data-v-201f4661]{flex:0 0 75%;max-width:75%}.b-grid-layout__column--10[data-v-201f4661]{flex:0 0 83.3333333333%;max-width:83.3333333333%}.b-grid-layout__column--11[data-v-201f4661]{flex:0 0 91.6666666667%;max-width:91.6666666667%}.b-grid-layout__column--12[data-v-201f4661]{flex:0 0 100%;max-width:100%}@container (min-width: 500px){.b-grid-layout .b-grid-layout-m__column--1[data-v-201f4661]{flex:0 0 8.3333333333%;max-width:8.3333333333%}.b-grid-layout .b-grid-layout-m__column--2[data-v-201f4661]{flex:0 0 16.6666666667%;max-width:16.6666666667%}.b-grid-layout .b-grid-layout-m__column--3[data-v-201f4661]{flex:0 0 25%;max-width:25%}.b-grid-layout .b-grid-layout-m__column--4[data-v-201f4661]{flex:0 0 33.3333333333%;max-width:33.3333333333%}.b-grid-layout .b-grid-layout-m__column--5[data-v-201f4661]{flex:0 0 41.6666666667%;max-width:41.6666666667%}.b-grid-layout .b-grid-layout-m__column--6[data-v-201f4661]{flex:0 0 50%;max-width:50%}.b-grid-layout .b-grid-layout-m__column--7[data-v-201f4661]{flex:0 0 58.3333333333%;max-width:58.3333333333%}.b-grid-layout .b-grid-layout-m__column--8[data-v-201f4661]{flex:0 0 66.6666666667%;max-width:66.6666666667%}.b-grid-layout .b-grid-layout-m__column--9[data-v-201f4661]{flex:0 0 75%;max-width:75%}.b-grid-layout .b-grid-layout-m__column--10[data-v-201f4661]{flex:0 0 83.3333333333%;max-width:83.3333333333%}.b-grid-layout .b-grid-layout-m__column--11[data-v-201f4661]{flex:0 0 91.6666666667%;max-width:91.6666666667%}.b-grid-layout .b-grid-layout-m__column--12[data-v-201f4661]{flex:0 0 100%;max-width:100%}}@container (min-width: 700px){.b-grid-layout .b-grid-layout-l__column--1[data-v-201f4661]{flex:0 0 8.3333333333%;max-width:8.3333333333%}.b-grid-layout .b-grid-layout-l__column--2[data-v-201f4661]{flex:0 0 16.6666666667%;max-width:16.6666666667%}.b-grid-layout .b-grid-layout-l__column--3[data-v-201f4661]{flex:0 0 25%;max-width:25%}.b-grid-layout .b-grid-layout-l__column--4[data-v-201f4661]{flex:0 0 33.3333333333%;max-width:33.3333333333%}.b-grid-layout .b-grid-layout-l__column--5[data-v-201f4661]{flex:0 0 41.6666666667%;max-width:41.6666666667%}.b-grid-layout .b-grid-layout-l__column--6[data-v-201f4661]{flex:0 0 50%;max-width:50%}.b-grid-layout .b-grid-layout-l__column--7[data-v-201f4661]{flex:0 0 58.3333333333%;max-width:58.3333333333%}.b-grid-layout .b-grid-layout-l__column--8[data-v-201f4661]{flex:0 0 66.6666666667%;max-width:66.6666666667%}.b-grid-layout .b-grid-layout-l__column--9[data-v-201f4661]{flex:0 0 75%;max-width:75%}.b-grid-layout .b-grid-layout-l__column--10[data-v-201f4661]{flex:0 0 83.3333333333%;max-width:83.3333333333%}.b-grid-layout .b-grid-layout-l__column--11[data-v-201f4661]{flex:0 0 91.6666666667%;max-width:91.6666666667%}.b-grid-layout .b-grid-layout-l__column--12[data-v-201f4661]{flex:0 0 100%;max-width:100%}}

package/dist/assets/index.css

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

package/dist/assets/index10.css

@@ -1 +1 @@
-.b-status[data-v-db708a18]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-db708a18],.b-status[data-v-db708a18]:before,.b-status[data-v-db708a18]:after{box-sizing:border-box}.b-status *[data-v-db708a18],.b-status *[data-v-db708a18]:before,.b-status *[data-v-db708a18]:after{box-sizing:border-box}.b-status__indicator[data-v-db708a18]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-db708a18]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-db708a18]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-db708a18]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-db708a18]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-db708a18]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-db708a18]{background:var(--b-status-indicator-yellow-background-color)}
+.b-avatar-image[data-v-cd59ad4a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-cd59ad4a],.b-avatar-image[data-v-cd59ad4a]:before,.b-avatar-image[data-v-cd59ad4a]:after{box-sizing:border-box}.b-avatar-image *[data-v-cd59ad4a],.b-avatar-image *[data-v-cd59ad4a]:before,.b-avatar-image *[data-v-cd59ad4a]:after{box-sizing:border-box}.b-avatar-image--small[data-v-cd59ad4a]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-cd59ad4a]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-cd59ad4a]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-cd59ad4a]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-cd59ad4a]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-cd59ad4a]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-cd59ad4a]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}