@adyen/bento-vue2 2.0.0-rc.1 → 2.0.0-rc.2

package/dist/@types/index.d.ts

@@ -4000,7 +4000,6 @@ validator: (value: BentoCheckboxGroupVariant) => boolean;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: any) => void;
-input: (value: any) => void;
 }, string, Readonly<ExtractPropTypes<    {
 /**
 * Descriptive supporting text visbile underneath the label.
@@ -6552,7 +6551,6 @@ export declare enum BentoDateFormat {
  *              required
  *              optional
  *              disabled
- *              @input="onDateChanged"
  *              v-model="selectedDate"
  *          />
  *     `,
@@ -6580,12 +6578,10 @@ placeholder: any;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: Date) => void;
-input: (value: Date) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_14<BentoDatePickerProps>, {
 defaultDisplayMonth: any;
 description: any;
@@ -6602,11 +6598,9 @@ placeholder: any;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>>>, {
-value: BentoDatePickerValue | null;
 description: string;
 label: string;
 variant: `${CalendarVariant}`;
@@ -6667,14 +6661,6 @@ export declare interface BentoDatePickerProps extends FormField {
      * @default null
      */
     modelValue?: BentoDatePickerValue | null;
-    /**
-     * Selected date
-     *
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     *
-     * @default null
-     */
-    value?: BentoDatePickerValue | null;
     /**
      * Range of years to be selectable from the year dropdown
      */
@@ -6741,7 +6727,6 @@ export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null
  *              required
  *              optional
  *              disabled
- *              @input="onDateChanged"
  *              v-model="selectedDate"
  *          />
  *     `,
@@ -6772,12 +6757,10 @@ readonly: boolean;
 required: boolean;
 showEndDateOnOpen: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: any) => void;
-input: (value: any) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_15<BentoDateRangePickerProps>, {
 description: any;
 disabled: boolean;
@@ -6797,11 +6780,9 @@ readonly: boolean;
 required: boolean;
 showEndDateOnOpen: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>>>, {
-value: BentoDateRangePickerValue | null;
 description: string;
 label: string;
 variant: `${CalendarVariant}`;
@@ -6891,11 +6872,6 @@ export declare interface BentoDateRangePickerProps extends FormField {
      * Selected date
      */
     modelValue?: BentoDateRangePickerValue | null;
-    /**
-     * Selected date
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoDateRangePickerValue | null;
     /**
      * The type of calendar to display. Defaults to showing days.
      */
@@ -7032,10 +7008,10 @@ export declare interface BentoDateTimePickerProps {
     required?: boolean;
     /**
      * Props passed directly to the inner `bento-date-picker`.
-     * Accepts all `BentoDatePickerProps` except `modelValue` and `value`.
+     * Accepts all `BentoDatePickerProps` except `modelValue`.
      * @default {}
      */
-    dateProps?: Omit<BentoDatePickerProps, 'modelValue' | 'value'>;
+    dateProps?: Omit<BentoDatePickerProps, 'modelValue'>;
     /**
      * Props passed directly to the inner `bento-input-time`.
      * Accepts all `BentoInputTimeProps` except `modelValue`.
@@ -7558,14 +7534,12 @@ teleport: () => {
 disabled: boolean;
 };
 tooltipText: any;
-value: any;
 modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>, {
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: any) => void;
 "update:model-value": (selectedValue: any) => void;
 "show-more": () => void;
 open: () => void;
@@ -7595,12 +7569,10 @@ teleport: () => {
 disabled: boolean;
 };
 tooltipText: any;
-value: any;
 modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -7679,10 +7651,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -7786,7 +7754,6 @@ type: PropType<string>;
 default: any;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
 "show-more": () => void;
 open: () => void;
@@ -7806,10 +7773,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -7913,7 +7876,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -8011,10 +7973,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -8118,7 +8076,6 @@ type: PropType<string>;
 default: any;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
 "show-more": () => void;
 open: () => void;
@@ -8146,10 +8103,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -8253,7 +8206,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -8327,10 +8279,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -8434,7 +8382,6 @@ type: PropType<string>;
 default: any;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
 "show-more": () => void;
 open: () => void;
@@ -8453,10 +8400,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -8560,7 +8503,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -8648,10 +8590,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -8755,7 +8693,6 @@ type: PropType<string>;
 default: any;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
 "show-more": () => void;
 open: () => void;
@@ -8774,10 +8711,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -8881,7 +8814,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -8995,13 +8927,6 @@ export declare interface BentoDropdownProps extends FormField {
      * (or `dialog` if the dropdown is inside a dialog).
      */
     teleport?: BentoTeleportProps;
-    /**
-     * The `input` value.
-     * Providing an empty string will select no options.
-     * Set to an empty string `''` if you don't want any of the available options to be selected.
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoListboxSelectedValue;
     /**
      * The `input` value.
      * Providing an empty string will select no options.
@@ -9017,10 +8942,10 @@ export declare interface BentoDropdownProps extends FormField {
      * Enables value/label value handling. When `true`, the component expects and emits value/label
      * pair objects instead of primitive values.
      *
-     * This affects both the `value` prop and the `input` event payload.
+     * This affects both the `modelValue` prop and the `update:model-value` event payload.
      *
-     * - **Input (`value` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).
-     * - **Output (`input` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.
+     * - **Input (`modelValue` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).
+     * - **Output (`update:model-value` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.
      *
      * This is particularly useful when a selected item's label is not available in the `items` prop,
      * allowing the component to display the correct label for values loaded from external sources.
@@ -9071,10 +8996,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -9178,7 +9099,6 @@ type: PropType<string>;
 default: any;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-input: (selectedValue: BentoListboxSelectedValue) => void;
 "update:model-value": (selectedValue: BentoListboxSelectedValue) => void;
 "show-more": () => void;
 open: () => void;
@@ -9198,10 +9118,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -9305,7 +9221,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -9512,7 +9427,6 @@ required: boolean;
 tooltipText: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 change: (value?: FileList) => void;
-input: (value?: FileList) => void;
 "update:model-value": (value?: FileList) => void;
 "error:upload": (value: boolean) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_28<BentoFileUploaderProps>, {
@@ -10754,11 +10668,6 @@ export declare interface BentoInputDropdownProps {
      * Displays non-selectable, static categories in the dropdown
      */
     staticCategories?: BentoDropdownProps['staticCategories'];
-    /**
-     * Selected value of the dropdown
-     * @deprecated Since v2.0.0. Use `model-value` instead.
-     */
-    value?: BentoDropdownProps['value'];
     /**
      * Enables virtual scrolling for large lists of items
      */
@@ -10802,7 +10711,6 @@ staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition;
 tooltipText: any;
 type: BentoInputFieldType;
-value: any;
 variant: BentoInputFieldVariant;
 }>, {
 /**
@@ -10826,7 +10734,6 @@ change: () => void;
 focus: () => void;
 keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
-input: (inputValue: string) => void;
 "update:dropdown": (updatedDropdownProps: BentoInputDropdownProps) => void;
 "update:model-value": (inputValue: BentoInputFieldValue) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_34<BentoInputFieldProps>, {
@@ -10848,10 +10755,8 @@ staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition;
 tooltipText: any;
 type: BentoInputFieldType;
-value: any;
 variant: BentoInputFieldVariant;
 }>>>, {
-value: BentoInputFieldValue;
 description: string;
 type: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"];
 label: string;
@@ -10952,7 +10857,6 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 validation: any;
-value: any;
 modelValue: any;
 withHint: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -10960,7 +10864,6 @@ blur: () => void;
 focus: () => void;
 "input:valid": () => void;
 "input:error": (errors: BentoInputFieldPasswordErrorsList) => void;
-input: (value: BentoInputFieldValue) => void;
 "update:model-value": (value: BentoInputFieldValue) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_34<__VLS_TypePropsToOption_35<BentoInputFieldPasswordProps>, {
 condensed: boolean;
@@ -10976,11 +10879,9 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 validation: any;
-value: any;
 modelValue: any;
 withHint: boolean;
 }>>>, {
-value: BentoInputFieldProps["value"];
 description: string;
 label: string;
 required: boolean;
@@ -11021,11 +10922,6 @@ export declare interface BentoInputFieldPasswordProps extends FormField {
      * Disabling the option (set to `true`) will not run pre-defined validations or custom validations defined in the `validation` field.
      */
     disableValidation?: boolean;
-    /**
-     * Text displayed as the value of the input-field
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoInputFieldProps['value'];
     /**
      * Text displayed as the value of the input-field
      */
@@ -11097,7 +10993,6 @@ description: any;
 dynamicFiltering: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 blur: () => void;
-input: (value: string) => void;
 "update:model-value": (value: string) => void;
 "update:selected-country": (country: CountryCode) => void;
 "input:valid": (value: boolean) => void;
@@ -11147,11 +11042,6 @@ export declare interface BentoInputFieldPhoneNumberProps extends FormField {
      * Selected country code
      */
     selectedCountry?: BentoInputFieldPhoneNumberCountryCode;
-    /**
-     * The current value of the field.
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: string | number;
     /**
      * The current value of the field.
      */
@@ -11202,11 +11092,6 @@ export declare interface BentoInputFieldProps extends FormField {
      * If `type` is `search`, use `bento-search-bar` instead.
      */
     type?: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type'];
-    /**
-     * Text displayed as the value of the input-field
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: BentoInputFieldValue;
     /**
      * Describes the different variants for the input element
      */
@@ -11383,7 +11268,7 @@ export declare interface BentoInputWithDropdownFilterOptions {
 
 export declare interface BentoInpuWithDropdowntFilterValue {
     inputValue: BentoInputFieldValue;
-    dropdownValue: BentoInputDropdownProps['value'];
+    dropdownValue: BentoInputDropdownProps['modelValue'];
 }
 
 /**
@@ -13413,6 +13298,11 @@ export declare interface BentoPaginationProps {
      * Useful for very large datasets where rendering all page options would cause performance issues.
      */
     hidePageSelection?: boolean;
+    /**
+     * Determines whether to hide the dropdown that allows users to change the number of results per page.
+     * When set to `true`, the current `itemsPerPage` value is displayed as plain static text.
+     * This prop only takes effect if `hidePageSize` is `false`.
+     */
     hidePageSizeSelection?: boolean;
     /**
      * The current page number of the pager.
@@ -15347,7 +15237,6 @@ variant: BentoRadioGroupVariant;
 focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: BentoRadioButtonValue) => void;
-input: (value: BentoRadioButtonValue) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_55<__VLS_TypePropsToOption_56<BentoRadioGroupProps>, {
 description: any;
 disabled: boolean;
@@ -15887,29 +15776,6 @@ export declare interface BentoSelectFilterOptions {
      * Defines if the list-box should be a multi-select filter
      */
     multiple?: boolean;
-    /**
-     * @deprecated Since v2.0.0. Do not use. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The translation object to handle any custom translations. e.g. persistent filter labels.
-     */
-    messages?: {
-        [key: string]: {
-            persistentButtonLabelPartiallySelected?: string;
-            persistentButtonLabelAllSelected?: string;
-            [key: string]: string;
-        };
-    };
-    /**
-     * @deprecated Since v2.0.0. Do not use. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The unique key to use in the messages translation object to use for the persistent button label
-     * when the select filter has partially selected items.
-     */
-    messagesPersistentButtonLabelPartiallySelectedKey?: string;
-    /**
-     * @deprecated Since v2.0.0. Do not use. The persistent filter label now uses a counter instead of custom strings. This property is now redundant.
-     * The unique key to use in the messages translation object to use for the persistent button label
-     * when the select filter has all items selected.
-     */
-    messagesPersistentButtonLabelAllSelectedKey?: string;
     /**
      * The event fire when the filter is opened.
      */
@@ -16216,7 +16082,6 @@ readonly: boolean;
 variant: string;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:model-value": (value: BentoSelectionCardModelValue) => void;
-input: (value: BentoSelectionCardModelValue) => void;
 }, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_58<__VLS_TypePropsToOption_60<BentoSelectionCardGroupProps>, {
 description: any;
 disabled: boolean;
@@ -17830,7 +17695,6 @@ readonly: boolean;
 resizable: string;
 required: boolean;
 tooltipText: any;
-value: string;
 modelValue: string;
 }>, {
 focus: () => void;
@@ -17840,7 +17704,6 @@ change: () => void;
 clear: () => void;
 "escape-pressed": () => void;
 focus: () => void;
-input: (value: string) => void;
 "update:model-value": (value: string) => void;
 keydown: (event: KeyboardEvent) => void;
 keyup: (event: KeyboardEvent) => void;
@@ -17859,10 +17722,8 @@ readonly: boolean;
 resizable: string;
 required: boolean;
 tooltipText: any;
-value: string;
 modelValue: string;
 }>>>, {
-value: string;
 description: string;
 label: string;
 required: boolean;
@@ -17907,11 +17768,6 @@ declare interface BentoTextareaProps extends FormField {
      * @default BentoTextareaResizeOption.BOTH
      */
     resizable?: BentoTextareaResizeOption | `${BentoTextareaResizeOption}`;
-    /**
-     * Text displayed as the value of the textarea
-     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.
-     */
-    value?: string;
     /**
      * Text displayed as the value of the textarea
      */
@@ -18139,6 +17995,15 @@ export declare interface BentoTimelineItemTitle extends RouterLinkProps_2 {
     [name: string]: any;
 }
 
+/**
+ * @deprecated Since v3.0.0. Do not use. Use the `status` prop instead.
+ */
+export declare enum BentoTimelineItemVariant {
+    DEFAULT = "SquareSmallIcon",
+    SUCCESS = "CheckedCircleIcon",
+    CRITICAL = "CrossCircleIcon"
+}
+
 export declare interface BentoTimelineProps {
     /**
      * If set to true, gives the possibility to manually add notes to the timeline via a textarea
@@ -18945,16 +18810,6 @@ export declare interface FormFieldEmits<T> {
      * - <component v-model="" />
      */
     (e: 'update:model-value', value: T): void;
-    /**
-     * Emitted when the component's model changes.
-     *
-     * @deprecated Since v2.0.0. Use `v-model` or `update:model-value` instead.
-     *
-     * @example
-     * - <component v-model="" />
-     * - <component :value="" @input="" />
-     */
-    (e: 'input', value: T): void;
 }
 
 declare interface GridLayoutColumnWidth {

package/dist/action-bar.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/action-bar.w8CWNMPE.js";
+import { B as t } from "./chunks/action-bar.Br6mamx3.js";
 export {
   t as BentoActionBar
 };

package/dist/ai-tag.js

@@ -1,4 +1,4 @@
-import { a as e } from "./chunks/ai-tag.BJq6W6cy.js";
+import { a as e } from "./chunks/ai-tag.DtngkeLj.js";
 export {
   e as BentoAiTag
 };

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-cbce6553]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-accordion[data-v-cbce6553],.b-accordion[data-v-cbce6553]:before,.b-accordion[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion *[data-v-cbce6553],.b-accordion *[data-v-cbce6553]:before,.b-accordion *[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-490cf36d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item button[data-v-490cf36d]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-490cf36d]:focus-visible{outline:none}.b-accordion-item[data-v-490cf36d],.b-accordion-item[data-v-490cf36d]:before,.b-accordion-item[data-v-490cf36d]:after{box-sizing:border-box}.b-accordion-item *[data-v-490cf36d],.b-accordion-item *[data-v-490cf36d]:before,.b-accordion-item *[data-v-490cf36d]:after{box-sizing:border-box}.b-accordion-item[data-v-490cf36d] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-490cf36d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-490cf36d]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-490cf36d]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-070);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-490cf36d]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-490cf36d]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-490cf36d]:focus-visible{outline:none;animation:outer-ring-default-490cf36d var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-490cf36d{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-490cf36d]{color:var(--b-color-label-primary);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100)}.b-accordion-item__animation--content-enter-active[data-v-490cf36d]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-u838atr-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u838atr-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u838atr-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u838atr-490cf36d{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u838atr-490cf36d{0%{scale:1}to{scale:1}}@keyframes enter-u838atr-490cf36d{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-490cf36d]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-u838au8-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u838au8-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u838au8-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u838au8-490cf36d{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u838au8-490cf36d{0%{scale:1}to{scale:1}}@keyframes exit-u838au8-490cf36d{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-cbce6553]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-accordion[data-v-cbce6553],.b-accordion[data-v-cbce6553]:before,.b-accordion[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion *[data-v-cbce6553],.b-accordion *[data-v-cbce6553]:before,.b-accordion *[data-v-cbce6553]:after{box-sizing:border-box}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cbce6553] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-490cf36d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item button[data-v-490cf36d]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-490cf36d]:focus-visible{outline:none}.b-accordion-item[data-v-490cf36d],.b-accordion-item[data-v-490cf36d]:before,.b-accordion-item[data-v-490cf36d]:after{box-sizing:border-box}.b-accordion-item *[data-v-490cf36d],.b-accordion-item *[data-v-490cf36d]:before,.b-accordion-item *[data-v-490cf36d]:after{box-sizing:border-box}.b-accordion-item[data-v-490cf36d] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-490cf36d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-490cf36d]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-490cf36d]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-070);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-490cf36d]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-490cf36d]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-490cf36d]:focus-visible{outline:none;animation:outer-ring-default-490cf36d var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-490cf36d{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-490cf36d]{color:var(--b-color-label-primary);padding:var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100)}.b-accordion-item__animation--content-enter-active[data-v-490cf36d]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-usivaum-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-usivaum-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-usivaum-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-usivaum-490cf36d{0%{opacity:0}to{opacity:1}}@keyframes scale-up-usivaum-490cf36d{0%{scale:1}to{scale:1}}@keyframes enter-usivaum-490cf36d{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-490cf36d]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-usivavi-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-usivavi-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-usivavi-490cf36d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-usivavi-490cf36d{0%{opacity:1}to{opacity:0}}@keyframes scale-down-usivavi-490cf36d{0%{scale:1}to{scale:1}}@keyframes exit-usivavi-490cf36d{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/action-bar.css

@@ -1 +1 @@
-.b-action-bar[data-v-b91c5356]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;bottom:var(--b-spacer-070);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-z-index-global-elevated)}.b-action-bar[data-v-b91c5356],.b-action-bar[data-v-b91c5356]:before,.b-action-bar[data-v-b91c5356]:after{box-sizing:border-box}.b-action-bar *[data-v-b91c5356],.b-action-bar *[data-v-b91c5356]:before,.b-action-bar *[data-v-b91c5356]:after{box-sizing:border-box}.b-action-bar[data-v-b91c5356] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-b91c5356] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@keyframes shake-action-bar-b91c5356{0%,to{rotate:0deg;translate:0 0}20%{rotate:-1deg;translate:-10px 0}40%{rotate:1deg;translate:6px 0}60%{rotate:-1deg;translate:-4px 0}80%{rotate:1deg;translate:2px 0}}.b-action-bar__state-icon[data-v-b91c5356]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}.b-action-bar__state-actions[data-v-b91c5356]{display:flex;gap:var(--b-spacer-090);margin-left:var(--b-spacer-110)}.b-action-bar__container[data-v-b91c5356]{align-items:center;background-color:var(--b-color-background-inverse-primary);border-radius:28px;color:var(--b-color-label-inverse-primary);display:flex;height:56px;padding:var(--b-spacer-050) var(--b-spacer-090);pointer-events:all;width:calc(100% - var(--b-spacer-070) - var(--b-spacer-070))}@media(min-width:500px){.b-action-bar__container[data-v-b91c5356]{width:auto}}.b-action-bar__container--success[data-v-b91c5356]{background-color:var(--b-color-background-success-strong)}.b-action-bar__container--fail[data-v-b91c5356]{background-color:var(--b-color-background-critical-strong)}.b-action-bar__container-inner[data-v-b91c5356]{align-items:center;display:flex;white-space:nowrap;width:100%}.b-action-bar__close-button[data-v-b91c5356]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}@media(min-width:500px){.b-action-bar__close-button[data-v-b91c5356]{margin-right:var(--b-spacer-090)}}.b-action-bar__selection[data-v-b91c5356]{margin-right:var(--b-spacer-070);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:500px){.b-action-bar__selection[data-v-b91c5356]{margin-right:var(--b-spacer-110);width:120px}}@media(min-width:500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-b91c5356]{width:160px}}.b-action-bar__actions[data-v-b91c5356]{container-type:normal}.b-action-bar__actions[data-v-b91c5356] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-b91c5356]{bottom:var(--b-spacer-120)}.b-action-bar__animation-enter-active[data-v-b91c5356]{animation:fade-in-u838akn-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u838akn-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u838akn-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u838akn-b91c5356{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u838akn-b91c5356{0%{scale:.9}to{scale:1}}@keyframes enter-u838akn-b91c5356{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-b91c5356]{animation:fade-out-u838al4-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u838al4-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u838al4-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u838al4-b91c5356{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u838al4-b91c5356{0%{scale:1}to{scale:.9}}@keyframes exit-u838al4-b91c5356{0%{translate:0 0}to{translate:0 8px}}.b-action-bar__state-animation--start-enter-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-in-u838al8-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-u838al8-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-u838al8-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-u838al8-b91c5356{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u838al8-b91c5356{0%{scale:.8}to{scale:1}}@keyframes enter-u838al8-b91c5356{0%{translate:0 -48px}to{translate:0 0}}.b-action-bar__state-animation--start-leave-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-out-u838alw-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-u838alw-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-u838alw-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-u838alw-b91c5356{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u838alw-b91c5356{0%{scale:1}to{scale:.8}}@keyframes exit-u838alw-b91c5356{0%{translate:0 0}to{translate:0 48px}}.b-action-bar__state-animation--loading-enter-active[data-v-b91c5356]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-b91c5356]{animation:fade-in-u838amb-b91c5356 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u838amb-b91c5356{0%{opacity:0}to{opacity:1}}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-b91c5356]{animation-fill-mode:both}.b-action-bar__state-animation--loading-leave-active[data-v-b91c5356]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-b91c5356]{animation:fade-out-u838an7-b91c5356 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-out-u838an7-b91c5356{0%{opacity:1}to{opacity:0}}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-b91c5356]{animation-fill-mode:both}.b-action-bar__state-animation--success-enter-active[data-v-b91c5356],.b-action-bar__state-animation--fail-enter-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-in-u838any-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-u838any-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-u838any-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-u838any-b91c5356{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u838any-b91c5356{0%{scale:.8}to{scale:1}}@keyframes enter-u838any-b91c5356{0%{translate:0 48px}to{translate:0 0}}.b-action-bar__state-animation--success-leave-active[data-v-b91c5356],.b-action-bar__state-animation--fail-leave-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-out-u838aoh-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-u838aoh-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-u838aoh-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-u838aoh-b91c5356{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u838aoh-b91c5356{0%{scale:1}to{scale:.8}}@keyframes exit-u838aoh-b91c5356{0%{translate:0 0}to{translate:0 -48px}}.b-action-bar__state-animation--shake[data-v-b91c5356]{animation-duration:var(--b-animation-duration-moderate);animation-name:shake-action-bar-b91c5356;animation-timing-function:var(--b-animation-easing-standard)}@media(prefers-reduced-motion:reduce){.b-action-bar__animation-enter-active[data-v-b91c5356],.b-action-bar__animation-leave-active[data-v-b91c5356],.b-action-bar__state-animation--start-enter-active[data-v-b91c5356],.b-action-bar__state-animation--start-leave-active[data-v-b91c5356],.b-action-bar__state-animation--success-enter-active[data-v-b91c5356],.b-action-bar__state-animation--success-leave-active[data-v-b91c5356],.b-action-bar__state-animation--fail-enter-active[data-v-b91c5356],.b-action-bar__state-animation--fail-leave-active[data-v-b91c5356],.b-action-bar__state-animation--loading-enter-active[data-v-b91c5356],.b-action-bar__state-animation--loading-leave-active[data-v-b91c5356],.b-action-bar__state-animation--shake[data-v-b91c5356],.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-b91c5356],.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-b91c5356]{animation:none;transition:none}}
+.b-action-bar[data-v-b91c5356]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;bottom:var(--b-spacer-070);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-z-index-global-elevated)}.b-action-bar[data-v-b91c5356],.b-action-bar[data-v-b91c5356]:before,.b-action-bar[data-v-b91c5356]:after{box-sizing:border-box}.b-action-bar *[data-v-b91c5356],.b-action-bar *[data-v-b91c5356]:before,.b-action-bar *[data-v-b91c5356]:after{box-sizing:border-box}.b-action-bar[data-v-b91c5356] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-b91c5356] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@keyframes shake-action-bar-b91c5356{0%,to{rotate:0deg;translate:0 0}20%{rotate:-1deg;translate:-10px 0}40%{rotate:1deg;translate:6px 0}60%{rotate:-1deg;translate:-4px 0}80%{rotate:1deg;translate:2px 0}}.b-action-bar__state-icon[data-v-b91c5356]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}.b-action-bar__state-actions[data-v-b91c5356]{display:flex;gap:var(--b-spacer-090);margin-left:var(--b-spacer-110)}.b-action-bar__container[data-v-b91c5356]{align-items:center;background-color:var(--b-color-background-inverse-primary);border-radius:28px;color:var(--b-color-label-inverse-primary);display:flex;height:56px;padding:var(--b-spacer-050) var(--b-spacer-090);pointer-events:all;width:calc(100% - var(--b-spacer-070) - var(--b-spacer-070))}@media(min-width:500px){.b-action-bar__container[data-v-b91c5356]{width:auto}}.b-action-bar__container--success[data-v-b91c5356]{background-color:var(--b-color-background-success-strong)}.b-action-bar__container--fail[data-v-b91c5356]{background-color:var(--b-color-background-critical-strong)}.b-action-bar__container-inner[data-v-b91c5356]{align-items:center;display:flex;white-space:nowrap;width:100%}.b-action-bar__close-button[data-v-b91c5356]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}@media(min-width:500px){.b-action-bar__close-button[data-v-b91c5356]{margin-right:var(--b-spacer-090)}}.b-action-bar__selection[data-v-b91c5356]{margin-right:var(--b-spacer-070);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:500px){.b-action-bar__selection[data-v-b91c5356]{margin-right:var(--b-spacer-110);width:120px}}@media(min-width:500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-b91c5356]{width:160px}}.b-action-bar__actions[data-v-b91c5356]{container-type:normal}.b-action-bar__actions[data-v-b91c5356] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-b91c5356]{bottom:var(--b-spacer-120)}.b-action-bar__animation-enter-active[data-v-b91c5356]{animation:fade-in-usivar1-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-usivar1-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-usivar1-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-usivar1-b91c5356{0%{opacity:0}to{opacity:1}}@keyframes scale-up-usivar1-b91c5356{0%{scale:.9}to{scale:1}}@keyframes enter-usivar1-b91c5356{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-b91c5356]{animation:fade-out-usivaro-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-usivaro-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-usivaro-b91c5356 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-usivaro-b91c5356{0%{opacity:1}to{opacity:0}}@keyframes scale-down-usivaro-b91c5356{0%{scale:1}to{scale:.9}}@keyframes exit-usivaro-b91c5356{0%{translate:0 0}to{translate:0 8px}}.b-action-bar__state-animation--start-enter-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-in-usivass-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-usivass-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-usivass-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-usivass-b91c5356{0%{opacity:0}to{opacity:1}}@keyframes scale-up-usivass-b91c5356{0%{scale:.8}to{scale:1}}@keyframes enter-usivass-b91c5356{0%{translate:0 -48px}to{translate:0 0}}.b-action-bar__state-animation--start-leave-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-out-usivatd-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-usivatd-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-usivatd-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-usivatd-b91c5356{0%{opacity:1}to{opacity:0}}@keyframes scale-down-usivatd-b91c5356{0%{scale:1}to{scale:.8}}@keyframes exit-usivatd-b91c5356{0%{translate:0 0}to{translate:0 48px}}.b-action-bar__state-animation--loading-enter-active[data-v-b91c5356]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-b91c5356]{animation:fade-in-usivatp-b91c5356 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-usivatp-b91c5356{0%{opacity:0}to{opacity:1}}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-b91c5356]{animation-fill-mode:both}.b-action-bar__state-animation--loading-leave-active[data-v-b91c5356]{transition:max-width var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-b91c5356]{animation:fade-out-usivatt-b91c5356 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-out-usivatt-b91c5356{0%{opacity:1}to{opacity:0}}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-b91c5356]{animation-fill-mode:both}.b-action-bar__state-animation--success-enter-active[data-v-b91c5356],.b-action-bar__state-animation--fail-enter-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-in-usivaty-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-usivaty-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-usivaty-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-usivaty-b91c5356{0%{opacity:0}to{opacity:1}}@keyframes scale-up-usivaty-b91c5356{0%{scale:.8}to{scale:1}}@keyframes enter-usivaty-b91c5356{0%{translate:0 48px}to{translate:0 0}}.b-action-bar__state-animation--success-leave-active[data-v-b91c5356],.b-action-bar__state-animation--fail-leave-active[data-v-b91c5356]{bottom:0;position:absolute;animation:fade-out-usivau2-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-usivau2-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-usivau2-b91c5356 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-usivau2-b91c5356{0%{opacity:1}to{opacity:0}}@keyframes scale-down-usivau2-b91c5356{0%{scale:1}to{scale:.8}}@keyframes exit-usivau2-b91c5356{0%{translate:0 0}to{translate:0 -48px}}.b-action-bar__state-animation--shake[data-v-b91c5356]{animation-duration:var(--b-animation-duration-moderate);animation-name:shake-action-bar-b91c5356;animation-timing-function:var(--b-animation-easing-standard)}@media(prefers-reduced-motion:reduce){.b-action-bar__animation-enter-active[data-v-b91c5356],.b-action-bar__animation-leave-active[data-v-b91c5356],.b-action-bar__state-animation--start-enter-active[data-v-b91c5356],.b-action-bar__state-animation--start-leave-active[data-v-b91c5356],.b-action-bar__state-animation--success-enter-active[data-v-b91c5356],.b-action-bar__state-animation--success-leave-active[data-v-b91c5356],.b-action-bar__state-animation--fail-enter-active[data-v-b91c5356],.b-action-bar__state-animation--fail-leave-active[data-v-b91c5356],.b-action-bar__state-animation--loading-enter-active[data-v-b91c5356],.b-action-bar__state-animation--loading-leave-active[data-v-b91c5356],.b-action-bar__state-animation--shake[data-v-b91c5356],.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-b91c5356],.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-b91c5356]{animation:none;transition:none}}