@adyen/bento-vue3 2.0.0-rc.1 → 2.0.0-rc.3

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

@@ -246,7 +246,6 @@ readonly: boolean;
 resizable: string;
 required: boolean;
 tooltipText: any;
-value: string;
 modelValue: string;
 }>, {
 focus: () => void;
@@ -265,10 +264,8 @@ readonly: boolean;
 resizable: string;
 required: boolean;
 tooltipText: any;
-value: string;
 modelValue: string;
 }>>>, {
-value: string;
 description: string;
 label: string;
 required: boolean;
@@ -1250,7 +1247,7 @@ type: PropType<BentoDatagridEmptyStateProps>;
 default: any;
 };
 /**
-* filter-bar value (i.e. filters) that will be passed down to inner filter-bar component
+* Filter configuration passed to the inner filter-bar component.
 * {@see BentoFilterBarModel}
 */
 filters: {
@@ -1275,7 +1272,7 @@ type: PropType<BentoFilterBarContainerSizeLayout>;
 default: any;
 };
 /**
-* An array of the values for each filter set in `value`.
+* An array of values corresponding to the filters in `filters`.
 * {@see BentoFilterValues}
 */
 filterValues: {
@@ -1595,7 +1592,7 @@ type: PropType<BentoDatagridEmptyStateProps>;
 default: any;
 };
 /**
-* filter-bar value (i.e. filters) that will be passed down to inner filter-bar component
+* Filter configuration passed to the inner filter-bar component.
 * {@see BentoFilterBarModel}
 */
 filters: {
@@ -1620,7 +1617,7 @@ type: PropType<BentoFilterBarContainerSizeLayout>;
 default: any;
 };
 /**
-* An array of the values for each filter set in `value`.
+* An array of values corresponding to the filters in `filters`.
 * {@see BentoFilterValues}
 */
 filterValues: {
@@ -2019,7 +2016,6 @@ placeholder: any;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToOption_13<BentoDatePickerProps>, {
@@ -2038,11 +2034,9 @@ placeholder: any;
 readonly: boolean;
 required: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>>>, {
-value: BentoDatePickerValue | null;
 description: string;
 label: string;
 variant: `${CalendarVariant}`;
@@ -2081,7 +2075,6 @@ readonly: boolean;
 required: boolean;
 showEndDateOnOpen: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToOption_14<BentoDateRangePickerProps>, {
@@ -2103,11 +2096,9 @@ readonly: boolean;
 required: boolean;
 showEndDateOnOpen: boolean;
 tooltipText: any;
-value: any;
 variant: any;
 yearRange: any;
 }>>>, {
-value: BentoDateRangePickerValue | null;
 description: string;
 label: string;
 variant: `${CalendarVariant}`;
@@ -2339,7 +2330,6 @@ teleport: () => {
 disabled: boolean;
 };
 tooltipText: any;
-value: any;
 modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
@@ -2371,12 +2361,10 @@ teleport: () => {
 disabled: boolean;
 };
 tooltipText: any;
-value: any;
 modelValue: any;
 virtualScroll: boolean;
 enableValueLabelPair: boolean;
 }>>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -2427,10 +2415,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -2549,10 +2533,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -2656,7 +2636,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -2710,10 +2689,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -2840,10 +2815,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -2947,7 +2918,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -2993,10 +2963,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -3114,10 +3080,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -3221,7 +3183,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -3302,10 +3263,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -3423,10 +3380,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -3530,7 +3483,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -3576,10 +3528,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -3698,10 +3646,6 @@ ariaLabel?: {
 type: StringConstructor;
 default: any;
 };
-value: {
-type: PropType<BentoListboxSelectedValue>;
-default: any;
-};
 search: {
 type: PropType<BentoListboxSearchOptions>;
 default: any;
@@ -3805,7 +3749,6 @@ type: PropType<string>;
 default: any;
 };
 }>>, {
-value: BentoListboxSelectedValue;
 search: BentoListboxSearchOptions;
 description: string;
 label: string;
@@ -4467,7 +4410,6 @@ filterValues: () => any[];
 containerSizeLayout: any;
 search: any;
 searchTerm: any;
-value: () => any[];
 showAppliedHiddenFilters: boolean;
 filterValuesObject: any;
 }>, {
@@ -4488,11 +4430,9 @@ filterValues: () => any[];
 containerSizeLayout: any;
 search: any;
 searchTerm: any;
-value: () => any[];
 showAppliedHiddenFilters: boolean;
 filterValuesObject: any;
 }>>>, {
-value: BentoFilterBarModel;
 search: BentoFilterBarSearchBarProps;
 config: BentoFilterBarModel<any>;
 searchTerm: BentoFilterBarSearchTerm;
@@ -4925,7 +4865,6 @@ staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition;
 tooltipText: any;
 type: BentoInputFieldType;
-value: any;
 variant: BentoInputFieldVariant;
 }>, {
 /**
@@ -4959,10 +4898,8 @@ staticValue: string;
 staticValuePosition: BentoInputFieldElementPosition;
 tooltipText: any;
 type: BentoInputFieldType;
-value: any;
 variant: BentoInputFieldVariant;
 }>>>, {
-value: BentoInputFieldValue;
 description: string;
 type: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement["type"];
 label: string;
@@ -5016,7 +4953,6 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 validation: any;
-value: any;
 modelValue: any;
 withHint: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_33<__VLS_TypePropsToOption_33<BentoInputFieldPasswordProps>, {
@@ -5033,11 +4969,9 @@ readonly: boolean;
 required: boolean;
 tooltipText: any;
 validation: any;
-value: any;
 modelValue: any;
 withHint: boolean;
 }>>>, {
-value: BentoInputFieldProps["value"];
 description: string;
 label: string;
 required: boolean;
@@ -11596,7 +11530,6 @@ export declare enum BentoDateFormat {
  *              required
  *              optional
  *              disabled
- *              @input="onDateChanged"
  *              v-model="selectedDate"
  *          />
  *     `,
@@ -11651,14 +11584,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
      */
@@ -11725,7 +11650,6 @@ export declare type BentoDateRangeFilterValue = BentoDateRangePickerValue | null
  *              required
  *              optional
  *              disabled
- *              @input="onDateChanged"
  *              v-model="selectedDate"
  *          />
  *     `,
@@ -11806,11 +11730,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.
      */
@@ -12363,13 +12282,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.
@@ -12385,10 +12297,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.
@@ -12615,17 +12527,22 @@ export declare type BentoFileUploaderValue = string | Array<string> | File | Arr
  * export default {
  *   components: { BentoFilterBar },
  *   data: () => ({
- *     filters: [{
+ *     filtersConfig: [{
  *       field: 'name',
  *       label: 'Name',
- *       value: null,
  *       options: { ... },
  *       type: FilterType.TEXT,
- *     }]
+ *     }],
+ *     filterValues: [{
+ *       field: 'name',
+ *       value: null,
+ *     }],
  *   }),
  *   template: `
  *     <bento-filter-bar
- *       v-model="filter"
+ *       :config="filtersConfig"
+ *       :filter-values="filterValues"
+ *       @update:filter-values="filterValues = $event"
  *     />
  *   `
  * }
@@ -12717,29 +12634,6 @@ export declare interface BentoFilterBarProps<CustomValue = BentoFilterBarValue |
      * Will show all applied filters even if their visibility is set to false.
      */
     showAppliedHiddenFilters?: boolean;
-    /**
-     * Array of filters based on @see {@link BentoFilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the FilterBar.
-     *
-     * Can be used with v-model or independently with the @input event.
-     *
-     * @example
-     * [{
-     *   field: 'company',
-     *   label: 'Company',
-     *   value: '200',
-     *   type: FilterType.TEXT,
-     * }, {
-     *   field: 'name',
-     *   label: 'Name',
-     *   value: null,
-     *   type: FilterType.TEXT,
-     * }]
-     *
-     * @deprecated Since v2.0.0. Use `config` instead.
-     */
-    value?: BentoFilterBarModel;
     /**
      * An object of the values for each filter in the filter bar where key is a the field name and the value is the BentoFilterBarValue.
      *
@@ -12791,7 +12685,8 @@ export declare enum BentoFilterItemType {
     TOGGLE = "BentoToggleFilter"
 }
 
-export declare interface BentoFilterModel<CustomOptions = any> extends BentoFilterValue {
+export declare interface BentoFilterModel<CustomOptions = any> {
+    field: BentoFilterValue['field'];
     label: string;
     description?: string;
     options?: BentoFilterOptions | CustomOptions;
@@ -12805,10 +12700,6 @@ export declare interface BentoFilterModel<CustomOptions = any> extends BentoFilt
      * custom filter component defined as a {@link VueNodeElement}
      */
     type: BentoFilterItemType | VueNodeElement;
-    /**
-     * @deprecated Since v2.0.0. Use `config` and `filter-values` instead.
-     */
-    value?: BentoFilterBarValue;
 }
 
 export declare type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputFilterOptions | BentoInputWithDropdownFilterOptions | BentoRadioGroupFilterOptions | BentoCheckboxGroupFilterOptions | BentoToggleFilterOptions | undefined;
@@ -13294,11 +13185,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
      */
@@ -13393,11 +13279,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
      */
@@ -13497,11 +13378,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.
      */
@@ -13552,11 +13428,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
      */
@@ -13688,7 +13559,7 @@ export declare interface BentoInputWithDropdownFilterOptions {
 
 export declare interface BentoInpuWithDropdowntFilterValue {
     inputValue: BentoInputFieldValue;
-    dropdownValue: BentoInputDropdownProps['value'];
+    dropdownValue: BentoInputDropdownProps['modelValue'];
 }
 
 /**
@@ -14787,6 +14658,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.
@@ -16732,29 +16608,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.
      */
@@ -17713,11 +17566,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
      */
@@ -17901,6 +17749,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
@@ -18440,16 +18297,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.CUVOFcpH.js";
+import { B as t } from "./chunks/action-bar.CPc9SKTB.js";
 export {
   t as BentoActionBar
 };

package/dist/ai-tag.js

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

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-cef184ec]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-accordion[data-v-cef184ec],.b-accordion[data-v-cef184ec]:before,.b-accordion[data-v-cef184ec]:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] *,.b-accordion[data-v-cef184ec] *:before,.b-accordion[data-v-cef184ec] *:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cef184ec] ::-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-70aaff7d]{-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-70aaff7d]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-70aaff7d]:focus-visible{outline:none}.b-accordion-item[data-v-70aaff7d],.b-accordion-item[data-v-70aaff7d]:before,.b-accordion-item[data-v-70aaff7d]:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] *,.b-accordion-item[data-v-70aaff7d] *:before,.b-accordion-item[data-v-70aaff7d] *:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-70aaff7d] ::-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-70aaff7d]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-70aaff7d]{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-70aaff7d]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-70aaff7d]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-70aaff7d]:focus-visible{outline:none;animation:outer-ring-default-70aaff7d 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-70aaff7d{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-70aaff7d]{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-70aaff7d]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uqunc4p-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uqunc4p-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uqunc4p-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uqunc4p-70aaff7d{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uqunc4p-70aaff7d{0%{scale:1}to{scale:1}}@keyframes enter-uqunc4p-70aaff7d{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-70aaff7d]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uqunc5g-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uqunc5g-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uqunc5g-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uqunc5g-70aaff7d{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uqunc5g-70aaff7d{0%{scale:1}to{scale:1}}@keyframes exit-uqunc5g-70aaff7d{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-cef184ec]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-accordion[data-v-cef184ec],.b-accordion[data-v-cef184ec]:before,.b-accordion[data-v-cef184ec]:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] *,.b-accordion[data-v-cef184ec] *:before,.b-accordion[data-v-cef184ec] *:after{box-sizing:border-box}.b-accordion[data-v-cef184ec] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-cef184ec] ::-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-70aaff7d]{-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-70aaff7d]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-70aaff7d]:focus-visible{outline:none}.b-accordion-item[data-v-70aaff7d],.b-accordion-item[data-v-70aaff7d]:before,.b-accordion-item[data-v-70aaff7d]:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] *,.b-accordion-item[data-v-70aaff7d] *:before,.b-accordion-item[data-v-70aaff7d] *:after{box-sizing:border-box}.b-accordion-item[data-v-70aaff7d] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-70aaff7d] ::-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-70aaff7d]:first-of-type{border-top:var(--b-border-width-s) solid var(--b-color-outline-primary)}.b-accordion-item__button[data-v-70aaff7d]{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-70aaff7d]:hover{background-color:var(--b-color-background-primary-hover)}.b-accordion-item__button[data-v-70aaff7d]:active{background-color:var(--b-color-background-primary-active)}.b-accordion-item__button[data-v-70aaff7d]:focus-visible{outline:none;animation:outer-ring-default-70aaff7d 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-70aaff7d{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-70aaff7d]{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-70aaff7d]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-ujhuush-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ujhuush-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ujhuush-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ujhuush-70aaff7d{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ujhuush-70aaff7d{0%{scale:1}to{scale:1}}@keyframes enter-ujhuush-70aaff7d{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-70aaff7d]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-ujhuut3-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ujhuut3-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ujhuut3-70aaff7d var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ujhuut3-70aaff7d{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ujhuut3-70aaff7d{0%{scale:1}to{scale:1}}@keyframes exit-ujhuut3-70aaff7d{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/action-bar.css

@@ -1 +1 @@
-.b-action-bar[data-v-6ed0fae4]{-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-6ed0fae4],.b-action-bar[data-v-6ed0fae4]:before,.b-action-bar[data-v-6ed0fae4]:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] *,.b-action-bar[data-v-6ed0fae4] *:before,.b-action-bar[data-v-6ed0fae4] *:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-6ed0fae4] ::-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-6ed0fae4{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-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}.b-action-bar__state-actions[data-v-6ed0fae4]{display:flex;gap:var(--b-spacer-090);margin-left:var(--b-spacer-110)}.b-action-bar__container[data-v-6ed0fae4]{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-6ed0fae4]{width:auto}}.b-action-bar__container--success[data-v-6ed0fae4]{background-color:var(--b-color-background-success-strong)}.b-action-bar__container--fail[data-v-6ed0fae4]{background-color:var(--b-color-background-critical-strong)}.b-action-bar__container-inner[data-v-6ed0fae4]{align-items:center;display:flex;white-space:nowrap;width:100%}.b-action-bar__close-button[data-v-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}@media(min-width:500px){.b-action-bar__close-button[data-v-6ed0fae4]{margin-right:var(--b-spacer-090)}}.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-070);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:500px){.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-110);width:120px}}@media(min-width:500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-6ed0fae4]{width:160px}}.b-action-bar__actions[data-v-6ed0fae4]{container-type:normal}.b-action-bar__actions[data-v-6ed0fae4] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-6ed0fae4]{bottom:var(--b-spacer-120)}.b-action-bar__animation-enter-active[data-v-6ed0fae4]{animation:fade-in-uqunbos-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uqunbos-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uqunbos-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uqunbos-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uqunbos-6ed0fae4{0%{scale:.9}to{scale:1}}@keyframes enter-uqunbos-6ed0fae4{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-6ed0fae4]{animation:fade-out-uqunbr1-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uqunbr1-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uqunbr1-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uqunbr1-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uqunbr1-6ed0fae4{0%{scale:1}to{scale:.9}}@keyframes exit-uqunbr1-6ed0fae4{0%{translate:0 0}to{translate:0 8px}}.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-uqunbtf-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-uqunbtf-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-uqunbtf-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-uqunbtf-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uqunbtf-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-uqunbtf-6ed0fae4{0%{translate:0 -48px}to{translate:0 0}}.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-uqunbvk-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-uqunbvk-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-uqunbvk-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-uqunbvk-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uqunbvk-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-uqunbvk-6ed0fae4{0%{translate:0 0}to{translate:0 48px}}.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4]{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-6ed0fae4]{animation:fade-in-uqunbx4-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uqunbx4-6ed0fae4{0%{opacity:0}to{opacity:1}}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation-fill-mode:both}.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4]{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-6ed0fae4]{animation:fade-out-uqunby4-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-out-uqunby4-6ed0fae4{0%{opacity:1}to{opacity:0}}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation-fill-mode:both}.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-uqunbzn-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-uqunbzn-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-uqunbzn-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-uqunbzn-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uqunbzn-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-uqunbzn-6ed0fae4{0%{translate:0 48px}to{translate:0 0}}.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-uqunbzx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-uqunbzx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-uqunbzx-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-uqunbzx-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uqunbzx-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-uqunbzx-6ed0fae4{0%{translate:0 0}to{translate:0 -48px}}.b-action-bar__state-animation--shake[data-v-6ed0fae4]{animation-duration:var(--b-animation-duration-moderate);animation-name:shake-action-bar-6ed0fae4;animation-timing-function:var(--b-animation-easing-standard)}@media(prefers-reduced-motion:reduce){.b-action-bar__animation-enter-active[data-v-6ed0fae4],.b-action-bar__animation-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--shake[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:none;transition:none}}
+.b-action-bar[data-v-6ed0fae4]{-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-6ed0fae4],.b-action-bar[data-v-6ed0fae4]:before,.b-action-bar[data-v-6ed0fae4]:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] *,.b-action-bar[data-v-6ed0fae4] *:before,.b-action-bar[data-v-6ed0fae4] *:after{box-sizing:border-box}.b-action-bar[data-v-6ed0fae4] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-6ed0fae4] ::-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-6ed0fae4{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-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}.b-action-bar__state-actions[data-v-6ed0fae4]{display:flex;gap:var(--b-spacer-090);margin-left:var(--b-spacer-110)}.b-action-bar__container[data-v-6ed0fae4]{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-6ed0fae4]{width:auto}}.b-action-bar__container--success[data-v-6ed0fae4]{background-color:var(--b-color-background-success-strong)}.b-action-bar__container--fail[data-v-6ed0fae4]{background-color:var(--b-color-background-critical-strong)}.b-action-bar__container-inner[data-v-6ed0fae4]{align-items:center;display:flex;white-space:nowrap;width:100%}.b-action-bar__close-button[data-v-6ed0fae4]{align-items:center;display:flex;margin-right:var(--b-spacer-070)}@media(min-width:500px){.b-action-bar__close-button[data-v-6ed0fae4]{margin-right:var(--b-spacer-090)}}.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-070);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:500px){.b-action-bar__selection[data-v-6ed0fae4]{margin-right:var(--b-spacer-110);width:120px}}@media(min-width:500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-6ed0fae4]{width:160px}}.b-action-bar__actions[data-v-6ed0fae4]{container-type:normal}.b-action-bar__actions[data-v-6ed0fae4] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-6ed0fae4]{bottom:var(--b-spacer-120)}.b-action-bar__animation-enter-active[data-v-6ed0fae4]{animation:fade-in-ujhuu9m-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ujhuu9m-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ujhuu9m-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ujhuu9m-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ujhuu9m-6ed0fae4{0%{scale:.9}to{scale:1}}@keyframes enter-ujhuu9m-6ed0fae4{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-6ed0fae4]{animation:fade-out-ujhuubk-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ujhuubk-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ujhuubk-6ed0fae4 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ujhuubk-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ujhuubk-6ed0fae4{0%{scale:1}to{scale:.9}}@keyframes exit-ujhuubk-6ed0fae4{0%{translate:0 0}to{translate:0 8px}}.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-ujhuucy-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-ujhuucy-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-ujhuucy-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-ujhuucy-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ujhuucy-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-ujhuucy-6ed0fae4{0%{translate:0 -48px}to{translate:0 0}}.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-ujhuudw-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-ujhuudw-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-ujhuudw-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-ujhuudw-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ujhuudw-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-ujhuudw-6ed0fae4{0%{translate:0 0}to{translate:0 48px}}.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4]{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-6ed0fae4]{animation:fade-in-ujhuuf2-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ujhuuf2-6ed0fae4{0%{opacity:0}to{opacity:1}}.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation-fill-mode:both}.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4]{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-6ed0fae4]{animation:fade-out-ujhuufq-6ed0fae4 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-out-ujhuufq-6ed0fae4{0%{opacity:1}to{opacity:0}}.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation-fill-mode:both}.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-in-ujhuuh7-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),enter-ujhuuh7-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-enter),scale-up-ujhuuh7-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-in-ujhuuh7-6ed0fae4{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ujhuuh7-6ed0fae4{0%{scale:.8}to{scale:1}}@keyframes enter-ujhuuh7-6ed0fae4{0%{translate:0 48px}to{translate:0 0}}.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4]{bottom:0;position:absolute;animation:fade-out-ujhuuhw-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear),exit-ujhuuhw-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-exit),scale-down-ujhuuhw-6ed0fae4 var(--b-animation-duration-slow) var(--b-animation-easing-linear)}@keyframes fade-out-ujhuuhw-6ed0fae4{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ujhuuhw-6ed0fae4{0%{scale:1}to{scale:.8}}@keyframes exit-ujhuuhw-6ed0fae4{0%{translate:0 0}to{translate:0 -48px}}.b-action-bar__state-animation--shake[data-v-6ed0fae4]{animation-duration:var(--b-animation-duration-moderate);animation-name:shake-action-bar-6ed0fae4;animation-timing-function:var(--b-animation-easing-standard)}@media(prefers-reduced-motion:reduce){.b-action-bar__animation-enter-active[data-v-6ed0fae4],.b-action-bar__animation-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--start-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--success-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--fail-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active[data-v-6ed0fae4],.b-action-bar__state-animation--shake[data-v-6ed0fae4],.b-action-bar__state-animation--loading-enter-active .b-action-bar__container-inner[data-v-6ed0fae4],.b-action-bar__state-animation--loading-leave-active .b-action-bar__container-inner[data-v-6ed0fae4]{animation:none;transition:none}}