@adyen/bento-vue3 1.68.0 → 1.68.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/index.d.ts +296 -25
- package/dist/action-bar.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/chunks/{action-bar.C93kgr7l.js → action-bar.CflF49oL.js} +2 -2
- package/dist/chunks/{action-bar.C93kgr7l.js.map → action-bar.CflF49oL.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.DUccmaB2.js → button-actions-with-menu.8ZYh7-9s.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.DUccmaB2.js.map → button-actions-with-menu.8ZYh7-9s.js.map} +1 -1
- package/dist/chunks/{code-snippet.aucmPbLw.js → code-snippet.D5M76Qy6.js} +2 -2
- package/dist/chunks/{code-snippet.aucmPbLw.js.map → code-snippet.D5M76Qy6.js.map} +1 -1
- package/dist/chunks/{dashboard-section.CUcq2ahu.js → dashboard-section.Bhd5Lsy2.js} +2 -2
- package/dist/chunks/{dashboard-section.CUcq2ahu.js.map → dashboard-section.Bhd5Lsy2.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CDsV2GFG.js → data-grid-template.DSwj7e1E.js} +2 -2
- package/dist/chunks/{data-grid-template.CDsV2GFG.js.map → data-grid-template.DSwj7e1E.js.map} +1 -1
- package/dist/chunks/{data-grid.BJHcfrTG.js → data-grid.BEdELRNZ.js} +10 -11
- package/dist/chunks/data-grid.BEdELRNZ.js.map +1 -0
- package/dist/chunks/{date-picker.DgpMAGYp.js → date-picker.CAoXTiZR.js} +14 -14
- package/dist/chunks/{date-picker.DgpMAGYp.js.map → date-picker.CAoXTiZR.js.map} +1 -1
- package/dist/chunks/{date-range-picker.Bxa_f6Q0.js → date-range-picker.DtV4L3L6.js} +22 -22
- package/dist/chunks/{date-range-picker.Bxa_f6Q0.js.map → date-range-picker.DtV4L3L6.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.AV8Pi1SS.js → dropdown-tag.B3fptORX.js} +2 -2
- package/dist/chunks/{dropdown-tag.AV8Pi1SS.js.map → dropdown-tag.B3fptORX.js.map} +1 -1
- package/dist/chunks/{dropdown.CJBk1euy.js → dropdown.CMOYmQLB.js} +24 -24
- package/dist/chunks/{dropdown.CJBk1euy.js.map → dropdown.CMOYmQLB.js.map} +1 -1
- package/dist/chunks/{filter-bar.6D-9UEng.js → filter-bar.DoHMLZ4O.js} +6 -6
- package/dist/chunks/{filter-bar.6D-9UEng.js.map → filter-bar.DoHMLZ4O.js.map} +1 -1
- package/dist/chunks/{header-with-views.DbBUHvvE.js → header-with-views.BUed3ocZ.js} +4 -4
- package/dist/chunks/{header-with-views.DbBUHvvE.js.map → header-with-views.BUed3ocZ.js.map} +1 -1
- package/dist/chunks/{header.wiq0wlgm.js → header.CwKjDgKv.js} +2 -2
- package/dist/chunks/{header.wiq0wlgm.js.map → header.CwKjDgKv.js.map} +1 -1
- package/dist/chunks/{input-field-password.Cr3A_4n0.js → input-field-password.DN0Jro1V.js} +3 -3
- package/dist/chunks/{input-field-password.Cr3A_4n0.js.map → input-field-password.DN0Jro1V.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.DZp5IzU3.js → input-field-phone-number.BhPsrafR.js} +3 -3
- package/dist/chunks/{input-field-phone-number.DZp5IzU3.js.map → input-field-phone-number.BhPsrafR.js.map} +1 -1
- package/dist/chunks/{input-field.CmV2d_Zc.js → input-field.su5Cq8Dt.js} +2 -2
- package/dist/chunks/{input-field.CmV2d_Zc.js.map → input-field.su5Cq8Dt.js.map} +1 -1
- package/dist/chunks/{menu.C-3obPGl.js → menu.EtjeOPXX.js} +182 -183
- package/dist/chunks/menu.EtjeOPXX.js.map +1 -0
- package/dist/chunks/{pagination.DLYrWpKr.js → pagination.fYQak4C8.js} +2 -2
- package/dist/chunks/{pagination.DLYrWpKr.js.map → pagination.fYQak4C8.js.map} +1 -1
- package/dist/chunks/popover.types.V8old-GW.js.map +1 -1
- package/dist/chunks/{search-bar.CpQ_MEVj.js → search-bar.CUrcP_wf.js} +3 -3
- package/dist/chunks/{search-bar.CpQ_MEVj.js.map → search-bar.CUrcP_wf.js.map} +1 -1
- package/dist/chunks/{secondary-nav.RTBLEukC.js → secondary-nav.j3ddtYoZ.js} +2 -2
- package/dist/chunks/{secondary-nav.RTBLEukC.js.map → secondary-nav.j3ddtYoZ.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.nYHtTHqy.js → tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js} +2 -2
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.nYHtTHqy.js.map → tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +2 -2
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +20 -20
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/chunks/data-grid.BJHcfrTG.js.map +0 -1
- package/dist/chunks/menu.C-3obPGl.js.map +0 -1
package/dist/@types/index.d.ts
CHANGED
|
@@ -17,6 +17,10 @@ import type { DirectiveHook } from 'vue';
|
|
|
17
17
|
import { ExtractComputedReturns } from 'vue/types/v3-component-options';
|
|
18
18
|
import { ExtractPropTypes } from 'vue';
|
|
19
19
|
import type { HTMLAttributes } from '@vue/runtime-dom';
|
|
20
|
+
import { HTMLAttributes as HTMLAttributes_2 } from 'vue';
|
|
21
|
+
import type { Middleware } from '@floating-ui/vue';
|
|
22
|
+
import { MiddlewareReturn } from '@floating-ui/vue';
|
|
23
|
+
import { MiddlewareState } from '@floating-ui/vue';
|
|
20
24
|
import type { Placement } from '@floating-ui/vue';
|
|
21
25
|
import type { Plugin } from 'vue';
|
|
22
26
|
import { PropType } from 'vue';
|
|
@@ -1139,6 +1143,12 @@ declare type __VLS_WithTemplateSlots_53<T, S> = T & {
|
|
|
1139
1143
|
};
|
|
1140
1144
|
};
|
|
1141
1145
|
|
|
1146
|
+
declare type __VLS_WithTemplateSlots_54<T, S> = T & {
|
|
1147
|
+
new (): {
|
|
1148
|
+
$slots: S;
|
|
1149
|
+
};
|
|
1150
|
+
};
|
|
1151
|
+
|
|
1142
1152
|
declare type __VLS_WithTemplateSlots_6<T, S> = T & {
|
|
1143
1153
|
new (): {
|
|
1144
1154
|
$slots: S;
|
|
@@ -3640,7 +3650,7 @@ export declare interface BentoCurrencyProps {
|
|
|
3640
3650
|
* `
|
|
3641
3651
|
* }
|
|
3642
3652
|
*/
|
|
3643
|
-
export declare const BentoDashboardSection:
|
|
3653
|
+
export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
|
|
3644
3654
|
/**
|
|
3645
3655
|
* The header of the section
|
|
3646
3656
|
*/
|
|
@@ -3699,7 +3709,7 @@ halfWidth: boolean;
|
|
|
3699
3709
|
* `
|
|
3700
3710
|
* }
|
|
3701
3711
|
*/
|
|
3702
|
-
export declare const BentoDashboardTemplate:
|
|
3712
|
+
export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
|
|
3703
3713
|
/**
|
|
3704
3714
|
* The header that goes to the top of the template
|
|
3705
3715
|
*/
|
|
@@ -4761,7 +4771,7 @@ declare interface BentoDataGridSummaryCellProps {
|
|
|
4761
4771
|
* `
|
|
4762
4772
|
* }
|
|
4763
4773
|
*/
|
|
4764
|
-
export declare const BentoDataGridTemplate:
|
|
4774
|
+
export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_54<DefineComponent< {
|
|
4765
4775
|
/**
|
|
4766
4776
|
* The header that goes to the top of the template
|
|
4767
4777
|
*/
|
|
@@ -10399,9 +10409,10 @@ closeOnClickOutsideOptions: any;
|
|
|
10399
10409
|
}>;
|
|
10400
10410
|
|
|
10401
10411
|
export declare type BentoMenuButtonProps = {
|
|
10402
|
-
|
|
10412
|
+
'aria-label'?: HTMLAttributes_2['aria-label'];
|
|
10403
10413
|
condensed?: ButtonProps['condensed'];
|
|
10404
10414
|
disabled?: ButtonProps['disabled'];
|
|
10415
|
+
variant?: ButtonProps['variant'];
|
|
10405
10416
|
};
|
|
10406
10417
|
|
|
10407
10418
|
export declare enum BentoMenuEvent {
|
|
@@ -12750,7 +12761,7 @@ export declare interface BentoPopoverProps {
|
|
|
12750
12761
|
* Popover's target element.
|
|
12751
12762
|
* The popover will position itself relatively to target element, in specified position.
|
|
12752
12763
|
*/
|
|
12753
|
-
targetElement:
|
|
12764
|
+
targetElement: InstanceType<typeof _default>['$props']['targetElement'];
|
|
12754
12765
|
/**
|
|
12755
12766
|
* Displays the popover without padding.
|
|
12756
12767
|
*/
|
|
@@ -12780,7 +12791,7 @@ export declare interface BentoPopoverProps {
|
|
|
12780
12791
|
* `
|
|
12781
12792
|
* };
|
|
12782
12793
|
*/
|
|
12783
|
-
export declare const BentoPromoBanner:
|
|
12794
|
+
export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
|
|
12784
12795
|
actions: any;
|
|
12785
12796
|
color: BentoPromoBannerColor;
|
|
12786
12797
|
isDismissible: boolean;
|
|
@@ -12927,7 +12938,7 @@ export declare interface BentoPromoBannerProps {
|
|
|
12927
12938
|
* }
|
|
12928
12939
|
* }
|
|
12929
12940
|
*/
|
|
12930
|
-
export declare const BentoRadioButton:
|
|
12941
|
+
export declare const BentoRadioButton: __VLS_WithTemplateSlots_34<DefineComponent< {
|
|
12931
12942
|
/**
|
|
12932
12943
|
* Disable the radio button (optional)
|
|
12933
12944
|
*/
|
|
@@ -13082,7 +13093,7 @@ export declare type BentoRadioButtonValue = string | number;
|
|
|
13082
13093
|
* `
|
|
13083
13094
|
* };
|
|
13084
13095
|
*/
|
|
13085
|
-
export declare const BentoRadioGroup:
|
|
13096
|
+
export declare const BentoRadioGroup: __VLS_WithTemplateSlots_33<DefineComponent< {
|
|
13086
13097
|
/**
|
|
13087
13098
|
* Descriptive supporting text visbile underneath the label.
|
|
13088
13099
|
*/
|
|
@@ -13838,7 +13849,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
|
|
|
13838
13849
|
* `
|
|
13839
13850
|
* }
|
|
13840
13851
|
*/
|
|
13841
|
-
export declare const BentoSelectionCard:
|
|
13852
|
+
export declare const BentoSelectionCard: __VLS_WithTemplateSlots_35<DefineComponent< {
|
|
13842
13853
|
/**
|
|
13843
13854
|
* The description of the selection card
|
|
13844
13855
|
*/
|
|
@@ -14031,7 +14042,7 @@ fullyClickable: boolean;
|
|
|
14031
14042
|
* `,
|
|
14032
14043
|
* }
|
|
14033
14044
|
*/
|
|
14034
|
-
export declare const BentoSelectionCardGroup:
|
|
14045
|
+
export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_36<DefineComponent< {
|
|
14035
14046
|
/**
|
|
14036
14047
|
* Descriptive supporting text visbile underneath the label.
|
|
14037
14048
|
*/
|
|
@@ -14347,7 +14358,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
|
|
|
14347
14358
|
* `
|
|
14348
14359
|
* }
|
|
14349
14360
|
*/
|
|
14350
|
-
export declare const BentoSidepanel:
|
|
14361
|
+
export declare const BentoSidepanel: __VLS_WithTemplateSlots_38<DefineComponent< {
|
|
14351
14362
|
/**
|
|
14352
14363
|
* The id of the current active page
|
|
14353
14364
|
* Should be the same id as the BentoSidepanelPage to be displayed
|
|
@@ -14475,7 +14486,7 @@ export declare enum BentoSidepanelEvent {
|
|
|
14475
14486
|
* `
|
|
14476
14487
|
* }
|
|
14477
14488
|
*/
|
|
14478
|
-
export declare const BentoSidepanelPage:
|
|
14489
|
+
export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_37<DefineComponent< {
|
|
14479
14490
|
/**
|
|
14480
14491
|
* List of actions that will be used to render the buttons.
|
|
14481
14492
|
* First element in the list will be rendered as "primary".
|
|
@@ -14618,7 +14629,7 @@ destructiveActions: boolean;
|
|
|
14618
14629
|
* `
|
|
14619
14630
|
* }
|
|
14620
14631
|
*/
|
|
14621
|
-
export declare const BentoStatus:
|
|
14632
|
+
export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
|
|
14622
14633
|
default: (_: {}) => any;
|
|
14623
14634
|
}>;
|
|
14624
14635
|
|
|
@@ -14663,7 +14674,7 @@ export declare enum BentoStatusVariant {
|
|
|
14663
14674
|
* `
|
|
14664
14675
|
* }
|
|
14665
14676
|
*/
|
|
14666
|
-
export declare const BentoStep:
|
|
14677
|
+
export declare const BentoStep: __VLS_WithTemplateSlots_41<DefineComponent< {
|
|
14667
14678
|
/**
|
|
14668
14679
|
* Completed status. Used on non-linear steppers to indicate if the step is completed.
|
|
14669
14680
|
*/
|
|
@@ -14720,7 +14731,7 @@ substepIndex: number;
|
|
|
14720
14731
|
* `
|
|
14721
14732
|
* }
|
|
14722
14733
|
*/
|
|
14723
|
-
export declare const BentoStepper:
|
|
14734
|
+
export declare const BentoStepper: __VLS_WithTemplateSlots_40<DefineComponent< {
|
|
14724
14735
|
/**
|
|
14725
14736
|
* Type of stepper; defines how the stepper should behave. Default: linear
|
|
14726
14737
|
* @values linear, non-linear
|
|
@@ -14834,7 +14845,7 @@ declare interface BentoStickyTabsOptions {
|
|
|
14834
14845
|
* `
|
|
14835
14846
|
* }
|
|
14836
14847
|
*/
|
|
14837
|
-
export declare const BentoStructuredList:
|
|
14848
|
+
export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
|
|
14838
14849
|
/**
|
|
14839
14850
|
* Width of the labels container, in pixels. Overrides layout prop.
|
|
14840
14851
|
*/
|
|
@@ -14912,7 +14923,7 @@ labelsWidth: number;
|
|
|
14912
14923
|
* `
|
|
14913
14924
|
* }
|
|
14914
14925
|
*/
|
|
14915
|
-
export declare const BentoStructuredListItem:
|
|
14926
|
+
export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
|
|
14916
14927
|
/**
|
|
14917
14928
|
* Label to display for the value
|
|
14918
14929
|
*/
|
|
@@ -14992,7 +15003,7 @@ declare const BentoStructuredListLayoutOptions: string[];
|
|
|
14992
15003
|
* `
|
|
14993
15004
|
* }
|
|
14994
15005
|
*/
|
|
14995
|
-
export declare const BentoSummaryGrid:
|
|
15006
|
+
export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
|
|
14996
15007
|
columnWidth: any;
|
|
14997
15008
|
slashedZero: boolean;
|
|
14998
15009
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
|
|
@@ -15030,7 +15041,7 @@ export declare interface BentoSummaryGridColumnWidth {
|
|
|
15030
15041
|
* `
|
|
15031
15042
|
* }
|
|
15032
15043
|
*/
|
|
15033
|
-
export declare const BentoSummaryGridItemAmount:
|
|
15044
|
+
export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
|
|
15034
15045
|
copy: any;
|
|
15035
15046
|
fitContent: boolean;
|
|
15036
15047
|
infoIconTooltipText: any;
|
|
@@ -15107,7 +15118,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
|
|
|
15107
15118
|
* `
|
|
15108
15119
|
* }
|
|
15109
15120
|
*/
|
|
15110
|
-
export declare const BentoSummaryGridItemCustom:
|
|
15121
|
+
export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
|
|
15111
15122
|
copy: any;
|
|
15112
15123
|
infoIconTooltipText: any;
|
|
15113
15124
|
fitContent: boolean;
|
|
@@ -15181,7 +15192,7 @@ export declare interface BentoSummaryGridItemCustomProps {
|
|
|
15181
15192
|
* `
|
|
15182
15193
|
* }
|
|
15183
15194
|
*/
|
|
15184
|
-
export declare const BentoSummaryGridItemNumeric:
|
|
15195
|
+
export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
|
|
15185
15196
|
copy: any;
|
|
15186
15197
|
fitContent: boolean;
|
|
15187
15198
|
infoIconTooltipText: any;
|
|
@@ -15256,7 +15267,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
|
|
|
15256
15267
|
* `
|
|
15257
15268
|
* }
|
|
15258
15269
|
*/
|
|
15259
|
-
export declare const BentoSummaryGridItemPercentage:
|
|
15270
|
+
export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
|
|
15260
15271
|
copy: any;
|
|
15261
15272
|
fitContent: boolean;
|
|
15262
15273
|
infoIconTooltipText: any;
|
|
@@ -15346,7 +15357,7 @@ declare enum BentoSummaryGridItemSize_2 {
|
|
|
15346
15357
|
* `
|
|
15347
15358
|
* }
|
|
15348
15359
|
*/
|
|
15349
|
-
export declare const BentoSummaryGridItemText:
|
|
15360
|
+
export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
|
|
15350
15361
|
copy: any;
|
|
15351
15362
|
fitContent: boolean;
|
|
15352
15363
|
infoIconTooltipText: any;
|
|
@@ -15457,7 +15468,7 @@ export declare interface BentoSummaryGridProps {
|
|
|
15457
15468
|
* </bento-tabs>
|
|
15458
15469
|
* </template>
|
|
15459
15470
|
*/
|
|
15460
|
-
export declare const BentoTab:
|
|
15471
|
+
export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
|
|
15461
15472
|
counter: any;
|
|
15462
15473
|
disabled: boolean;
|
|
15463
15474
|
hidden: boolean;
|
|
@@ -17217,7 +17228,7 @@ export declare interface BentoTutorialStep {
|
|
|
17217
17228
|
* `
|
|
17218
17229
|
* }
|
|
17219
17230
|
*/
|
|
17220
|
-
export declare const BentoTypography:
|
|
17231
|
+
export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
|
|
17221
17232
|
/**
|
|
17222
17233
|
* Sets the HTML DOM element.
|
|
17223
17234
|
* @values h1, h2, h3, h4, h5, h6, div, p, span
|
|
@@ -17444,6 +17455,254 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
|
|
|
17444
17455
|
|
|
17445
17456
|
declare type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;
|
|
17446
17457
|
|
|
17458
|
+
/**
|
|
17459
|
+
* A wrapper for the 'popper/core' package that overlays a small piece of content near a target element.
|
|
17460
|
+
*
|
|
17461
|
+
* NOTE: This component should not be used by itself but more implemented by other exported components
|
|
17462
|
+
* e.g. Tooltip
|
|
17463
|
+
* More info here on the package: https://floating-ui.com/docs/vue
|
|
17464
|
+
*
|
|
17465
|
+
* * @usage
|
|
17466
|
+
* import { PopperContainer } from '@adyen/bento-vue2';
|
|
17467
|
+
*
|
|
17468
|
+
* export default {
|
|
17469
|
+
* components: { PopperContainer },
|
|
17470
|
+
* computed: {
|
|
17471
|
+
* targetElement() {
|
|
17472
|
+
* return this.$refs.tooltipTarget;
|
|
17473
|
+
* },
|
|
17474
|
+
* },
|
|
17475
|
+
* template: `
|
|
17476
|
+
* <popper-container
|
|
17477
|
+
* :target-element="targetElement"
|
|
17478
|
+
* :position="position"
|
|
17479
|
+
* >
|
|
17480
|
+
* {{ content }}
|
|
17481
|
+
* </popper-container>`,
|
|
17482
|
+
* }
|
|
17483
|
+
*/
|
|
17484
|
+
declare const _default: __VLS_WithTemplateSlots_31<DefineComponent< {
|
|
17485
|
+
/**
|
|
17486
|
+
* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
|
|
17487
|
+
*/
|
|
17488
|
+
ariaRole: {
|
|
17489
|
+
type: PropType<PopperContainerAriaRole>;
|
|
17490
|
+
default: any;
|
|
17491
|
+
validator: (value: unknown) => boolean;
|
|
17492
|
+
};
|
|
17493
|
+
/**
|
|
17494
|
+
* Indicates if container should have additional arrow, pointing at target element
|
|
17495
|
+
* Can be just a boolean flag, or an object with additional configuration:
|
|
17496
|
+
* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
|
|
17497
|
+
* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
|
|
17498
|
+
*/
|
|
17499
|
+
arrow: {
|
|
17500
|
+
type: PropType<PopperContainerArrowProp | boolean>;
|
|
17501
|
+
default: any;
|
|
17502
|
+
};
|
|
17503
|
+
/**
|
|
17504
|
+
* Disables wrapping focus-trap component.
|
|
17505
|
+
* Mostly useful for the storybook demo.
|
|
17506
|
+
*/
|
|
17507
|
+
disabledFocusTrap: {
|
|
17508
|
+
type: BooleanConstructor;
|
|
17509
|
+
default: boolean;
|
|
17510
|
+
};
|
|
17511
|
+
/**
|
|
17512
|
+
* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
|
|
17513
|
+
* Useful when not using auto as starting placement.
|
|
17514
|
+
* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
|
|
17515
|
+
*/
|
|
17516
|
+
fallbackPosition: {
|
|
17517
|
+
type: PropType<FallbackPositionProp>;
|
|
17518
|
+
default: any;
|
|
17519
|
+
};
|
|
17520
|
+
/**
|
|
17521
|
+
* Instructs popover to be visible outside of the containing container.
|
|
17522
|
+
* Useful when component would be used in limited containers like Modal, Side panel, etc.
|
|
17523
|
+
* @see {@link https://floating-ui.com/docs/usefloating#strategy}
|
|
17524
|
+
*/
|
|
17525
|
+
fixedPositioning: {
|
|
17526
|
+
type: BooleanConstructor;
|
|
17527
|
+
default: boolean;
|
|
17528
|
+
};
|
|
17529
|
+
/**
|
|
17530
|
+
* The id to be set on the component. Use it for accessibility purposes.
|
|
17531
|
+
*/
|
|
17532
|
+
id: {
|
|
17533
|
+
type: StringConstructor;
|
|
17534
|
+
default: any;
|
|
17535
|
+
};
|
|
17536
|
+
/**
|
|
17537
|
+
* If hiding / showing popper element then use this property to tell the popper when to update it's position.
|
|
17538
|
+
* This will drastically help improve performance, as we will not need to track hidden elements.
|
|
17539
|
+
*/
|
|
17540
|
+
isHidden: {
|
|
17541
|
+
type: BooleanConstructor;
|
|
17542
|
+
default: any;
|
|
17543
|
+
};
|
|
17544
|
+
/**
|
|
17545
|
+
* Instructs popper container to have the same width as target element.
|
|
17546
|
+
*/
|
|
17547
|
+
matchWidth: {
|
|
17548
|
+
type: BooleanConstructor;
|
|
17549
|
+
default: boolean;
|
|
17550
|
+
};
|
|
17551
|
+
/**
|
|
17552
|
+
* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
|
|
17553
|
+
* @see {@link https://floating-ui.com/docs/middleware}
|
|
17554
|
+
*/
|
|
17555
|
+
middleware: {
|
|
17556
|
+
type: PropType<Middleware[]>;
|
|
17557
|
+
default: any;
|
|
17558
|
+
};
|
|
17559
|
+
/**
|
|
17560
|
+
* Allows to displace a popper container from its target element.
|
|
17561
|
+
* @see {@link https://floating-ui.com/docs/offset#options}
|
|
17562
|
+
*/
|
|
17563
|
+
offset: {
|
|
17564
|
+
type: PropType<number[]>;
|
|
17565
|
+
default: () => number[];
|
|
17566
|
+
validator: (value: number[]) => boolean;
|
|
17567
|
+
};
|
|
17568
|
+
/**
|
|
17569
|
+
* Position relative to the target element
|
|
17570
|
+
* @see {@link https://floating-ui.com/docs/computeposition#placement}
|
|
17571
|
+
*/
|
|
17572
|
+
position: {
|
|
17573
|
+
type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
|
|
17574
|
+
default: PopperContainerPositionExtended;
|
|
17575
|
+
validator: (value: unknown) => boolean;
|
|
17576
|
+
};
|
|
17577
|
+
/**
|
|
17578
|
+
* Reference to the DOM element or Vue component for positioning
|
|
17579
|
+
*/
|
|
17580
|
+
targetElement: {
|
|
17581
|
+
type: PropType<VueNodeElement>;
|
|
17582
|
+
required: true;
|
|
17583
|
+
};
|
|
17584
|
+
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
17585
|
+
placement: (value: Placement) => void;
|
|
17586
|
+
}, string, Readonly<ExtractPropTypes< {
|
|
17587
|
+
/**
|
|
17588
|
+
* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
|
|
17589
|
+
*/
|
|
17590
|
+
ariaRole: {
|
|
17591
|
+
type: PropType<PopperContainerAriaRole>;
|
|
17592
|
+
default: any;
|
|
17593
|
+
validator: (value: unknown) => boolean;
|
|
17594
|
+
};
|
|
17595
|
+
/**
|
|
17596
|
+
* Indicates if container should have additional arrow, pointing at target element
|
|
17597
|
+
* Can be just a boolean flag, or an object with additional configuration:
|
|
17598
|
+
* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
|
|
17599
|
+
* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
|
|
17600
|
+
*/
|
|
17601
|
+
arrow: {
|
|
17602
|
+
type: PropType<PopperContainerArrowProp | boolean>;
|
|
17603
|
+
default: any;
|
|
17604
|
+
};
|
|
17605
|
+
/**
|
|
17606
|
+
* Disables wrapping focus-trap component.
|
|
17607
|
+
* Mostly useful for the storybook demo.
|
|
17608
|
+
*/
|
|
17609
|
+
disabledFocusTrap: {
|
|
17610
|
+
type: BooleanConstructor;
|
|
17611
|
+
default: boolean;
|
|
17612
|
+
};
|
|
17613
|
+
/**
|
|
17614
|
+
* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
|
|
17615
|
+
* Useful when not using auto as starting placement.
|
|
17616
|
+
* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
|
|
17617
|
+
*/
|
|
17618
|
+
fallbackPosition: {
|
|
17619
|
+
type: PropType<FallbackPositionProp>;
|
|
17620
|
+
default: any;
|
|
17621
|
+
};
|
|
17622
|
+
/**
|
|
17623
|
+
* Instructs popover to be visible outside of the containing container.
|
|
17624
|
+
* Useful when component would be used in limited containers like Modal, Side panel, etc.
|
|
17625
|
+
* @see {@link https://floating-ui.com/docs/usefloating#strategy}
|
|
17626
|
+
*/
|
|
17627
|
+
fixedPositioning: {
|
|
17628
|
+
type: BooleanConstructor;
|
|
17629
|
+
default: boolean;
|
|
17630
|
+
};
|
|
17631
|
+
/**
|
|
17632
|
+
* The id to be set on the component. Use it for accessibility purposes.
|
|
17633
|
+
*/
|
|
17634
|
+
id: {
|
|
17635
|
+
type: StringConstructor;
|
|
17636
|
+
default: any;
|
|
17637
|
+
};
|
|
17638
|
+
/**
|
|
17639
|
+
* If hiding / showing popper element then use this property to tell the popper when to update it's position.
|
|
17640
|
+
* This will drastically help improve performance, as we will not need to track hidden elements.
|
|
17641
|
+
*/
|
|
17642
|
+
isHidden: {
|
|
17643
|
+
type: BooleanConstructor;
|
|
17644
|
+
default: any;
|
|
17645
|
+
};
|
|
17646
|
+
/**
|
|
17647
|
+
* Instructs popper container to have the same width as target element.
|
|
17648
|
+
*/
|
|
17649
|
+
matchWidth: {
|
|
17650
|
+
type: BooleanConstructor;
|
|
17651
|
+
default: boolean;
|
|
17652
|
+
};
|
|
17653
|
+
/**
|
|
17654
|
+
* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
|
|
17655
|
+
* @see {@link https://floating-ui.com/docs/middleware}
|
|
17656
|
+
*/
|
|
17657
|
+
middleware: {
|
|
17658
|
+
type: PropType<Middleware[]>;
|
|
17659
|
+
default: any;
|
|
17660
|
+
};
|
|
17661
|
+
/**
|
|
17662
|
+
* Allows to displace a popper container from its target element.
|
|
17663
|
+
* @see {@link https://floating-ui.com/docs/offset#options}
|
|
17664
|
+
*/
|
|
17665
|
+
offset: {
|
|
17666
|
+
type: PropType<number[]>;
|
|
17667
|
+
default: () => number[];
|
|
17668
|
+
validator: (value: number[]) => boolean;
|
|
17669
|
+
};
|
|
17670
|
+
/**
|
|
17671
|
+
* Position relative to the target element
|
|
17672
|
+
* @see {@link https://floating-ui.com/docs/computeposition#placement}
|
|
17673
|
+
*/
|
|
17674
|
+
position: {
|
|
17675
|
+
type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
|
|
17676
|
+
default: PopperContainerPositionExtended;
|
|
17677
|
+
validator: (value: unknown) => boolean;
|
|
17678
|
+
};
|
|
17679
|
+
/**
|
|
17680
|
+
* Reference to the DOM element or Vue component for positioning
|
|
17681
|
+
*/
|
|
17682
|
+
targetElement: {
|
|
17683
|
+
type: PropType<VueNodeElement>;
|
|
17684
|
+
required: true;
|
|
17685
|
+
};
|
|
17686
|
+
}>>, {
|
|
17687
|
+
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;
|
|
17688
|
+
offset: number[];
|
|
17689
|
+
id: string;
|
|
17690
|
+
ariaRole: PopperContainerAriaRole;
|
|
17691
|
+
arrow: any;
|
|
17692
|
+
disabledFocusTrap: boolean;
|
|
17693
|
+
fallbackPosition: FallbackPositionProp;
|
|
17694
|
+
fixedPositioning: boolean;
|
|
17695
|
+
isHidden: boolean;
|
|
17696
|
+
matchWidth: boolean;
|
|
17697
|
+
middleware: {
|
|
17698
|
+
name: string;
|
|
17699
|
+
options?: any;
|
|
17700
|
+
fn: (state: MiddlewareState) => MiddlewareReturn | Promise<MiddlewareReturn>;
|
|
17701
|
+
}[];
|
|
17702
|
+
}>, {
|
|
17703
|
+
default: (_: {}) => any;
|
|
17704
|
+
}>;
|
|
17705
|
+
|
|
17447
17706
|
declare type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
|
|
17448
17707
|
|
|
17449
17708
|
declare type Element_2 = HTMLElement & {
|
|
@@ -17464,6 +17723,8 @@ export declare type Expand<T> = T extends infer O ? {
|
|
|
17464
17723
|
[K in keyof O]: O[K];
|
|
17465
17724
|
} : never;
|
|
17466
17725
|
|
|
17726
|
+
declare type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;
|
|
17727
|
+
|
|
17467
17728
|
/**
|
|
17468
17729
|
* Void function
|
|
17469
17730
|
*/
|
|
@@ -17715,6 +17976,16 @@ declare interface OnClickOutsideOptions {
|
|
|
17715
17976
|
declare const plugin: Plugin<BentoVuePlugin>;
|
|
17716
17977
|
export default plugin;
|
|
17717
17978
|
|
|
17979
|
+
declare enum PopperContainerAriaRole {
|
|
17980
|
+
TOOLTIP = "tooltip",
|
|
17981
|
+
POPOVER = "dialog"
|
|
17982
|
+
}
|
|
17983
|
+
|
|
17984
|
+
declare interface PopperContainerArrowProp {
|
|
17985
|
+
classes?: string[];
|
|
17986
|
+
padding?: string;
|
|
17987
|
+
}
|
|
17988
|
+
|
|
17718
17989
|
/**
|
|
17719
17990
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
17720
17991
|
*/
|
package/dist/action-bar.js
CHANGED
|
@@ -1 +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-
|
|
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-u5obxoa-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-u5obxoa-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-u5obxoa-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-u5obxoa-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obxoa-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-u5obxoa-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-u5obxp3-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-u5obxp3-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-u5obxp3-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-u5obxp3-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxp3-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-u5obxp3-242828d5{0%{translate:0 0}to{translate:0 -8px}}
|
|
@@ -1 +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-
|
|
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-u5obxck-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-u5obxck-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-u5obxck-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u5obxck-b0723466{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obxck-b0723466{0%{scale:.9}to{scale:1}}@keyframes enter-u5obxck-b0723466{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-b0723466]{animation:fade-out-u5obxgi-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-u5obxgi-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-u5obxgi-b0723466 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxgi-b0723466{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxgi-b0723466{0%{scale:1}to{scale:.9}}@keyframes exit-u5obxgi-b0723466{0%{translate:0 0}to{translate:0 8px}}
|
|
@@ -1 +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-
|
|
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-u5obxpd-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-u5obxpd-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-u5obxpd-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u5obxpd-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obxpd-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-u5obxpd-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-u5obxpt-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-u5obxpt-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-u5obxq8-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-u5obxq8-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-u5obxq8-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxq8-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxq8-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-u5obxq8-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-u5obxqm-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxqm-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
CHANGED
|
@@ -1 +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-
|
|
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-u5obxm8-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-u5obxm8-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-u5obxm8-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-u5obxm8-6105a212{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obxm8-6105a212{0%{scale:1}to{scale:1}}@keyframes enter-u5obxm8-6105a212{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-6105a212]{animation:fade-out-u5obxn6-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-u5obxn6-6105a212 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-u5obxn6-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-u5obxn6-6105a212{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxn6-6105a212{0%{scale:1}to{scale:1}}@keyframes exit-u5obxn6-6105a212{0%{translate:0 0}to{translate:0 -8px}}
|