@adyen/bento-vue3 1.1.0 → 1.2.0

package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
+import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoTypographyElement, BentoTypographyVariant } from './typography.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     el: {
-        type: PropType<BentoTypographyElement>;
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
         default: BentoTypographyElement;
         validator: (value: BentoTypographyElement) => boolean;
     };
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<BentoTypographyVariant>;
+        type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
         default: BentoTypographyVariant;
         validator: (value: BentoTypographyVariant) => boolean;
     };
@@ -32,12 +32,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    conditionalClasses: import("vue").ComputedRef<{
+    conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     el: {
-        type: PropType<BentoTypographyElement>;
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
         default: BentoTypographyElement;
         validator: (value: BentoTypographyElement) => boolean;
     };
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<BentoTypographyVariant>;
+        type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
         default: BentoTypographyVariant;
         validator: (value: BentoTypographyVariant) => boolean;
     };
@@ -70,8 +70,8 @@ declare const _default: import("vue").DefineComponent<{
     wide: boolean;
     stronger: boolean;
     strongest: boolean;
-    el: BentoTypographyElement;
-    variant: BentoTypographyVariant;
+    el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement;
+    variant: "body" | "caption" | "title" | "subtitle" | BentoTypographyVariant;
     medium: boolean;
     large: boolean;
 }>;

package/dist/@types/packages/vue2/src/composables/initials.d.ts

@@ -1,3 +1,3 @@
-import { ComputedRef } from 'vue';
-import { MaybeRef } from '@/types';
+import { ComputedRef } from "../../../vue3/node_modules/vue";
+import { MaybeRef } from "../types";
 export declare const useInitials: (username: MaybeRef<string | null>) => ComputedRef<string | null>;

package/dist/@types/packages/vue2/src/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,6 +1,6 @@
-import type { ComputedRef } from 'vue';
-import type { BentoListboxMultiSelectValue, Fn } from '@/types';
-import { BentoListboxOptions } from '@/types';
+import type { ComputedRef } from "../../../../vue3/node_modules/vue";
+import type { BentoListboxMultiSelectValue, Fn } from "../../types";
+import { BentoListboxOptions } from "../../types";
 export declare const useCheckboxSelectAll: (selectedItemsList: ComputedRef<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
     isAllSelected: ComputedRef<boolean>;
     isIndeterminate: ComputedRef<boolean>;

package/dist/@types/packages/vue2/src/composables/use-has-slot/use-has-slot.d.ts

@@ -1,2 +1,2 @@
-import type { Slots } from 'vue/types/v3-setup-context';
+import type { Slots } from "../../../../vue3/node_modules/vue";
 export declare const useHasSlot: (slots: Slots) => (name: string) => boolean;

package/dist/@types/packages/vue2/src/composables/useDynamicImport.d.ts

@@ -1,2 +1,2 @@
-import { MaybeRef } from '@/types';
-export declare const useDynamicIconImport: (packageName: string, suffixSvgSrc: MaybeRef<string>, fallBackSrc: string) => import("vue").Ref<string>;
+import { MaybeRef } from "../types";
+export declare const useDynamicIconImport: (packageName: string, suffixSvgSrc: MaybeRef<string>, fallBackSrc: string) => import("../../../vue3/node_modules/vue").Ref<string>;

package/dist/@types/packages/vue2/src/directives/click-outside/directive.d.ts

@@ -1,4 +1,4 @@
-import type { DirectiveHook } from 'vue';
+import type { DirectiveHook } from "../../../../vue3/node_modules/vue";
 type Element = HTMLElement & {
     __onClickOutside_stop?: () => void;
 };

package/dist/@types/packages/vue2/src/directives/click-outside/on-click-outside.d.ts

@@ -1,3 +1,3 @@
-import type { MaybeElementRef } from '@/types';
+import type { MaybeElementRef } from "../../types";
 import type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';
 export declare function onClickOutside<T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T): () => void;

package/dist/@types/packages/vue2/src/directives/click-outside/types.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeElementRef } from '@/types';
+import type { MaybeElementRef } from "../../types";
 export interface OnClickOutsideOptions {
     ignore?: (MaybeElementRef | string)[];
     capture?: boolean;

package/dist/@types/packages/vue2/src/directives/click-outside/useEventListener/index.d.ts

@@ -1,4 +1,4 @@
-import type { Fn, MaybeComputedRef } from '@/types';
+import type { Fn, MaybeComputedRef } from "../../../types";
 import type { Arrayable, GeneralEventListener } from './types';
 export declare function useEventListener<E extends keyof WindowEventMap>(event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
 export declare function useEventListener<E extends keyof WindowEventMap>(target: Window, event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;

package/dist/@types/packages/vue2/src/directives/click-outside/utils.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeComputedElementRef, MaybeElement } from '@/types';
+import type { MaybeComputedElementRef, MaybeElement } from "../../types";
 export declare const defaultWindow: Window & typeof globalThis;
 export declare const isIOS: boolean;
 export declare function resolveUnref<T>(r: any): T;

package/dist/@types/packages/vue2/src/directives/keyboard-navigation/keyboard-navigation.d.ts

@@ -1,4 +1,4 @@
-import type { DirectiveHook } from 'vue';
+import type { DirectiveHook } from "../../../../vue3/node_modules/vue";
 export declare const BentoKeyboardNavigationDirective: {
     bind: DirectiveHook<Element>;
     unbind: DirectiveHook<Element>;

package/dist/@types/packages/vue2/src/directives/keyboard-navigation/keyboard-navigation.types.d.ts

@@ -1,4 +1,4 @@
-import { DirectiveBinding } from 'vue';
+import { DirectiveBinding } from "../../../../vue3/node_modules/vue";
 type ListenerCleanup = () => void;
 interface KeyboardNavigation {
     keyDownListener?: ListenerCleanup;

package/dist/@types/packages/vue2/src/directives/tooltip/tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { PopperContainerPositionBasic } from '@/components/popper-container';
+import { PopperContainerPositionBasic } from "../../components/popper-container";
 import type { DirectiveBinding } from 'vue/types/options';
 export declare const BentoTooltipPosition: {
     TOP: PopperContainerPositionBasic.TOP;

package/dist/@types/packages/vue2/src/install.d.ts

@@ -1,4 +1,4 @@
-import type { PluginObject } from 'vue';
+import type { PluginObject } from "../../vue3/node_modules/vue";
 export declare enum BentoTheme {
     LEGACY = "b-legacy-theme",
     STYLEGUIDE = "b-styleguide-theme",

package/dist/@types/packages/vue2/src/plugins/toastController.d.ts

@@ -1,4 +1,4 @@
-import { BentoToastItem } from '@/components/toast/components/toast-item';
+import { BentoToastItem } from "../components/toast/components/toast-item";
 export default class ToastController {
     get state(): {
         queue: Array<BentoToastItem>;

package/dist/@types/packages/vue2/src/types/elements.d.ts

@@ -1,4 +1,4 @@
-import type { Component, ComponentPublicInstance } from 'vue';
+import type { Component, ComponentPublicInstance } from "../../../vue3/node_modules/vue";
 import { MaybeComputedRef, MaybeRef } from './refs';
 export type VueInstance = ComponentPublicInstance;
 export type VueNodeElement = Component | Element | (Component | Element)[] | undefined;

package/dist/@types/packages/vue2/src/types/index.d.ts

@@ -2,7 +2,6 @@ export * from './elements';
 export * from './date-format';
 export * from './functions';
 export * from './keyboard-navigation';
-export * from './label-position';
 export * from './listbox';
 export * from './omit-strict';
 export * from './prop-types';

package/dist/@types/packages/vue2/src/types/listbox.d.ts

@@ -1,4 +1,4 @@
-import { BentoSearchBarItem } from '@/components/search-bar';
+import { BentoSearchBarItem } from "../components/search-bar";
 export type BentoListboxValue = string | number;
 export type BentoListboxMultiSelectValue = BentoListboxValue[];
 export interface BentoListboxOptionItem extends BentoSearchBarItem {

package/dist/@types/packages/vue2/src/types/maybe-ref.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from 'vue';
+import { Ref } from "../../../vue3/node_modules/vue";
 export type MaybeRef<T> = T | Ref<T>;

package/dist/@types/packages/vue2/src/types/refs.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref } from "../../../vue3/node_modules/vue";
 export type MaybeRef<T> = T | Ref<T>;
 export type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
 export type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;

package/dist/@types/packages/vue2/src/utils/ts/aria-label.d.ts

@@ -1,5 +1,5 @@
-import { ComputedRef } from 'vue';
-import { MaybeRef } from '@/types/maybe-ref';
+import { ComputedRef } from "../../../../vue3/node_modules/vue";
+import { MaybeRef } from "../../types/maybe-ref";
 interface ariaLabelOptions {
     ariaLabel?: MaybeRef<string | null>;
     label?: MaybeRef<string | null>;

package/dist/@types/packages/vue2/src/utils/ts/events.d.ts

@@ -1,3 +1,3 @@
-import { ListenOptions } from '@/types/utils-events';
+import { ListenOptions } from "../../types/utils-events";
 export declare function listen(target: EventTarget, type: string, listener: EventListener, options?: ListenOptions): any;
 export declare const stopEventPropagation: (event: Event) => void;

package/dist/@types/packages/vue2/src/utils/ts/focus-trap.utils.d.ts

@@ -1,4 +1,4 @@
-import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from '@/components/focus-trap/focus-trap.types';
+import { BentoFocusTrapHorizontalNavigationEvent, BentoFocusTrapVerticalNavigationEvent } from "../../components/focus-trap/focus-trap.types";
 export declare const deferAction: (callback: FrameRequestCallback) => number;
 export declare const getNextFocusableElement: (factor: any, element: any) => HTMLElement;
 export declare const getArrowType: (event: KeyboardEvent, arrowOrder: BentoFocusTrapVerticalNavigationEvent[] | BentoFocusTrapHorizontalNavigationEvent[]) => {

package/dist/@types/packages/vue2/src/utils/ts/get-slot-text/get-slot-text.d.ts

@@ -1,3 +1,3 @@
-import type { Slots } from 'vue/types/v3-setup-context';
+import type { Slots } from "../../../../../vue3/node_modules/vue";
 export declare const getSlotText: (slots: Slots) => (name: string) => any;
 export default getSlotText;

package/dist/@types/packages/vue2/src/utils/ts/i18n.d.ts

@@ -1,4 +1,4 @@
-import type { WritableComputedRef } from 'vue';
+import type { WritableComputedRef } from "../../../../vue3/node_modules/vue";
 import VueI18n from 'vue-i18n';
 export declare const defaultI18nOptions: {
     locale: string;

package/dist/alert.js

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

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../vue2/src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../../vue2/src/components/alert/alert.vue"],"sourcesContent":["export enum BentoAlertVariant {\n    DEFAULT = 'default',\n    TIP = 'tip',\n}\n\nexport enum BentoAlertTypeOption {\n    WARNING = 'warning',\n    CRITICAL = 'critical',\n    HIGHLIGHT = 'highlight',\n    SUCCESS = 'success',\n}\n\nexport enum BentoAlertEvent {\n    CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M15.349 11.5376L9.99897 2.19758C9.79966 1.85738 9.51482 1.57524 9.17274 1.37919C8.83066 1.18314 8.44325 1.07999 8.04897 1.07999C7.65469 1.07999 7.26727 1.18314 6.92519 1.37919C6.58311 1.57524 6.29827 1.85738 6.09897 2.19758L0.648967 11.5376C0.450427 11.8833 0.347305 12.2755 0.350155 12.6742C0.353005 13.0728 0.461725 13.4636 0.665188 13.8064C0.868651 14.1493 1.15955 14.4319 1.50812 14.6254C1.85668 14.8188 2.2504 14.9162 2.64897 14.9076H13.399C13.7933 14.9073 14.1807 14.8034 14.5222 14.6063C14.8638 14.4092 15.1475 14.1258 15.345 13.7845C15.5425 13.4431 15.6468 13.0559 15.6475 12.6615C15.6482 12.2672 15.5453 11.8796 15.349 11.5376ZM7.24897 5.32758C7.24897 5.12866 7.32798 4.9379 7.46864 4.79725C7.60929 4.65659 7.80006 4.57758 7.99897 4.57758C8.19788 4.57758 8.38864 4.65659 8.5293 4.79725C8.66995 4.9379 8.74897 5.12866 8.74897 5.32758V8.32758C8.74897 8.52649 8.66995 8.71725 8.5293 8.85791C8.38864 8.99856 8.19788 9.07758 7.99897 9.07758C7.80006 9.07758 7.60929 8.99856 7.46864 8.85791C7.32798 8.71725 7.24897 8.52649 7.24897 8.32758V5.32758ZM7.99897 12.3276C7.80119 12.3276 7.60785 12.2689 7.4434 12.159C7.27895 12.0492 7.15077 11.893 7.07509 11.7103C6.9994 11.5275 6.9796 11.3265 7.01818 11.1325C7.05677 10.9385 7.15201 10.7603 7.29186 10.6205C7.43171 10.4806 7.6099 10.3854 7.80388 10.3468C7.99786 10.3082 8.19893 10.328 8.38165 10.4037C8.56438 10.4794 8.72056 10.6076 8.83044 10.772C8.94032 10.9365 8.99897 11.1298 8.99897 11.3276C8.99897 11.5928 8.89361 11.8471 8.70607 12.0347C8.51854 12.2222 8.26418 12.3276 7.99897 12.3276Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <div class=\"b-alert\" :role=\"computedRole\">\n        <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n            <div class=\"b-alert__icon\">\n                <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n            </div>\n\n            <div class=\"b-alert__content\">\n                <bento-typography\n                    v-if=\"hasSlot('default') && !isTipVariant\"\n                    class=\"b-alert__title\"\n                    :el=\"BentoTypographyElement.DIV\"\n                    :variant=\"BentoTypographyVariant.BODY\"\n                    strongest\n                    wide\n                >\n                    <slot />\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"hasSlot('description')\"\n                    class=\"b-alert__description\"\n                    v-bind=\"descriptionTypography\"\n                    data-testid=\"alert-description\"\n                >\n                    <slot name=\"description\" />\n                </bento-typography>\n\n                <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n                    <slot name=\"actions\" />\n                </div>\n            </div>\n\n            <bento-button\n                v-if=\"closeButton && !isTipVariant\"\n                class=\"b-alert__close-button\"\n                :variant=\"BentoButtonVariant.TERTIARY\"\n                type=\"button\"\n                @click=\"onCloseButtonClick\"\n            >\n                <cross-small :svg-title=\"t('close')\" />\n            </bento-button>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType } from 'vue';\n\n    // Component\n    import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n    import { BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n\n    import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n    import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n    import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An Alert component is used to display a persistent\n     * notification containing information important to the user\n     *\n     * @example\n     * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAlert },\n     *     template: `\n     *          <bento-alert :type=\"BentoAlertTypeOption.HIGHLIGHT\">\n     *              Title of the Alert\n     *          </bento-alert>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-alert',\n        components: { CrossSmall, BentoButton, Warning, CrossCircle, CheckedCircle, Info, BentoTypography },\n        props: {\n            /**\n             * Adds a close button on the right side of the alert\n             */\n            closeButton: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n             * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n             */\n            type: {\n                type: String as PropType<BentoAlertTypeOption>,\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":"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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 | `${BentoAlertTypeOption}`>,\n                default: BentoAlertTypeOption.HIGHLIGHT,\n                validator: (value: BentoAlertTypeOption) => Object.values(BentoAlertTypeOption).includes(value),\n            },\n            /**\n             * Variant for the alert\n             * @values DEFAULT, TIP\n             */\n            variant: {\n                type: String as PropType<BentoAlertVariant | `${BentoAlertVariant}`>,\n                default: BentoAlertVariant.DEFAULT,\n                validator: (value: BentoAlertVariant) => Object.values(BentoAlertVariant).includes(value),\n            },\n        },\n        emits: [BentoAlertEvent.CLOSE_ALERT],\n        setup(props, { slots, emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n            const alertConditionalClasses = computed(() => ({\n                [`b-alert--${props.type}`]: props.type,\n                [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n            }));\n\n            const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n            const iconComponent = computed(() => {\n                switch (props.type) {\n                    case BentoAlertTypeOption.CRITICAL:\n                        return CrossCircle;\n                    case BentoAlertTypeOption.SUCCESS:\n                        return CheckedCircle;\n                    case BentoAlertTypeOption.WARNING:\n                        return Warning;\n                    case BentoAlertTypeOption.HIGHLIGHT:\n                    default:\n                        return Info;\n                }\n            });\n\n            const descriptionTypography = computed(() => ({\n                el: BentoTypographyElement.DIV,\n                variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n                wide: true,\n            }));\n\n            const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n            const onCloseButtonClick = () => {\n                emit(BentoAlertEvent.CLOSE_ALERT);\n            };\n\n            onMounted(() => {\n                if (!slots.default && !slots.description) {\n                    throw new Error('Alert Component requires a title or a description');\n                }\n            });\n\n            return {\n                // Values\n                alertConditionalClasses,\n                computedRole,\n                descriptionTypography,\n                iconComponent,\n                iconSvgTitle,\n                isTipVariant,\n\n                // Methods\n                onCloseButtonClick,\n                hasSlot: useHasSlot(slots),\n                t,\n\n                // Enums\n                BentoButtonVariant,\n                BentoAlertTypeOption,\n                BentoTypographyVariant,\n                BentoTypographyElement,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","value","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","useHasSlot","BentoButtonVariant","_hoisted_1","createBlock","resolveDynamicComponent","_component_bento_typography","createCommentVNode","withCtx","_hoisted_4","createVNode","_component_cross_small"],"mappings":";;;;;;;;;;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,MACwB,WAAA,CAAAqB,MAAA,OAAA,OAAArB,CAAA,EAAA,SAAAqB,CAAA;AAAA,IACgE;AAAA;AAAA;AAAA;AAAA;AAAA,IAClG,SAAA;AAAA,MAKS,MAAA;AAAA,MACC,SAAAvB,EAAA;AAAA,MACqB,WAAA,CAAAuB,MAAA,OAAA,OAAAvB,CAAA,EAAA,SAAAuB,CAAA;AAAA,IAC6D;AAAA,EAC5F;AAAA,EACJ,OAAA,CAAAnB,EAAA,WAAA;AAAA,EACmC,MAAAoB,GAAA,EAAA,OAAAC,GAAA,MAAAC,EAAA,GAAA;AAE/B,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAb,EAAA,CAAA,GAEAc,IAAAC,EAAA,MAAAN,EAAA,YAAAxB,EAAA,GAAA,GAEA+B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAN,EAAA,MAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAxB,EAAA,KAAA,GAAA6B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAH,EAAA,UAAA,CAAA,GAEAS,IAAAH,EAAA,MAAA;AACI,cAAAN,EAAA,MAAA;AAAA,QAAoB,KAAAtB,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,GAGJa,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,SAAAtB,EAAA,YAAA,WAAA,OAAA,GAEAoC,IAAA,MAAA;AACI,MAAAZ,EAAAtB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAmC,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,sBAAAvC;AAAA,MACA,wBAAAkC;AAAA,MACA,wBAAAD;AAAA,IACA;AAAA,EACJ;AAER,CAAA;AA/KkB,MAAAO,IAAA,CAAA,MAAA;EAqBgD,KAAA;AAAA,EAAmB,OAAA;AAAA;;;;;IA3B7C,OAAA;AAAA,IACpC,MAAAhC,EAAA;AAAA,EAAA,GAAA;AAAA;;IAGU,GAAA;AAAA;SAD+CH,EAAA,GAAAoC,EAAAC,EAAAlC,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,GAAAoC,EAAAE,GAAA;AAAA,UAPO,KAAA;AAAA,UACjB,OAAA;AAAA,UACG,IAAAnC,EAAA,uBAAA;AAAA,UACC,SAAAA,EAAA,uBAAA;AAAA,UACL,WAAA;AAAA;;;;;;QAME,GAAA,GAAA,CAAA,MAAA,SAAA,CAAA,KAAAoC,EAAA,IAAA,EAAA;AAAA,QAMSpC,EAAA,QAAA,aAAA,KAAAH,EAAA,GAAAoC,EAAAE,GAAApC,EAAA;AAAA,UALa,KAAA;AAAA,UACpB,OAAA;AAAA;UAGmB,SAAAsC,EAAA,MAAA;AAAA;;;;QAG/BrC,EAAA,QAAA,SAAA,KAAA,CAAAA,EAAA,gBAAAH,EAAA,GAAAC,EAAA,OAAAwC,IAAA;AAAA;;MAMsB,CAAA;AAAA;QACO,KAAA;AAAA,QAC5B,OAAA;AAAA,QACI,SAAAtC,EAAA,mBAAA;AAAA,QACqB,MAAA;AAAA;;QAEZ,SAAAqC,EAAA,MAAA;AAAA,UAAYE,EAAAC,GAAA;AAAA;;;;;;;;;","x_google_ignoreList":[1]}

package/dist/assets/button-actions.css

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

package/dist/assets/button.css

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