@adyen/bento-vue3 1.0.0 → 1.1.0

package/dist/accordion.js

@@ -1,10 +1,10 @@
-import { defineComponent as m, computed as I, openBlock as o, createElementBlock as i, normalizeClass as p, renderSlot as d, resolveComponent as h, createElementVNode as r, createCommentVNode as a, createVNode as u, Transition as w, withCtx as S, withDirectives as C, vShow as T } from "vue";
+import { defineComponent as m, computed as E, openBlock as o, createElementBlock as i, normalizeClass as p, renderSlot as d, resolveComponent as u, createElementVNode as r, createCommentVNode as a, createVNode as h, Transition as w, withCtx as C, withDirectives as S, vShow as T } from "vue";
 import { g as A } from "./chunks/unique-id.a2a2b458.js";
 import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { C as P, a as R } from "./chunks/chevron-up.cc78e526.js";
-import "./assets/index.css";
+import { C as P, a as R } from "./chunks/chevron-down.69bedf14.js";
+import "./assets/index16.css";
 const v = Symbol("accordion injection key");
-var n = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.GHOST = "ghost", e))(n || {}), c = /* @__PURE__ */ ((e) => (e.GROUPED = "grouped", e.SEPARATE = "separate", e))(c || {}), g = /* @__PURE__ */ ((e) => (e.LEFT = "left", e))(g || {});
+var s = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.GHOST = "ghost", e))(s || {}), c = /* @__PURE__ */ ((e) => (e.GROUPED = "grouped", e.SEPARATE = "separate", e))(c || {}), g = /* @__PURE__ */ ((e) => (e.LEFT = "left", e))(g || {});
 const O = m({
   name: "adl-accordion",
   props: {
@@ -42,8 +42,8 @@ const O = m({
      */
     variant: {
       type: String,
-      default: n.PRIMARY,
-      validator: (e) => Object.values(n).includes(e)
+      default: s.PRIMARY,
+      validator: (e) => Object.values(s).includes(e)
     }
   },
   data() {
@@ -60,14 +60,14 @@ const O = m({
   computed: {
     conditionalClasses() {
       return {
-        [`ds-accordion--${n.GHOST}`]: this.variant === n.GHOST,
+        [`ds-accordion--${s.GHOST}`]: this.variant === s.GHOST,
         [`ds-accordion--${c.GROUPED}`]: this.grouped,
         [`ds-accordion--${c.SEPARATE}`]: !this.grouped
       };
     }
   },
   provide() {
-    const e = I(
+    const e = E(
       () => ({
         caretRight: this.caretRight,
         grouped: this.grouped,
@@ -89,8 +89,8 @@ const O = m({
     },
     registerItem(e = !1) {
       var l;
-      const t = this.getUniqueId, s = t();
-      return (l = this.accordion.items) == null || l.push({ id: s, opened: e }), { id: s, opened: e };
+      const t = this.getUniqueId, n = t();
+      return (l = this.accordion.items) == null || l.push({ id: n, opened: e }), { id: n, opened: e };
     },
     getItem(e) {
       return this.accordion.items.find((t) => t.id === e);
@@ -99,7 +99,7 @@ const O = m({
       if (this.accordion.simultaneouslyExpandAllTabs)
         this.accordion.items.find((t) => t.id === e).opened = !0;
       else {
-        const t = this.accordion.items.map((s) => ({ id: s.id, opened: s.id === e }));
+        const t = this.accordion.items.map((n) => ({ id: n.id, opened: n.id === e }));
         this.accordion.items = t;
       }
     },
@@ -108,7 +108,7 @@ const O = m({
     }
   }
 });
-function k(e, t, s, l, f, $) {
+function k(e, t, n, l, f, $) {
   return o(), i("div", {
     class: p(["adl2-accordion", e.conditionalClasses]),
     "data-testid": "adl-accordion"
@@ -116,7 +116,7 @@ function k(e, t, s, l, f, $) {
     d(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Q = /* @__PURE__ */ _(O, [["render", k], ["__scopeId", "data-v-ae8b8b28"]]), G = m({
+const Q = /* @__PURE__ */ _(O, [["render", k], ["__scopeId", "data-v-ae8b8b28"]]), U = m({
   name: "adl-accordion-item",
   components: { ChevronDown: P, ChevronUp: R },
   // Props attribute is required by provide/inject. Do not delete.
@@ -146,7 +146,7 @@ const Q = /* @__PURE__ */ _(O, [["render", k], ["__scopeId", "data-v-ae8b8b28"]]
     conditionalClasses() {
       return {
         [`adl-accordion-item__caret-${g.LEFT}`]: !this.accordionProvider.caretRight,
-        [`adl-accordion-item--${n.GHOST}`]: this.accordionProvider.variant === n.GHOST,
+        [`adl-accordion-item--${s.GHOST}`]: this.accordionProvider.variant === s.GHOST,
         [`adl-accordion-item--${c.GROUPED}`]: this.accordionProvider.grouped,
         [`adl-accordion-item--${c.SEPARATE}`]: !this.accordionProvider.grouped
       };
@@ -179,7 +179,7 @@ const Q = /* @__PURE__ */ _(O, [["render", k], ["__scopeId", "data-v-ae8b8b28"]]
     }
   }
 });
-const U = ["aria-expanded", "aria-controls"], B = {
+const G = ["aria-expanded", "aria-controls"], B = {
   key: 0,
   "aria-hidden": "true"
 }, D = { class: "adl-accordion-item__header--main-content" }, H = {
@@ -204,8 +204,8 @@ const U = ["aria-expanded", "aria-controls"], B = {
   class: "adl-accordion-item__caret",
   "data-testid": "accordion-item-icon-hide"
 }, Y = ["id"], F = { class: "adl-accordion-item__description" };
-function M(e, t, s, l, f, $) {
-  const y = h("chevron-up"), b = h("chevron-down");
+function M(e, t, n, l, f, $) {
+  const y = u("chevron-up"), I = u("chevron-down");
   return o(), i("div", {
     class: p(["adl-accordion-item", e.conditionalClasses]),
     "data-testid": "accordion-item"
@@ -216,7 +216,7 @@ function M(e, t, s, l, f, $) {
         "aria-expanded": `${e.showContent}`,
         "aria-controls": e.item.id,
         class: "adl-accordion-item__header",
-        onClick: t[0] || (t[0] = (...E) => e.toggle && e.toggle(...E))
+        onClick: t[0] || (t[0] = (...b) => e.toggle && e.toggle(...b))
       }, [
         e.shouldShowIcon ? (o(), i("span", B, [
           d(e.$slots, "default", {}, void 0, !0)
@@ -235,22 +235,22 @@ function M(e, t, s, l, f, $) {
           ])
         ]),
         e.showContent ? (o(), i("span", j, [
-          u(y, { "svg-title": "show accordion item" })
+          h(y, { "svg-title": "show accordion item" })
         ])) : a("", !0),
         e.showContent ? a("", !0) : (o(), i("span", q, [
-          u(b, { "svg-title": "hide accordion item" })
+          h(I, { "svg-title": "hide accordion item" })
         ]))
-      ], 8, U)
+      ], 8, G)
     ]),
-    u(w, {
+    h(w, {
       name: "adl-accordion-item",
       onEnter: e.start,
       onAfterEnter: e.end,
       onBeforeLeave: e.start,
       onAfterLeave: e.end
     }, {
-      default: S(() => [
-        C(r("div", {
+      default: C(() => [
+        S(r("div", {
           id: e.item.id,
           class: "adl-accordion-item__content"
         }, [
@@ -265,10 +265,10 @@ function M(e, t, s, l, f, $) {
     }, 8, ["onEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"])
   ], 2);
 }
-const W = /* @__PURE__ */ _(G, [["render", M], ["__scopeId", "data-v-6825b862"]]);
+const W = /* @__PURE__ */ _(U, [["render", M], ["__scopeId", "data-v-6825b862"]]);
 export {
   Q as AdlAccordion,
   W as AdlAccordionItem,
-  n as AdlAccordionVariant
+  s as AdlAccordionVariant
 };
 //# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../vue2/src/components/accordion/accordion.keys.ts","../../vue2/src/components/accordion/accordion.types.ts","../../vue2/src/components/accordion/accordion.vue","../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_INJECTION_KEY = Symbol('accordion injection key');\n","export enum AdlAccordionVariant {\n    PRIMARY = 'primary',\n    GHOST = 'ghost',\n}\n\nexport enum AdlAccordionPropClass {\n    GROUPED = 'grouped',\n    SEPARATE = 'separate',\n}\n\nexport enum AdlAccordionCaretPosition {\n    LEFT = 'left',\n}\n\nexport interface AdlAccordionItem {\n    id: string;\n    opened: boolean;\n}\n\nexport interface AdlAccordion {\n    caretRight: boolean;\n    grouped: boolean;\n    variant: AdlAccordionVariant;\n    registerItem: (opened?: boolean) => AdlAccordionItem;\n    getItem: (itemId: string) => AdlAccordionItem;\n    open: (itemId: string) => void;\n    close: (itemId: string) => void;\n}\n","<template>\n    <div class=\"adl2-accordion\" :class=\"conditionalClasses\" data-testid=\"adl-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-nocheck - Ignoring because 2.7.13 breaks the types inside data\n    import { computed, ComputedRef, defineComponent, PropType } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { ACCORDION_INJECTION_KEY } from './accordion.keys';\n    import { AdlAccordion, AdlAccordionItem, AdlAccordionPropClass, AdlAccordionVariant } from './accordion.types';\n\n    export default defineComponent({\n        name: `adl-accordion`,\n        props: {\n            /**\n             * Indicates if all accordion items can be expanded simultaneously.\n             * If this option is toggled in Storybook a refresh is required.\n             *  - true: all accordion items can be expanded at a time\n             *  - false: only one accordion item can be expanded at a time\n             */\n            simultaneouslyExpandAllTabs: {\n                type: Boolean,\n                default: true,\n            },\n            /**\n             * Grouped represents if the accordion is grouped inside a container or not\n             * - true: grouped inside a container\n             * - false: independent accordion item\n             */\n            grouped: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Indicates the position of caret in the accordion. The default is right.\n             * - true:  caret is on right\n             * - false: caret is on left\n             */\n            caretRight: {\n                type: Boolean,\n                default: true,\n            },\n            /**\n             * Variant represents accordion variant\n             * @values enum AccordionVariant\n             */\n            variant: {\n                type: String as PropType<AdlAccordionVariant>,\n                default: AdlAccordionVariant.PRIMARY,\n                validator: (value: AdlAccordionVariant) => Object.values(AdlAccordionVariant).includes(value),\n            },\n        },\n        data() {\n            return {\n                accordion: {\n                    items: [],\n                    simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,\n                    variant: this.variant,\n                    grouped: this.grouped,\n                    caretRight: this.caretRight,\n                },\n            };\n        },\n        computed: {\n            conditionalClasses(): { [x: string]: boolean } {\n                return {\n                    [`ds-accordion--${AdlAccordionVariant.GHOST}`]: this.variant === AdlAccordionVariant.GHOST,\n                    [`ds-accordion--${AdlAccordionPropClass.GROUPED}`]: this.grouped,\n                    [`ds-accordion--${AdlAccordionPropClass.SEPARATE}`]: !this.grouped,\n                };\n            },\n        },\n        provide() {\n            const accordion: ComputedRef<AdlAccordion> = computed<AdlAccordion>(\n                () =>\n                    ({\n                        caretRight: this.caretRight,\n                        grouped: this.grouped,\n                        variant: this.variant,\n                        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,\n                        registerItem: this.registerItem,\n                        getItem: this.getItem,\n                        open: this.open,\n                        close: this.close,\n                    } as AdlAccordion)\n            );\n            return {\n                [ACCORDION_INJECTION_KEY]: accordion,\n            };\n        },\n        methods: {\n            getUniqueId(): string {\n                return generateUid('accordion-item');\n            },\n            registerItem(opened = false): AdlAccordionItem {\n                // TODO: the casting below has been done due to Vue 2.7 making all method types return as type unknown\n                const getUniqueId = this.getUniqueId as () => string;\n                const itemId = getUniqueId();\n                this.accordion.items?.push({ id: itemId, opened });\n                return { id: itemId, opened };\n            },\n            getItem(itemId: string): AdlAccordionItem {\n                return this.accordion.items.find(item => item.id === itemId);\n            },\n            open(itemId: string): void {\n                if (this.accordion.simultaneouslyExpandAllTabs) {\n                    this.accordion.items.find(item => item.id === itemId).opened = true;\n                } else {\n                    const newItems = this.accordion.items.map(item => ({ id: item.id, opened: item.id === itemId }));\n                    this.accordion.items = newItems;\n                }\n            },\n            close(itemId: string): void {\n                this.accordion.items.find(item => item.id === itemId).opened = false;\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"adl-accordion-item\" :class=\"conditionalClasses\" data-testid=\"accordion-item\">\n        <!-- TODO: decide what kind of heading level to assign! -->\n        <h2>\n            <button\n                type=\"button\"\n                :aria-expanded=\"`${showContent}`\"\n                :aria-controls=\"item.id\"\n                class=\"adl-accordion-item__header\"\n                @click=\"toggle\"\n            >\n                <span v-if=\"shouldShowIcon\" aria-hidden=\"true\">\n                    <slot />\n                </span>\n                <span class=\"adl-accordion-item__header--main-content\">\n                    <div\n                        v-if=\"shouldShowPicture\"\n                        aria-hidden=\"true\"\n                        class=\"adl-accordion-item__picture\"\n                        data-testid=\"adl-accordion-item-picture\"\n                    >\n                        <slot name=\"picture\" />\n                    </div>\n                    <div>\n                        <div v-if=\"shouldShowTitle\" class=\"adl-accordion-item__title\">\n                            <slot name=\"title\" />\n                        </div>\n                        <div v-if=\"shouldShowSubtitle\" class=\"adl-accordion-item__subtitle\">\n                            <slot name=\"subtitle\" />\n                        </div>\n                    </div>\n                </span>\n                <span\n                    v-if=\"showContent\"\n                    aria-hidden=\"true\"\n                    class=\"adl-accordion-item__caret\"\n                    data-testid=\"accordion-item-icon-show\"\n                >\n                    <chevron-up svg-title=\"show accordion item\" />\n                </span>\n                <span\n                    v-if=\"!showContent\"\n                    aria-hidden=\"true\"\n                    class=\"adl-accordion-item__caret\"\n                    data-testid=\"accordion-item-icon-hide\"\n                >\n                    <chevron-down svg-title=\"hide accordion item\" />\n                </span>\n            </button>\n        </h2>\n        <transition\n            name=\"adl-accordion-item\"\n            @enter=\"start\"\n            @after-enter=\"end\"\n            @before-leave=\"start\"\n            @after-leave=\"end\"\n        >\n            <div v-show=\"showContent\" :id=\"item.id\" class=\"adl-accordion-item__content\">\n                <div class=\"adl-accordion-item__description\">\n                    <slot name=\"content\" />\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        AdlAccordion,\n        AdlAccordionCaretPosition,\n        AdlAccordionPropClass,\n        AdlAccordionVariant,\n    } from '../accordion.types';\n    import { ACCORDION_INJECTION_KEY } from '../accordion.keys';\n    import ChevronUp from '@adyen/ui-assets-icons-16/vue/chevron-up';\n    import ChevronDown from '@adyen/ui-assets-icons-16/vue/chevron-down';\n\n    export default defineComponent({\n        name: 'adl-accordion-item',\n        components: { ChevronDown, ChevronUp },\n        // Props attribute is required by provide/inject. Do not delete.\n        props: {\n            /**\n             * Injected tabs prop that contains all the required tab query methods.\n             * NOTE: This Prop defintion can be removed when the following issue is resolved:\n             * https://github.com/vuejs/vue/issues/8969\n             */\n            accordion: { type: Object as PropType<AdlAccordion>, default: null },\n        },\n        inject: { accordion: { from: ACCORDION_INJECTION_KEY } },\n        data: () => ({\n            item: {\n                id: undefined,\n                opened: false,\n            },\n        }),\n        computed: {\n            accordionProvider(): AdlAccordion {\n                return this.accordion;\n            },\n            showContent(): boolean {\n                return this.accordionProvider.getItem(this.item.id)?.opened;\n            },\n            conditionalClasses(): { [key: string]: boolean } {\n                return {\n                    [`adl-accordion-item__caret-${AdlAccordionCaretPosition.LEFT}`]: !this.accordionProvider.caretRight,\n                    [`adl-accordion-item--${AdlAccordionVariant.GHOST}`]:\n                        this.accordionProvider.variant === AdlAccordionVariant.GHOST,\n                    [`adl-accordion-item--${AdlAccordionPropClass.GROUPED}`]: this.accordionProvider.grouped,\n                    [`adl-accordion-item--${AdlAccordionPropClass.SEPARATE}`]: !this.accordionProvider.grouped,\n                };\n            },\n            shouldShowIcon(): boolean {\n                return !!this.$slots.default;\n            },\n            shouldShowTitle(): boolean {\n                return !!this.$slots.title;\n            },\n            shouldShowSubtitle(): boolean {\n                return !!this.$slots.subtitle;\n            },\n            shouldShowPicture(): boolean {\n                return !!this.$slots.picture;\n            },\n        },\n        created() {\n            this.item = this.accordionProvider.registerItem();\n        },\n        methods: {\n            toggle() {\n                if (this.showContent) {\n                    this.accordionProvider.close(this.item.id);\n                } else {\n                    this.accordionProvider.open(this.item.id);\n                }\n            },\n            start(el) {\n                // eslint-disable-next-line no-param-reassign\n                el.style.height = `${el.scrollHeight}px`;\n            },\n            end(el) {\n                // eslint-disable-next-line no-param-reassign\n                el.style.height = '';\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_INJECTION_KEY","AdlAccordionVariant","AdlAccordionVariant2","AdlAccordionPropClass","AdlAccordionPropClass2","AdlAccordionCaretPosition","AdlAccordionCaretPosition2","_sfc_main$1","defineComponent","value","accordion","computed","generateUid","opened","getUniqueId","itemId","_a","item","newItems","_sfc_render$1","_ctx","_cache","$props","$setup","$data","$options","openBlock","createElementBlock","normalizeClass","_sfc_main","ChevronDown","ChevronUp","el","createElementVNode","_hoisted_2","createCommentVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","withCtx","withDirectives"],"mappings":"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"}
+{"version":3,"file":"accordion.js","sources":["../../vue2/src/components/accordion/accordion.keys.ts","../../vue2/src/components/accordion/accordion.types.ts","../../vue2/src/components/accordion/accordion.vue","../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_INJECTION_KEY = Symbol('accordion injection key');\n","export enum AdlAccordionVariant {\n    PRIMARY = 'primary',\n    GHOST = 'ghost',\n}\n\nexport enum AdlAccordionPropClass {\n    GROUPED = 'grouped',\n    SEPARATE = 'separate',\n}\n\nexport enum AdlAccordionCaretPosition {\n    LEFT = 'left',\n}\n\nexport interface AdlAccordionItem {\n    id: string;\n    opened: boolean;\n}\n\nexport interface AdlAccordion {\n    caretRight: boolean;\n    grouped: boolean;\n    variant: AdlAccordionVariant;\n    registerItem: (opened?: boolean) => AdlAccordionItem;\n    getItem: (itemId: string) => AdlAccordionItem;\n    open: (itemId: string) => void;\n    close: (itemId: string) => void;\n}\n","<template>\n    <div class=\"adl2-accordion\" :class=\"conditionalClasses\" data-testid=\"adl-accordion\">\n        <slot />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-nocheck - Ignoring because 2.7.13 breaks the types inside data\n    import { computed, ComputedRef, defineComponent, PropType } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { ACCORDION_INJECTION_KEY } from './accordion.keys';\n    import { AdlAccordion, AdlAccordionItem, AdlAccordionPropClass, AdlAccordionVariant } from './accordion.types';\n\n    export default defineComponent({\n        name: `adl-accordion`,\n        props: {\n            /**\n             * Indicates if all accordion items can be expanded simultaneously.\n             * If this option is toggled in Storybook a refresh is required.\n             *  - true: all accordion items can be expanded at a time\n             *  - false: only one accordion item can be expanded at a time\n             */\n            simultaneouslyExpandAllTabs: {\n                type: Boolean,\n                default: true,\n            },\n            /**\n             * Grouped represents if the accordion is grouped inside a container or not\n             * - true: grouped inside a container\n             * - false: independent accordion item\n             */\n            grouped: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Indicates the position of caret in the accordion. The default is right.\n             * - true:  caret is on right\n             * - false: caret is on left\n             */\n            caretRight: {\n                type: Boolean,\n                default: true,\n            },\n            /**\n             * Variant represents accordion variant\n             * @values enum AccordionVariant\n             */\n            variant: {\n                type: String as PropType<AdlAccordionVariant>,\n                default: AdlAccordionVariant.PRIMARY,\n                validator: (value: AdlAccordionVariant) => Object.values(AdlAccordionVariant).includes(value),\n            },\n        },\n        data() {\n            return {\n                accordion: {\n                    items: [],\n                    simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,\n                    variant: this.variant,\n                    grouped: this.grouped,\n                    caretRight: this.caretRight,\n                },\n            };\n        },\n        computed: {\n            conditionalClasses(): { [x: string]: boolean } {\n                return {\n                    [`ds-accordion--${AdlAccordionVariant.GHOST}`]: this.variant === AdlAccordionVariant.GHOST,\n                    [`ds-accordion--${AdlAccordionPropClass.GROUPED}`]: this.grouped,\n                    [`ds-accordion--${AdlAccordionPropClass.SEPARATE}`]: !this.grouped,\n                };\n            },\n        },\n        provide() {\n            const accordion: ComputedRef<AdlAccordion> = computed<AdlAccordion>(\n                () =>\n                    ({\n                        caretRight: this.caretRight,\n                        grouped: this.grouped,\n                        variant: this.variant,\n                        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,\n                        registerItem: this.registerItem,\n                        getItem: this.getItem,\n                        open: this.open,\n                        close: this.close,\n                    } as AdlAccordion)\n            );\n            return {\n                [ACCORDION_INJECTION_KEY]: accordion,\n            };\n        },\n        methods: {\n            getUniqueId(): string {\n                return generateUid('accordion-item');\n            },\n            registerItem(opened = false): AdlAccordionItem {\n                // TODO: the casting below has been done due to Vue 2.7 making all method types return as type unknown\n                const getUniqueId = this.getUniqueId as () => string;\n                const itemId = getUniqueId();\n                this.accordion.items?.push({ id: itemId, opened });\n                return { id: itemId, opened };\n            },\n            getItem(itemId: string): AdlAccordionItem {\n                return this.accordion.items.find(item => item.id === itemId);\n            },\n            open(itemId: string): void {\n                if (this.accordion.simultaneouslyExpandAllTabs) {\n                    this.accordion.items.find(item => item.id === itemId).opened = true;\n                } else {\n                    const newItems = this.accordion.items.map(item => ({ id: item.id, opened: item.id === itemId }));\n                    this.accordion.items = newItems;\n                }\n            },\n            close(itemId: string): void {\n                this.accordion.items.find(item => item.id === itemId).opened = false;\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n    <div class=\"adl-accordion-item\" :class=\"conditionalClasses\" data-testid=\"accordion-item\">\n        <!-- TODO: decide what kind of heading level to assign! -->\n        <h2>\n            <button\n                type=\"button\"\n                :aria-expanded=\"`${showContent}`\"\n                :aria-controls=\"item.id\"\n                class=\"adl-accordion-item__header\"\n                @click=\"toggle\"\n            >\n                <span v-if=\"shouldShowIcon\" aria-hidden=\"true\">\n                    <slot />\n                </span>\n                <span class=\"adl-accordion-item__header--main-content\">\n                    <div\n                        v-if=\"shouldShowPicture\"\n                        aria-hidden=\"true\"\n                        class=\"adl-accordion-item__picture\"\n                        data-testid=\"adl-accordion-item-picture\"\n                    >\n                        <slot name=\"picture\" />\n                    </div>\n                    <div>\n                        <div v-if=\"shouldShowTitle\" class=\"adl-accordion-item__title\">\n                            <slot name=\"title\" />\n                        </div>\n                        <div v-if=\"shouldShowSubtitle\" class=\"adl-accordion-item__subtitle\">\n                            <slot name=\"subtitle\" />\n                        </div>\n                    </div>\n                </span>\n                <span\n                    v-if=\"showContent\"\n                    aria-hidden=\"true\"\n                    class=\"adl-accordion-item__caret\"\n                    data-testid=\"accordion-item-icon-show\"\n                >\n                    <chevron-up svg-title=\"show accordion item\" />\n                </span>\n                <span\n                    v-if=\"!showContent\"\n                    aria-hidden=\"true\"\n                    class=\"adl-accordion-item__caret\"\n                    data-testid=\"accordion-item-icon-hide\"\n                >\n                    <chevron-down svg-title=\"hide accordion item\" />\n                </span>\n            </button>\n        </h2>\n        <transition\n            name=\"adl-accordion-item\"\n            @enter=\"start\"\n            @after-enter=\"end\"\n            @before-leave=\"start\"\n            @after-leave=\"end\"\n        >\n            <div v-show=\"showContent\" :id=\"item.id\" class=\"adl-accordion-item__content\">\n                <div class=\"adl-accordion-item__description\">\n                    <slot name=\"content\" />\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        AdlAccordion,\n        AdlAccordionCaretPosition,\n        AdlAccordionPropClass,\n        AdlAccordionVariant,\n    } from '../accordion.types';\n    import { ACCORDION_INJECTION_KEY } from '../accordion.keys';\n    import ChevronUp from '@adyen/ui-assets-icons-16/vue/chevron-up';\n    import ChevronDown from '@adyen/ui-assets-icons-16/vue/chevron-down';\n\n    export default defineComponent({\n        name: 'adl-accordion-item',\n        components: { ChevronDown, ChevronUp },\n        // Props attribute is required by provide/inject. Do not delete.\n        props: {\n            /**\n             * Injected tabs prop that contains all the required tab query methods.\n             * NOTE: This Prop defintion can be removed when the following issue is resolved:\n             * https://github.com/vuejs/vue/issues/8969\n             */\n            accordion: { type: Object as PropType<AdlAccordion>, default: null },\n        },\n        inject: { accordion: { from: ACCORDION_INJECTION_KEY } },\n        data: () => ({\n            item: {\n                id: undefined,\n                opened: false,\n            },\n        }),\n        computed: {\n            accordionProvider(): AdlAccordion {\n                return this.accordion;\n            },\n            showContent(): boolean {\n                return this.accordionProvider.getItem(this.item.id)?.opened;\n            },\n            conditionalClasses(): { [key: string]: boolean } {\n                return {\n                    [`adl-accordion-item__caret-${AdlAccordionCaretPosition.LEFT}`]: !this.accordionProvider.caretRight,\n                    [`adl-accordion-item--${AdlAccordionVariant.GHOST}`]:\n                        this.accordionProvider.variant === AdlAccordionVariant.GHOST,\n                    [`adl-accordion-item--${AdlAccordionPropClass.GROUPED}`]: this.accordionProvider.grouped,\n                    [`adl-accordion-item--${AdlAccordionPropClass.SEPARATE}`]: !this.accordionProvider.grouped,\n                };\n            },\n            shouldShowIcon(): boolean {\n                return !!this.$slots.default;\n            },\n            shouldShowTitle(): boolean {\n                return !!this.$slots.title;\n            },\n            shouldShowSubtitle(): boolean {\n                return !!this.$slots.subtitle;\n            },\n            shouldShowPicture(): boolean {\n                return !!this.$slots.picture;\n            },\n        },\n        created() {\n            this.item = this.accordionProvider.registerItem();\n        },\n        methods: {\n            toggle() {\n                if (this.showContent) {\n                    this.accordionProvider.close(this.item.id);\n                } else {\n                    this.accordionProvider.open(this.item.id);\n                }\n            },\n            start(el) {\n                // eslint-disable-next-line no-param-reassign\n                el.style.height = `${el.scrollHeight}px`;\n            },\n            end(el) {\n                // eslint-disable-next-line no-param-reassign\n                el.style.height = '';\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_INJECTION_KEY","AdlAccordionVariant","AdlAccordionVariant2","AdlAccordionPropClass","AdlAccordionPropClass2","AdlAccordionCaretPosition","AdlAccordionCaretPosition2","_sfc_main$1","defineComponent","value","accordion","computed","generateUid","opened","getUniqueId","itemId","_a","item","newItems","_sfc_render$1","_ctx","_cache","$props","$setup","$data","$options","openBlock","createElementBlock","normalizeClass","_sfc_main","ChevronDownIcon","ChevronUpIcon","el","createElementVNode","_hoisted_2","createCommentVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","withCtx","withDirectives"],"mappings":"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"}

package/dist/alert.js

@@ -1,20 +1,20 @@
-import { openBlock as o, createElementBlock as C, mergeProps as w, toDisplayString as R, createCommentVNode as r, pushScopeId as A, popScopeId as G, createElementVNode as d, defineComponent as D, computed as n, onMounted as N, resolveComponent as g, normalizeClass as P, createBlock as c, resolveDynamicComponent as U, withCtx as f, renderSlot as v, createVNode as M } from "vue";
-import { B as W, a as F } from "./chunks/button.51be5335.js";
-import { B as O, c as S, a as I } from "./chunks/index.1d501e31.js";
-import { C as Y, I as T } from "./chunks/info-filled.514a2db6.js";
-import { _ as k } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { C as b } from "./chunks/cross-circle-fill.0feb37b3.js";
+import { openBlock as o, createElementBlock as C, mergeProps as w, toDisplayString as R, createCommentVNode as r, pushScopeId as G, popScopeId as A, createElementVNode as d, defineComponent as D, computed as n, onMounted as N, resolveComponent as g, normalizeClass as P, createBlock as c, resolveDynamicComponent as U, withCtx as v, renderSlot as f, createVNode as M } from "vue";
+import { B as W, a as F } from "./chunks/button.4ccc3a72.js";
+import { B as O, a as b, b as I } from "./chunks/index.92f7d550.js";
+import { C as Y, I as S } from "./chunks/info-filled.514a2db6.js";
+import { _ as H } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { C as T } from "./chunks/cross-circle-fill.0feb37b3.js";
 import { C as $ } from "./chunks/checkmark-circle-fill.e6b84561.js";
-import { h as Z } from "./chunks/hasSlot.dceac207.js";
-import { u as q } from "./chunks/i18n.3619d46c.js";
-import "./assets/index4.css";
+import { u as Z } from "./chunks/use-has-slot.068222e6.js";
+import { u as q } from "./chunks/i18n.6c402773.js";
+import "./assets/index.css";
 var p = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.TIP = "tip", t))(p || {}), e = /* @__PURE__ */ ((t) => (t.WARNING = "warning", t.CRITICAL = "critical", t.HIGHLIGHT = "highlight", t.SUCCESS = "success", t))(e || {}), y = /* @__PURE__ */ ((t) => (t.CLOSE_ALERT = "close-alert", t))(y || {});
 let B = 0;
 const z = {
   beforeCreate() {
     this.uuid = B.toString(), B += 1;
   }
-}, j = (t) => (A("data-v-1b1bf797"), t = t(), G(), t), J = { key: 0 }, K = /* @__PURE__ */ j(() => /* @__PURE__ */ d("path", {
+}, j = (t) => (G("data-v-1b1bf797"), t = t(), A(), t), J = { key: 0 }, K = /* @__PURE__ */ j(() => /* @__PURE__ */ d("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",
@@ -31,7 +31,7 @@ function Q(t, s, u, i, a, _) {
     K
   ], 16);
 }
-const E = /* @__PURE__ */ k(z, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]), L = {
+const E = /* @__PURE__ */ H(z, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]), L = {
   "en-US": {
     highlightIcon: "Highlight icon",
     successIcon: "Success icon",
@@ -42,8 +42,7 @@ const E = /* @__PURE__ */ k(z, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]
 }, X = D({
   i18n: { messages: L },
   name: "bento-alert",
-  components: { CrossSmall: Y, BentoButton: W, Warning: E, CrossCircle: b, CheckedCircle: $, Info: T, BentoTypography: O },
-  inheritAttrs: !1,
+  components: { CrossSmall: Y, BentoButton: W, Warning: E, CrossCircle: T, CheckedCircle: $, Info: S, BentoTypography: O },
   props: {
     /**
      * Adds a close button on the right side of the alert
@@ -77,20 +76,20 @@ const E = /* @__PURE__ */ k(z, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]
     })), l = n(() => i(`${t.type}Icon`)), m = n(() => {
       switch (t.type) {
         case e.CRITICAL:
-          return b;
+          return T;
         case e.SUCCESS:
           return $;
         case e.WARNING:
           return E;
         case e.HIGHLIGHT:
         default:
-          return T;
+          return S;
       }
     }), h = n(() => ({
-      el: S.DIV,
+      el: b.DIV,
       variant: a.value ? I.CAPTION : I.BODY,
       wide: !0
-    })), H = n(() => t.type === e.HIGHLIGHT ? "status" : "alert"), V = () => {
+    })), k = n(() => t.type === e.HIGHLIGHT ? "status" : "alert"), V = () => {
       u(y.CLOSE_ALERT);
     };
     return N(() => {
@@ -99,7 +98,7 @@ const E = /* @__PURE__ */ k(z, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]
     }), {
       // Values
       alertConditionalClasses: _,
-      computedRole: H,
+      computedRole: k,
       descriptionTypography: h,
       iconComponent: m,
       iconSvgTitle: l,
@@ -112,7 +111,7 @@ const E = /* @__PURE__ */ k(z, [["render", Q], ["__scopeId", "data-v-1b1bf797"]]
       BentoButtonVariant: F,
       BentoAlertTypeOption: e,
       BentoTypographyVariant: I,
-      BentoTypographyElement: S
+      BentoTypographyElement: b
     };
   }
 });
@@ -145,8 +144,8 @@ function nt(t, s, u, i, a, _) {
           strongest: "",
           wide: ""
         }, {
-          default: f(() => [
-            v(t.$slots, "default", {}, void 0, !0)
+          default: v(() => [
+            f(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["el", "variant"])) : r("", !0),
@@ -154,13 +153,13 @@ function nt(t, s, u, i, a, _) {
           key: 1,
           class: "b-alert__description"
         }, t.descriptionTypography, { "data-testid": "alert-description" }), {
-          default: f(() => [
-            v(t.$slots, "description", {}, void 0, !0)
+          default: v(() => [
+            f(t.$slots, "description", {}, void 0, !0)
           ]),
           _: 3
         }, 16)) : r("", !0),
         t.hasSlot("actions") && !t.isTipVariant ? (o(), C("div", ot, [
-          v(t.$slots, "actions", {}, void 0, !0)
+          f(t.$slots, "actions", {}, void 0, !0)
         ])) : r("", !0)
       ]),
       t.closeButton && !t.isTipVariant ? (o(), c(h, {
@@ -170,7 +169,7 @@ function nt(t, s, u, i, a, _) {
         type: "button",
         onClick: t.onCloseButtonClick
       }, {
-        default: f(() => [
+        default: v(() => [
           M(m, {
             "svg-title": t.t("close")
           }, null, 8, ["svg-title"])
@@ -180,7 +179,7 @@ function nt(t, s, u, i, a, _) {
     ], 2)
   ], 8, x);
 }
-const ut = /* @__PURE__ */ k(X, [["render", nt], ["__scopeId", "data-v-d99e768d"]]);
+const ut = /* @__PURE__ */ H(X, [["render", nt], ["__scopeId", "data-v-3ea72134"]]);
 export {
   ut as BentoAlert,
   y as BentoAlertEvent,

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../vue2/src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../../vue2/src/components/alert/alert.vue"],"sourcesContent":["export enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M15.349 11.5376L9.99897 2.19758C9.79966 1.85738 9.51482 1.57524 9.17274 1.37919C8.83066 1.18314 8.44325 1.07999 8.04897 1.07999C7.65469 1.07999 7.26727 1.18314 6.92519 1.37919C6.58311 1.57524 6.29827 1.85738 6.09897 2.19758L0.648967 11.5376C0.450427 11.8833 0.347305 12.2755 0.350155 12.6742C0.353005 13.0728 0.461725 13.4636 0.665188 13.8064C0.868651 14.1493 1.15955 14.4319 1.50812 14.6254C1.85668 14.8188 2.2504 14.9162 2.64897 14.9076H13.399C13.7933 14.9073 14.1807 14.8034 14.5222 14.6063C14.8638 14.4092 15.1475 14.1258 15.345 13.7845C15.5425 13.4431 15.6468 13.0559 15.6475 12.6615C15.6482 12.2672 15.5453 11.8796 15.349 11.5376ZM7.24897 5.32758C7.24897 5.12866 7.32798 4.9379 7.46864 4.79725C7.60929 4.65659 7.80006 4.57758 7.99897 4.57758C8.19788 4.57758 8.38864 4.65659 8.5293 4.79725C8.66995 4.9379 8.74897 5.12866 8.74897 5.32758V8.32758C8.74897 8.52649 8.66995 8.71725 8.5293 8.85791C8.38864 8.99856 8.19788 9.07758 7.99897 9.07758C7.80006 9.07758 7.60929 8.99856 7.46864 8.85791C7.32798 8.71725 7.24897 8.52649 7.24897 8.32758V5.32758ZM7.99897 12.3276C7.80119 12.3276 7.60785 12.2689 7.4434 12.159C7.27895 12.0492 7.15077 11.893 7.07509 11.7103C6.9994 11.5275 6.9796 11.3265 7.01818 11.1325C7.05677 10.9385 7.15201 10.7603 7.29186 10.6205C7.43171 10.4806 7.6099 10.3854 7.80388 10.3468C7.99786 10.3082 8.19893 10.328 8.38165 10.4037C8.56438 10.4794 8.72056 10.6076 8.83044 10.772C8.94032 10.9365 8.99897 11.1298 8.99897 11.3276C8.99897 11.5928 8.89361 11.8471 8.70607 12.0347C8.51854 12.2222 8.26418 12.3276 7.99897 12.3276Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    :el=\"BentoTypographyElement.DIV\"\n                    :variant=\"BentoTypographyVariant.BODY\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                :variant=\"BentoButtonVariant.TERTIARY\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoButtonVariant } from '@/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","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_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","_hoisted_1","createBlock","resolveDynamicComponent","_component_bento_typography","createCommentVNode","withCtx","_hoisted_4","createVNode","_component_cross_small"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"alert.js","sources":["../../vue2/src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../../vue2/src/components/alert/alert.vue"],"sourcesContent":["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","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_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","_hoisted_1","createBlock","resolveDynamicComponent","_component_bento_typography","createCommentVNode","withCtx","_hoisted_4","createVNode","_component_cross_small"],"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;ACPR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARuK,MAAA;AAAA,EAAe,aAAA;AAAA,EAAoB,GAAA;AAAA,EAAugD,aAAA;;;AAAztD,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;GCmFtGG,IAAAC,EAAA;AAAA,EAA+B,MAAA,EAAA,UAAAC,EAAA;AAAA,EACV,MAAA;AAAA,EACX,YAAA,EAAA,YAAAC,GAAA,aAAAC,GAAA,SAAAC,GAAA,aAAAC,GAAA,eAAAC,GAAA,MAAAC,GAAA,iBAAAC,EAAA;AAAA,EAC4F,OAAA;AAAA;AAAA;AAAA;AAAA,IAC3F,aAAA;AAAA,MAIU,MAAA;AAAA,MACH,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,MAAA;AAAA,MAKM,MAAA;AAAA,MACI,SAAApB,EAAA;AAAA,IACwB;AAAA;AAAA;AAAA;AAAA;AAAA,IAClC,SAAA;AAAA,MAKS,MAAA;AAAA,MACC,SAAAF,EAAA;AAAA,IACqB;AAAA,EAC/B;AAAA,EACJ,OAAA,CAAAI,EAAA,WAAA;AAAA,EACmC,MAAAmB,GAAA,EAAA,OAAAC,GAAA,MAAAC,EAAA,GAAA;AAE/B,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAZ,EAAA,CAAA,GAEAa,IAAAC,EAAA,MAAAN,EAAA,YAAAvB,EAAA,GAAA,GAEA8B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAN,EAAA,MAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAvB,EAAA,KAAA,GAAA4B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAH,EAAA,UAAA,CAAA,GAEAS,IAAAH,EAAA,MAAA;AACI,cAAAN,EAAA,MAAA;AAAA,QAAoB,KAAArB,EAAA;AAEZ,iBAAAiB;AAAA,QAAO,KAAAjB,EAAA;AAEP,iBAAAkB;AAAA,QAAO,KAAAlB,EAAA;AAEP,iBAAAgB;AAAA,QAAO,KAAAhB,EAAA;AAAA,QACe;AAEtB,iBAAAmB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJY,IAAAJ,EAAA,OAAA;AAAA,MAA8C,IAAAK,EAAA;AAAA,MACf,SAAAN,EAAA,QAAAO,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAP,EAAA,MAAAN,EAAA,SAAArB,EAAA,YAAA,WAAA,OAAA,GAEAmC,IAAA,MAAA;AACI,MAAAZ,EAAArB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAkC,EAAA,MAAA;AACI,UAAA,CAAAd,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA,GAGJ;AAAA;AAAA,MAAO,yBAAAM;AAAA,MAEH,cAAAM;AAAA,MACA,uBAAAH;AAAA,MACA,eAAAD;AAAA,MACA,cAAAD;AAAA,MACA,cAAAH;AAAA;AAAA,MACA,oBAAAS;AAAA,MAGA,SAAAE,EAAAf,CAAA;AAAA,MACyB,GAAAE;AAAA;AAAA,MACzB,oBAAAc;AAAA,MAGA,sBAAAtC;AAAA,MACA,wBAAAiC;AAAA,MACA,wBAAAD;AAAA,IACA;AAAA,EACJ;AAER,CAAA;AA7KkB,MAAAO,IAAA,CAAA,MAAA;EAqBgD,KAAA;AAAA,EAAmB,OAAA;AAAA;;;;;IA3B7C,OAAA;AAAA,IACpC,MAAA/B,EAAA;AAAA,EAAA,GAAA;AAAA;;IAGU,GAAA;AAAA;SAD+CH,EAAA,GAAAmC,EAAAC,EAAAjC,EAAA,aAAA,GAAA;AAAA,UAAyB,eAAA;AAAA;QAG9E,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA;AAAA,MAAA,CAAA;AAAA;QAUuBA,EAAA,QAAA,SAAA,KAAA,CAAAA,EAAA,gBAAAH,EAAA,GAAAmC,EAAAE,GAAA;AAAA,UAPO,KAAA;AAAA,UACjB,OAAA;AAAA,UACG,IAAAlC,EAAA,uBAAA;AAAA,UACC,SAAAA,EAAA,uBAAA;AAAA,UACL,WAAA;AAAA;;;;;;QAME,GAAA,GAAA,CAAA,MAAA,SAAA,CAAA,KAAAmC,EAAA,IAAA,EAAA;AAAA,QAMSnC,EAAA,QAAA,aAAA,KAAAH,EAAA,GAAAmC,EAAAE,GAAAnC,EAAA;AAAA,UALa,KAAA;AAAA,UACpB,OAAA;AAAA;UAGmB,SAAAqC,EAAA,MAAA;AAAA;;;;QAG/BpC,EAAA,QAAA,SAAA,KAAA,CAAAA,EAAA,gBAAAH,EAAA,GAAAC,EAAA,OAAAuC,IAAA;AAAA;;MAMsB,CAAA;AAAA;QACO,KAAA;AAAA,QAC5B,OAAA;AAAA,QACI,SAAArC,EAAA,mBAAA;AAAA,QACqB,MAAA;AAAA;;QAEZ,SAAAoC,EAAA,MAAA;AAAA,UAAYE,EAAAC,GAAA;AAAA;;;;;;;;;","x_google_ignoreList":[1]}

package/dist/assets/base-button.css

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

package/dist/assets/button-actions.css

@@ -1 +1 @@
-.b-button-actions[data-v-00a9b913]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-00a9b913]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-00a9b913]{width:100%}@container (min-width: 250px){.b-button-actions--buttons-start[data-v-00a9b913]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-00a9b913]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:end}.b-button-actions--fill-container[data-v-00a9b913]{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-00a9b913]{flex-direction:unset;justify-content:space-between}}
+.b-button-actions[data-v-11344fa3]{container-type:inline-size;flex-grow:1}.b-button-actions__container-wrapper[data-v-11344fa3]{display:flex;flex-direction:column;gap:var(--b-button-actions-vertical-stack-row-gap)}.b-button-actions__button-wrapper>*[data-v-11344fa3]{width:100%}@container (min-width: 250px){.b-button-actions--buttons-start[data-v-11344fa3]{flex-direction:row;justify-content:start}.b-button-actions--buttons-end[data-v-11344fa3]{column-gap:var(--b-button-actions-buttons-end-column-gap);flex-direction:row;justify-content:end}.b-button-actions--fill-container[data-v-11344fa3]{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-11344fa3]{flex-direction:unset;justify-content:space-between}}

package/dist/assets/button.css

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

package/dist/assets/calendar.css

@@ -1 +1 @@
-.b-calendar-month-day[data-v-0c587d30]{-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-0c587d30],.b-calendar-month-day[data-v-0c587d30]:before,.b-calendar-month-day[data-v-0c587d30]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-0c587d30],.b-calendar-month-day *[data-v-0c587d30]:before,.b-calendar-month-day *[data-v-0c587d30]:after{box-sizing:border-box}.b-legacy-theme .b-calendar-month-day[data-v-0c587d30] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-0c587d30]: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-0c587d30]: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-0c587d30]: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-0c587d30]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-0c587d30]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-0c587d30]: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-0c587d30]: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-0c587d30]: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-0c587d30]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-0c587d30]{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-0c587d30]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-0c587d30]{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-0c587d30],.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-0c587d30],.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-0c587d30]{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-0c587d30]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-0c587d30]: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-0c587d30]{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-0c587d30],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-0c587d30],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-0c587d30]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-0c587d30]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-0c587d30]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-0c587d30]{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-0c587d30]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-0c587d30]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-0c587d30]{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-0c587d30]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-d7ff4e40]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-d7ff4e40],.b-calendar-month[data-v-d7ff4e40]:before,.b-calendar-month[data-v-d7ff4e40]:after{box-sizing:border-box}.b-calendar-month *[data-v-d7ff4e40],.b-calendar-month *[data-v-d7ff4e40]:before,.b-calendar-month *[data-v-d7ff4e40]:after{box-sizing:border-box}.b-calendar-month__previous[data-v-d7ff4e40]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-d7ff4e40]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-d7ff4e40]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-d7ff4e40]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-d7ff4e40]{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-d7ff4e40]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-d7ff4e40]{margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-cce2a865]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-cce2a865],.b-calendar[data-v-cce2a865]:before,.b-calendar[data-v-cce2a865]:after{box-sizing:border-box}.b-calendar *[data-v-cce2a865],.b-calendar *[data-v-cce2a865]:before,.b-calendar *[data-v-cce2a865]:after{box-sizing:border-box}.b-calendar__range[data-v-cce2a865]{gap:var(--b-calendar-range-gap)}
+.b-calendar-month-day[data-v-aae9bd6a]{-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-aae9bd6a],.b-calendar-month-day[data-v-aae9bd6a]:before,.b-calendar-month-day[data-v-aae9bd6a]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-aae9bd6a],.b-calendar-month-day *[data-v-aae9bd6a]:before,.b-calendar-month-day *[data-v-aae9bd6a]:after{box-sizing:border-box}.b-legacy-theme .b-calendar-month-day[data-v-aae9bd6a] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-aae9bd6a]: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-aae9bd6a]: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-aae9bd6a]: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-aae9bd6a]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-aae9bd6a]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-aae9bd6a]: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-aae9bd6a]: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-aae9bd6a]: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-aae9bd6a]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-aae9bd6a]{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-aae9bd6a]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-aae9bd6a]{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-aae9bd6a],.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-aae9bd6a],.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-aae9bd6a]{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-aae9bd6a]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-aae9bd6a]: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-aae9bd6a]{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-aae9bd6a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-aae9bd6a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-aae9bd6a]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-aae9bd6a]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-aae9bd6a]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-aae9bd6a]{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-aae9bd6a]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-aae9bd6a]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-aae9bd6a]{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-aae9bd6a]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-9fbc4d15]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-9fbc4d15],.b-calendar-month[data-v-9fbc4d15]:before,.b-calendar-month[data-v-9fbc4d15]:after{box-sizing:border-box}.b-calendar-month *[data-v-9fbc4d15],.b-calendar-month *[data-v-9fbc4d15]:before,.b-calendar-month *[data-v-9fbc4d15]:after{box-sizing:border-box}.b-calendar-month__previous[data-v-9fbc4d15]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-9fbc4d15]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-9fbc4d15]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-9fbc4d15]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-9fbc4d15]{color:var(--b-calendar-month-day-of-the-week-color);padding-bottom:var(--b-calendar-month-day-of-the-week-padding-bottom)}.b-legacy-theme .b-calendar-month__day-of-week .b-calendar-month__day-of-week-font[data-v-9fbc4d15]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-9fbc4d15]{margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-321ab761]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-321ab761],.b-calendar[data-v-321ab761]:before,.b-calendar[data-v-321ab761]:after{box-sizing:border-box}.b-calendar *[data-v-321ab761],.b-calendar *[data-v-321ab761]:before,.b-calendar *[data-v-321ab761]:after{box-sizing:border-box}.b-calendar__range[data-v-321ab761]{gap:var(--b-calendar-range-gap)}

package/dist/assets/checkbox.css

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

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-f45510f3]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-f45510f3],.b-copy[data-v-f45510f3]:before,.b-copy[data-v-f45510f3]:after{box-sizing:border-box}.b-copy *[data-v-f45510f3],.b-copy *[data-v-f45510f3]:before,.b-copy *[data-v-f45510f3]:after{box-sizing:border-box}.b-copy__screen-reader-alert[data-v-f45510f3]{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-b31298fb]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-b31298fb],.b-copy[data-v-b31298fb]:before,.b-copy[data-v-b31298fb]:after{box-sizing:border-box}.b-copy *[data-v-b31298fb],.b-copy *[data-v-b31298fb]:before,.b-copy *[data-v-b31298fb]:after{box-sizing:border-box}.b-copy__screen-reader-alert[data-v-b31298fb]{border:0;clip:rect(0,0,0,0);height:0;overflow:hidden;position:absolute;width:0}