@adyen/bento-vue3 1.68.0 → 1.68.1

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

@@ -17,6 +17,9 @@ import type { DirectiveHook } from 'vue';
 import { ExtractComputedReturns } from 'vue/types/v3-component-options';
 import { ExtractPropTypes } from 'vue';
 import type { HTMLAttributes } from '@vue/runtime-dom';
+import type { Middleware } from '@floating-ui/vue';
+import { MiddlewareReturn } from '@floating-ui/vue';
+import { MiddlewareState } from '@floating-ui/vue';
 import type { Placement } from '@floating-ui/vue';
 import type { Plugin } from 'vue';
 import { PropType } from 'vue';
@@ -1139,6 +1142,12 @@ declare type __VLS_WithTemplateSlots_53<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_54<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_6<T, S> = T & {
     new (): {
         $slots: S;
@@ -3640,7 +3649,7 @@ export declare interface BentoCurrencyProps {
  *     `
  * }
  */
-export declare const BentoDashboardSection: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
+export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
 /**
 * The header of the section
 */
@@ -3699,7 +3708,7 @@ halfWidth: boolean;
  *     `
  * }
  */
-export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
+export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
 /**
 * The header that goes to the top of the template
 */
@@ -4761,7 +4770,7 @@ declare interface BentoDataGridSummaryCellProps {
  *     `
  * }
  */
-export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_53<DefineComponent<    {
+export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_54<DefineComponent<    {
 /**
 * The header that goes to the top of the template
 */
@@ -12750,7 +12759,7 @@ export declare interface BentoPopoverProps {
      * Popover's target element.
      * The popover will position itself relatively to target element, in specified position.
      */
-    targetElement: HTMLElement | null;
+    targetElement: InstanceType<typeof _default>['$props']['targetElement'];
     /**
      * Displays the popover without padding.
      */
@@ -12780,7 +12789,7 @@ export declare interface BentoPopoverProps {
  *     `
  * };
  */
-export declare const BentoPromoBanner: __VLS_WithTemplateSlots_31<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
+export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
 actions: any;
 color: BentoPromoBannerColor;
 isDismissible: boolean;
@@ -12927,7 +12936,7 @@ export declare interface BentoPromoBannerProps {
  *     }
  * }
  */
-export declare const BentoRadioButton: __VLS_WithTemplateSlots_33<DefineComponent<    {
+export declare const BentoRadioButton: __VLS_WithTemplateSlots_34<DefineComponent<    {
 /**
 * Disable the radio button (optional)
 */
@@ -13082,7 +13091,7 @@ export declare type BentoRadioButtonValue = string | number;
  *     `
  * };
  */
-export declare const BentoRadioGroup: __VLS_WithTemplateSlots_32<DefineComponent<    {
+export declare const BentoRadioGroup: __VLS_WithTemplateSlots_33<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -13838,7 +13847,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
  *     `
  * }
  */
-export declare const BentoSelectionCard: __VLS_WithTemplateSlots_34<DefineComponent<    {
+export declare const BentoSelectionCard: __VLS_WithTemplateSlots_35<DefineComponent<    {
 /**
 * The description of the selection card
 */
@@ -14031,7 +14040,7 @@ fullyClickable: boolean;
  *     `,
  * }
  */
-export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_35<DefineComponent<    {
+export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_36<DefineComponent<    {
 /**
 * Descriptive supporting text visbile underneath the label.
 */
@@ -14347,7 +14356,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
  *     `
  * }
  */
-export declare const BentoSidepanel: __VLS_WithTemplateSlots_37<DefineComponent<    {
+export declare const BentoSidepanel: __VLS_WithTemplateSlots_38<DefineComponent<    {
 /**
 * The id of the current active page
 * Should be the same id as the BentoSidepanelPage to be displayed
@@ -14475,7 +14484,7 @@ export declare enum BentoSidepanelEvent {
  *     `
  * }
  */
-export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_36<DefineComponent<    {
+export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_37<DefineComponent<    {
 /**
 * List of actions that will be used to render the buttons.
 * First element in the list will be rendered as "primary".
@@ -14618,7 +14627,7 @@ destructiveActions: boolean;
  *     `
  * }
  */
-export declare const BentoStatus: __VLS_WithTemplateSlots_38<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
+export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
     default: (_: {}) => any;
 }>;
 
@@ -14663,7 +14672,7 @@ export declare enum BentoStatusVariant {
  *     `
  * }
  */
-export declare const BentoStep: __VLS_WithTemplateSlots_40<DefineComponent<    {
+export declare const BentoStep: __VLS_WithTemplateSlots_41<DefineComponent<    {
 /**
 * Completed status. Used on non-linear steppers to indicate if the step is completed.
 */
@@ -14720,7 +14729,7 @@ substepIndex: number;
  *     `
  * }
  */
-export declare const BentoStepper: __VLS_WithTemplateSlots_39<DefineComponent<    {
+export declare const BentoStepper: __VLS_WithTemplateSlots_40<DefineComponent<    {
 /**
 * Type of stepper; defines how the stepper should behave. Default: linear
 * @values linear, non-linear
@@ -14834,7 +14843,7 @@ declare interface BentoStickyTabsOptions {
  *     `
  * }
  */
-export declare const BentoStructuredList: __VLS_WithTemplateSlots_41<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
+export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
 /**
 * Width of the labels container, in pixels. Overrides layout prop.
 */
@@ -14912,7 +14921,7 @@ labelsWidth: number;
  *     `
  * }
  */
-export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
+export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
 /**
 * Label to display for the value
 */
@@ -14992,7 +15001,7 @@ declare const BentoStructuredListLayoutOptions: string[];
  *     `
  * }
  */
-export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
+export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
 columnWidth: any;
 slashedZero: boolean;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
@@ -15030,7 +15039,7 @@ export declare interface BentoSummaryGridColumnWidth {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
+export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15107,7 +15116,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
  *     `
  * }
  */
-export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
+export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
 copy: any;
 infoIconTooltipText: any;
 fitContent: boolean;
@@ -15181,7 +15190,7 @@ export declare interface BentoSummaryGridItemCustomProps {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
+export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15256,7 +15265,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
  *     `
  * }
  */
-export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
+export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15346,7 +15355,7 @@ declare enum BentoSummaryGridItemSize_2 {
  *     `
  * }
  */
-export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
+export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
 copy: any;
 fitContent: boolean;
 infoIconTooltipText: any;
@@ -15457,7 +15466,7 @@ export declare interface BentoSummaryGridProps {
  *    </bento-tabs>
  * </template>
  */
-export declare const BentoTab: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
+export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
 counter: any;
 disabled: boolean;
 hidden: boolean;
@@ -17217,7 +17226,7 @@ export declare interface BentoTutorialStep {
  *     `
  * }
  */
-export declare const BentoTypography: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
+export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
 /**
 * Sets the HTML DOM element.
 * @values h1, h2, h3, h4, h5, h6, div, p, span
@@ -17444,6 +17453,254 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
 
 declare type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;
 
+/**
+ * A wrapper for the 'popper/core' package that overlays a small piece of content near a target element.
+ *
+ * NOTE: This component should not be used by itself but more implemented by other exported components
+ * e.g. Tooltip
+ * More info here on the package: https://floating-ui.com/docs/vue
+ *
+ * * @usage
+ * import { PopperContainer } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { PopperContainer },
+ *     computed: {
+ *         targetElement() {
+ *             return this.$refs.tooltipTarget;
+ *         },
+ *     },
+ *     template: `
+ *          <popper-container
+ *               :target-element="targetElement"
+ *               :position="position"
+ *           >
+ *               {{ content }}
+ *          </popper-container>`,
+ * }
+ */
+declare const _default: __VLS_WithTemplateSlots_31<DefineComponent<    {
+/**
+* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
+*/
+ariaRole: {
+type: PropType<PopperContainerAriaRole>;
+default: any;
+validator: (value: unknown) => boolean;
+};
+/**
+* Indicates if container should have additional arrow, pointing at target element
+* Can be just a boolean flag, or an object with additional configuration:
+* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
+* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
+*/
+arrow: {
+type: PropType<PopperContainerArrowProp | boolean>;
+default: any;
+};
+/**
+* Disables wrapping focus-trap component.
+* Mostly useful for the storybook demo.
+*/
+disabledFocusTrap: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
+* Useful when not using auto as starting placement.
+* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
+*/
+fallbackPosition: {
+type: PropType<FallbackPositionProp>;
+default: any;
+};
+/**
+* Instructs popover to be visible outside of the containing container.
+* Useful when component would be used in limited containers like Modal, Side panel, etc.
+* @see {@link https://floating-ui.com/docs/usefloating#strategy}
+*/
+fixedPositioning: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* The id to be set on the component. Use it for accessibility purposes.
+*/
+id: {
+type: StringConstructor;
+default: any;
+};
+/**
+* If hiding / showing popper element then use this property to tell the popper when to update it's position.
+* This will drastically help improve performance, as we will not need to track hidden elements.
+*/
+isHidden: {
+type: BooleanConstructor;
+default: any;
+};
+/**
+* Instructs popper container to have the same width as target element.
+*/
+matchWidth: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
+* @see {@link https://floating-ui.com/docs/middleware}
+*/
+middleware: {
+type: PropType<Middleware[]>;
+default: any;
+};
+/**
+* Allows to displace a popper container from its target element.
+* @see {@link https://floating-ui.com/docs/offset#options}
+*/
+offset: {
+type: PropType<number[]>;
+default: () => number[];
+validator: (value: number[]) => boolean;
+};
+/**
+* Position relative to the target element
+* @see {@link https://floating-ui.com/docs/computeposition#placement}
+*/
+position: {
+type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
+default: PopperContainerPositionExtended;
+validator: (value: unknown) => boolean;
+};
+/**
+* Reference to the DOM element or Vue component for positioning
+*/
+targetElement: {
+type: PropType<VueNodeElement>;
+required: true;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+placement: (value: Placement) => void;
+}, string, Readonly<ExtractPropTypes<    {
+/**
+* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
+*/
+ariaRole: {
+type: PropType<PopperContainerAriaRole>;
+default: any;
+validator: (value: unknown) => boolean;
+};
+/**
+* Indicates if container should have additional arrow, pointing at target element
+* Can be just a boolean flag, or an object with additional configuration:
+* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
+* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
+*/
+arrow: {
+type: PropType<PopperContainerArrowProp | boolean>;
+default: any;
+};
+/**
+* Disables wrapping focus-trap component.
+* Mostly useful for the storybook demo.
+*/
+disabledFocusTrap: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
+* Useful when not using auto as starting placement.
+* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
+*/
+fallbackPosition: {
+type: PropType<FallbackPositionProp>;
+default: any;
+};
+/**
+* Instructs popover to be visible outside of the containing container.
+* Useful when component would be used in limited containers like Modal, Side panel, etc.
+* @see {@link https://floating-ui.com/docs/usefloating#strategy}
+*/
+fixedPositioning: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* The id to be set on the component. Use it for accessibility purposes.
+*/
+id: {
+type: StringConstructor;
+default: any;
+};
+/**
+* If hiding / showing popper element then use this property to tell the popper when to update it's position.
+* This will drastically help improve performance, as we will not need to track hidden elements.
+*/
+isHidden: {
+type: BooleanConstructor;
+default: any;
+};
+/**
+* Instructs popper container to have the same width as target element.
+*/
+matchWidth: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
+* @see {@link https://floating-ui.com/docs/middleware}
+*/
+middleware: {
+type: PropType<Middleware[]>;
+default: any;
+};
+/**
+* Allows to displace a popper container from its target element.
+* @see {@link https://floating-ui.com/docs/offset#options}
+*/
+offset: {
+type: PropType<number[]>;
+default: () => number[];
+validator: (value: number[]) => boolean;
+};
+/**
+* Position relative to the target element
+* @see {@link https://floating-ui.com/docs/computeposition#placement}
+*/
+position: {
+type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
+default: PopperContainerPositionExtended;
+validator: (value: unknown) => boolean;
+};
+/**
+* Reference to the DOM element or Vue component for positioning
+*/
+targetElement: {
+type: PropType<VueNodeElement>;
+required: true;
+};
+}>>, {
+position: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
+offset: number[];
+id: string;
+ariaRole: PopperContainerAriaRole;
+arrow: any;
+disabledFocusTrap: boolean;
+fallbackPosition: FallbackPositionProp;
+fixedPositioning: boolean;
+isHidden: boolean;
+matchWidth: boolean;
+middleware: {
+name: string;
+options?: any;
+fn: (state: MiddlewareState) => MiddlewareReturn | Promise<MiddlewareReturn>;
+}[];
+}>, {
+    default: (_: {}) => any;
+}>;
+
 declare type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
 
 declare type Element_2 = HTMLElement & {
@@ -17464,6 +17721,8 @@ export declare type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
 
+declare type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;
+
 /**
  * Void function
  */
@@ -17715,6 +17974,16 @@ declare interface OnClickOutsideOptions {
 declare const plugin: Plugin<BentoVuePlugin>;
 export default plugin;
 
+declare enum PopperContainerAriaRole {
+    TOOLTIP = "tooltip",
+    POPOVER = "dialog"
+}
+
+declare interface PopperContainerArrowProp {
+    classes?: string[];
+    padding?: string;
+}
+
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */

package/dist/assets/accordion-item.css

@@ -1 +1 @@
-.b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] *,.b-accordion[data-v-9fccc066] *:before,.b-accordion[data-v-9fccc066] *:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-242828d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-242828d5],.b-accordion-item[data-v-242828d5]:before,.b-accordion-item[data-v-242828d5]:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] *,.b-accordion-item[data-v-242828d5] *:before,.b-accordion-item[data-v-242828d5] *:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-242828d5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-242828d5]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-242828d5]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-242828d5]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-242828d5]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-242828d5]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-242828d5]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-242828d5]:focus-visible{animation:outer-ring-default-242828d5 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);outline:none}@keyframes outer-ring-default-242828d5{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-242828d5]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-242828d5]{animation:fade-in-ull2jfp-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ull2jfp-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ull2jfp-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-ull2jfp-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ull2jfp-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-ull2jfp-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-ull2jfx-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ull2jfx-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ull2jfx-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-ull2jfx-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ull2jfx-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-ull2jfx-242828d5{0%{translate:0 0}to{translate:0 -8px}}
+.b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] *,.b-accordion[data-v-9fccc066] *:before,.b-accordion[data-v-9fccc066] *:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-242828d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-242828d5],.b-accordion-item[data-v-242828d5]:before,.b-accordion-item[data-v-242828d5]:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] *,.b-accordion-item[data-v-242828d5] *:before,.b-accordion-item[data-v-242828d5] *:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-242828d5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-242828d5]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-242828d5]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-242828d5]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-242828d5]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-242828d5]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-242828d5]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-242828d5]:focus-visible{animation:outer-ring-default-242828d5 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);outline:none}@keyframes outer-ring-default-242828d5{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-242828d5]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-242828d5]{animation:fade-in-uosi33q-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uosi33q-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-uosi33q-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-uosi33q-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uosi33q-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-uosi33q-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-uosi33u-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uosi33u-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-uosi33u-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-uosi33u-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uosi33u-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-uosi33u-242828d5{0%{translate:0 0}to{translate:0 -8px}}

package/dist/assets/action-bar.css

@@ -1 +1 @@
-.b-action-bar[data-v-b0723466]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-b0723466],.b-action-bar[data-v-b0723466]:before,.b-action-bar[data-v-b0723466]:after{box-sizing:border-box}.b-action-bar[data-v-b0723466] *,.b-action-bar[data-v-b0723466] *:before,.b-action-bar[data-v-b0723466] *:after{box-sizing:border-box}.b-action-bar[data-v-b0723466] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-b0723466] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-action-bar__container[data-v-b0723466]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-b0723466]{width:auto}}.b-action-bar__close-button[data-v-b0723466]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-b0723466]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-b0723466]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-b0723466]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-b0723466]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-b0723466]{width:160px}}.b-action-bar__actions[data-v-b0723466]{container-type:normal}.b-action-bar__actions[data-v-b0723466] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-b0723466]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-b0723466]{animation:fade-in-ull2j5s-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ull2j5s-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ull2j5s-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ull2j5s-b0723466{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ull2j5s-b0723466{0%{scale:.9}to{scale:1}}@keyframes enter-ull2j5s-b0723466{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-b0723466]{animation:fade-out-ull2j98-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ull2j98-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ull2j98-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ull2j98-b0723466{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ull2j98-b0723466{0%{scale:1}to{scale:.9}}@keyframes exit-ull2j98-b0723466{0%{translate:0 0}to{translate:0 8px}}
+.b-action-bar[data-v-b0723466]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-b0723466],.b-action-bar[data-v-b0723466]:before,.b-action-bar[data-v-b0723466]:after{box-sizing:border-box}.b-action-bar[data-v-b0723466] *,.b-action-bar[data-v-b0723466] *:before,.b-action-bar[data-v-b0723466] *:after{box-sizing:border-box}.b-action-bar[data-v-b0723466] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-b0723466] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-action-bar__container[data-v-b0723466]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-b0723466]{width:auto}}.b-action-bar__close-button[data-v-b0723466]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-b0723466]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-b0723466]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-b0723466]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-b0723466]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-b0723466]{width:160px}}.b-action-bar__actions[data-v-b0723466]{container-type:normal}.b-action-bar__actions[data-v-b0723466] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-b0723466]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-b0723466]{animation:fade-in-uosi2si-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-uosi2si-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-uosi2si-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uosi2si-b0723466{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uosi2si-b0723466{0%{scale:.9}to{scale:1}}@keyframes enter-uosi2si-b0723466{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-b0723466]{animation:fade-out-uosi2w9-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-uosi2w9-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-uosi2w9-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uosi2w9-b0723466{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uosi2w9-b0723466{0%{scale:1}to{scale:.9}}@keyframes exit-uosi2w9-b0723466{0%{translate:0 0}to{translate:0 8px}}

package/dist/assets/base-modal.css

@@ -1 +1 @@
-.b-modal-page[data-v-67effa50]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-67effa50],.b-modal-page[data-v-67effa50]:before,.b-modal-page[data-v-67effa50]:after{box-sizing:border-box}.b-modal-page[data-v-67effa50] *,.b-modal-page[data-v-67effa50] *:before,.b-modal-page[data-v-67effa50] *:after{box-sizing:border-box}.b-modal-page[data-v-67effa50] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-67effa50] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-page--custom-padding[data-v-67effa50] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-67effa50],.b-modal-page__actions-container[data-v-67effa50]{position:sticky;width:100%}.b-modal-page__header-container[data-v-67effa50]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-67effa50]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-67effa50]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-67effa50] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-67effa50]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-67effa50]{padding-top:0}.b-modal-page__content--with-actions[data-v-67effa50]{padding-bottom:0}.b-modal-page__grid[data-v-67effa50]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-67effa50]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-ull2jlt-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-ull2jlt-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-ull2jlt-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ull2jlt-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ull2jlt-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-ull2jlt-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-ull2jm6-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ull2jm6-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-ull2jmc-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-ull2jmc-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-ull2jmc-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ull2jmc-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ull2jmc-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-ull2jmc-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-ull2jmy-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ull2jmy-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}
+.b-modal-page[data-v-67effa50]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-67effa50],.b-modal-page[data-v-67effa50]:before,.b-modal-page[data-v-67effa50]:after{box-sizing:border-box}.b-modal-page[data-v-67effa50] *,.b-modal-page[data-v-67effa50] *:before,.b-modal-page[data-v-67effa50] *:after{box-sizing:border-box}.b-modal-page[data-v-67effa50] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-67effa50] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-page--custom-padding[data-v-67effa50] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-67effa50],.b-modal-page__actions-container[data-v-67effa50]{position:sticky;width:100%}.b-modal-page__header-container[data-v-67effa50]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-67effa50]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-67effa50]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-67effa50] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-67effa50]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-67effa50]{padding-top:0}.b-modal-page__content--with-actions[data-v-67effa50]{padding-bottom:0}.b-modal-page__grid[data-v-67effa50]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-67effa50]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-uosi346-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uosi346-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-uosi346-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uosi346-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uosi346-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-uosi346-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-uosi34k-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uosi34k-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-uosi34y-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uosi34y-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-uosi34y-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uosi34y-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uosi34y-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-uosi34y-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-uosi35a-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uosi35a-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}

package/dist/assets/card.css

@@ -1 +1 @@
-.b-card[data-v-6105a212]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius);display:flex;flex-direction:column}.b-card[data-v-6105a212],.b-card[data-v-6105a212]:before,.b-card[data-v-6105a212]:after{box-sizing:border-box}.b-card[data-v-6105a212] *,.b-card[data-v-6105a212] *:before,.b-card[data-v-6105a212] *:after{box-sizing:border-box}.b-card[data-v-6105a212] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-6105a212] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled){cursor:pointer}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):hover{background-color:var(--b-card-clickable-hover-background-color)}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):active{background-color:var(--b-card-clickable-active-background-color)}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):focus-visible{animation:outer-ring-default-6105a212 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);outline:none}.b-card--secondary[data-v-6105a212]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-6105a212]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:active{background-color:var(--b-card-secondary-header-active-background-color)}.b-card--secondary.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):hover{background-color:var(--b-card-secondary-clickable-hover-background-color)}.b-card--secondary.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):active{background-color:var(--b-card-secondary-clickable-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:focus-visible{animation:outer-ring-default-6105a212 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);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-6105a212{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-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-6105a212]{cursor:pointer}.b-card--expandable .b-card__header[data-v-6105a212]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-6105a212]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-6105a212]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-6105a212]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card--disabled.b-card--clickable[data-v-6105a212]{cursor:not-allowed}.b-card--disabled.b-card--clickable .b-card__body[data-v-6105a212]{color:var(--b-card-disabled-color)}.b-card__wrapper[data-v-6105a212]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-6105a212]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-6105a212] img{width:100%}.b-card__image[data-v-6105a212] ::slotted(img){width:100%}.b-card__header[data-v-6105a212]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-6105a212]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-6105a212]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-6105a212]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-6105a212]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-6105a212]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-6105a212]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-6105a212]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-6105a212]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-6105a212]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-6105a212]{flex:1;padding:var(--b-card-content-padding);word-break:break-word}.b-card__content--without-header[data-v-6105a212]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-6105a212]{padding-top:0}.b-card__content[data-v-6105a212] *{word-break:normal}.b-card__description[data-v-6105a212]{color:var(--b-card-description-color)}.b-card__body[data-v-6105a212]{color:var(--b-card-body-color);display:flex;flex:1;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-6105a212]{margin-top:0}.b-card__body--expandable[data-v-6105a212]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-6105a212]{margin-top:auto}.b-card__actions--without-content[data-v-6105a212]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-6105a212]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-6105a212]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-6105a212]{animation:fade-in-ull2jdi-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-ull2jdi-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-ull2jdi-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-ull2jdi-6105a212{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ull2jdi-6105a212{0%{scale:1}to{scale:1}}@keyframes enter-ull2jdi-6105a212{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-6105a212]{animation:fade-out-ull2jf9-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-ull2jf9-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-ull2jf9-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-ull2jf9-6105a212{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ull2jf9-6105a212{0%{scale:1}to{scale:1}}@keyframes exit-ull2jf9-6105a212{0%{translate:0 0}to{translate:0 -8px}}
+.b-card[data-v-6105a212]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius);display:flex;flex-direction:column}.b-card[data-v-6105a212],.b-card[data-v-6105a212]:before,.b-card[data-v-6105a212]:after{box-sizing:border-box}.b-card[data-v-6105a212] *,.b-card[data-v-6105a212] *:before,.b-card[data-v-6105a212] *:after{box-sizing:border-box}.b-card[data-v-6105a212] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-6105a212] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled){cursor:pointer}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):hover{background-color:var(--b-card-clickable-hover-background-color)}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):active{background-color:var(--b-card-clickable-active-background-color)}.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):focus-visible{animation:outer-ring-default-6105a212 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);outline:none}.b-card--secondary[data-v-6105a212]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-6105a212]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:active{background-color:var(--b-card-secondary-header-active-background-color)}.b-card--secondary.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):hover{background-color:var(--b-card-secondary-clickable-hover-background-color)}.b-card--secondary.b-card--clickable[data-v-6105a212]:not(.b-card--disabled):active{background-color:var(--b-card-secondary-clickable-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:focus-visible{animation:outer-ring-default-6105a212 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);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-6105a212{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-card--expandable:not(.b-card--disabled) .b-card__header[data-v-6105a212]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-6105a212]{cursor:pointer}.b-card--expandable .b-card__header[data-v-6105a212]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-6105a212]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-6105a212]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-6105a212]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card--disabled.b-card--clickable[data-v-6105a212]{cursor:not-allowed}.b-card--disabled.b-card--clickable .b-card__body[data-v-6105a212]{color:var(--b-card-disabled-color)}.b-card__wrapper[data-v-6105a212]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-6105a212]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-6105a212] img{width:100%}.b-card__image[data-v-6105a212] ::slotted(img){width:100%}.b-card__header[data-v-6105a212]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-6105a212]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-6105a212]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-6105a212]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-6105a212]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-6105a212]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-6105a212]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-6105a212]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-6105a212]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-6105a212]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-6105a212]{flex:1;padding:var(--b-card-content-padding);word-break:break-word}.b-card__content--without-header[data-v-6105a212]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-6105a212]{padding-top:0}.b-card__content[data-v-6105a212] *{word-break:normal}.b-card__description[data-v-6105a212]{color:var(--b-card-description-color)}.b-card__body[data-v-6105a212]{color:var(--b-card-body-color);display:flex;flex:1;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-6105a212]{margin-top:0}.b-card__body--expandable[data-v-6105a212]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-6105a212]{margin-top:auto}.b-card__actions--without-content[data-v-6105a212]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-6105a212]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-6105a212]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-6105a212]{animation:fade-in-uosi316-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-uosi316-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-uosi316-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-uosi316-6105a212{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uosi316-6105a212{0%{scale:1}to{scale:1}}@keyframes enter-uosi316-6105a212{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-6105a212]{animation:fade-out-uosi32x-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-uosi32x-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-uosi32x-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-uosi32x-6105a212{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uosi32x-6105a212{0%{scale:1}to{scale:1}}@keyframes exit-uosi32x-6105a212{0%{translate:0 0}to{translate:0 -8px}}