@adyen/bento-vue2 1.8.0 → 1.9.0
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/packages/vue2/src/components/data-grid/composables/useKeyboardNavigator/useKeyboardNavigator.d.ts +6 -2
- package/dist/@types/packages/vue2/src/components/data-grid/composables/useScroller/useScroller.d.ts +6 -0
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +23 -391
- package/dist/@types/packages/vue2/src/components/divider/divider.vue.d.ts +1 -5
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +10 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +12 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/base-filter.vue.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/input-field/input-field.types.d.ts +1 -3
- package/dist/@types/packages/vue2/src/components/internal/field-label/field-label.vue.d.ts +9 -0
- package/dist/accordion.js +3 -3
- package/dist/action-bar.js +8 -8
- package/dist/alert.js +26 -26
- package/dist/alert.js.map +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/copy.css +1 -1
- package/dist/assets/cross.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/field-label.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index24.css +1 -1
- package/dist/assets/index25.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index28.css +1 -1
- package/dist/assets/index29.css +1 -1
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index30.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index33.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index35.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index40.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index44.css +1 -1
- package/dist/assets/index45.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/assets/listbox.css +1 -1
- package/dist/avatar-image.js +1 -1
- package/dist/badge.js +2 -2
- package/dist/button.js +5 -5
- package/dist/card.js +5 -5
- package/dist/checkbox.js +6 -6
- package/dist/chunks/arrow-left.2db60716.js +26 -0
- package/dist/chunks/arrow-left.2db60716.js.map +1 -0
- package/dist/chunks/{base-button.7886a7e6.js → base-button.df9a9bea.js} +3 -3
- package/dist/chunks/{base-button.7886a7e6.js.map → base-button.df9a9bea.js.map} +1 -1
- package/dist/chunks/{base-modal.31634fe8.js → base-modal.75319f4e.js} +8 -8
- package/dist/chunks/{base-modal.31634fe8.js.map → base-modal.75319f4e.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.5faea13e.js → button-actions-with-menu.32770485.js} +3 -3
- package/dist/chunks/{button-actions-with-menu.5faea13e.js.map → button-actions-with-menu.32770485.js.map} +1 -1
- package/dist/chunks/{button.e09d5980.js → button.7dd8d4de.js} +3 -3
- package/dist/chunks/{button.e09d5980.js.map → button.7dd8d4de.js.map} +1 -1
- package/dist/chunks/{calendar.47e9e755.js → calendar.a885d8fc.js} +6 -6
- package/dist/chunks/{calendar.47e9e755.js.map → calendar.a885d8fc.js.map} +1 -1
- package/dist/chunks/{checkbox.2277450e.js → checkbox.65743b08.js} +33 -33
- package/dist/chunks/checkbox.65743b08.js.map +1 -0
- package/dist/chunks/checkmark-circle-fill.345311d2.js +26 -0
- package/dist/chunks/checkmark-circle-fill.345311d2.js.map +1 -0
- package/dist/chunks/checkmark-small.520f01b1.js +26 -0
- package/dist/chunks/checkmark-small.520f01b1.js.map +1 -0
- package/dist/chunks/checkmark.a6ed8f47.js +26 -0
- package/dist/chunks/checkmark.a6ed8f47.js.map +1 -0
- package/dist/chunks/chevron-left.5edf02ac.js +47 -0
- package/dist/chunks/chevron-left.5edf02ac.js.map +1 -0
- package/dist/chunks/chevron-up.81185563.js +47 -0
- package/dist/chunks/chevron-up.81185563.js.map +1 -0
- package/dist/chunks/{controls-group.6c5bfccd.js → controls-group.dd967ccf.js} +3 -3
- package/dist/chunks/{controls-group.6c5bfccd.js.map → controls-group.dd967ccf.js.map} +1 -1
- package/dist/chunks/copy.e12b418e.js +103 -0
- package/dist/chunks/copy.e12b418e.js.map +1 -0
- package/dist/chunks/cross-circle-fill.7c07d16a.js +26 -0
- package/dist/chunks/cross-circle-fill.7c07d16a.js.map +1 -0
- package/dist/chunks/cross.04678d81.js +26 -0
- package/dist/chunks/cross.04678d81.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.25134789.js → dropdown-default-textbox.465db4d4.js} +29 -24
- package/dist/chunks/{dropdown-default-textbox.25134789.js.map → dropdown-default-textbox.465db4d4.js.map} +1 -1
- package/dist/chunks/{dropdown.ce937989.js → dropdown.6461dbe3.js} +212 -205
- package/dist/chunks/dropdown.6461dbe3.js.map +1 -0
- package/dist/chunks/field-label.01df3cba.js +111 -0
- package/dist/chunks/field-label.01df3cba.js.map +1 -0
- package/dist/chunks/{fixed-scroller.8994e30a.js → fixed-scroller.42354ccc.js} +4 -4
- package/dist/chunks/{fixed-scroller.8994e30a.js.map → fixed-scroller.42354ccc.js.map} +1 -1
- package/dist/chunks/{footer-actions.c9b2cb74.js → footer-actions.2cd9079e.js} +3 -3
- package/dist/chunks/{footer-actions.c9b2cb74.js.map → footer-actions.2cd9079e.js.map} +1 -1
- package/dist/chunks/{get-slot-text.c1114034.js → get-slot-text.99c3d860.js} +2 -2
- package/dist/chunks/{get-slot-text.c1114034.js.map → get-slot-text.99c3d860.js.map} +1 -1
- package/dist/chunks/{grid-layout.a806acb2.js → grid-layout.e0025286.js} +2 -2
- package/dist/chunks/{grid-layout.a806acb2.js.map → grid-layout.e0025286.js.map} +1 -1
- package/dist/chunks/{i18n.155748d6.js → i18n.eb5b985b.js} +2 -2
- package/dist/chunks/{i18n.155748d6.js.map → i18n.eb5b985b.js.map} +1 -1
- package/dist/chunks/{index.89942d3a.js → index.02da8d63.js} +6 -5
- package/dist/chunks/{index.89942d3a.js.map → index.02da8d63.js.map} +1 -1
- package/dist/chunks/{index.a5de5242.js → index.0890dc99.js} +7 -7
- package/dist/chunks/{index.a5de5242.js.map → index.0890dc99.js.map} +1 -1
- package/dist/chunks/{index.66503760.js → index.152b2b16.js} +4 -4
- package/dist/chunks/{index.66503760.js.map → index.152b2b16.js.map} +1 -1
- package/dist/chunks/{index.a99ffd48.js → index.16914bb1.js} +30 -29
- package/dist/chunks/{index.a99ffd48.js.map → index.16914bb1.js.map} +1 -1
- package/dist/chunks/{index.b83f8b7e.js → index.322692c8.js} +3 -3
- package/dist/chunks/{index.b83f8b7e.js.map → index.322692c8.js.map} +1 -1
- package/dist/chunks/index.4c062058.js +8 -0
- package/dist/chunks/{index.af05ced4.js.map → index.4c062058.js.map} +1 -1
- package/dist/chunks/{index.86fc63ca.js → index.6cef7328.js} +3 -3
- package/dist/chunks/{index.86fc63ca.js.map → index.6cef7328.js.map} +1 -1
- package/dist/chunks/{index.965ac1af.js → index.b201e81d.js} +2 -2
- package/dist/chunks/{index.965ac1af.js.map → index.b201e81d.js.map} +1 -1
- package/dist/chunks/{index.210d2169.js → index.d1beb704.js} +7 -7
- package/dist/chunks/{index.210d2169.js.map → index.d1beb704.js.map} +1 -1
- package/dist/chunks/{index.d8bd7596.js → index.f358c4bd.js} +9 -9
- package/dist/chunks/index.f358c4bd.js.map +1 -0
- package/dist/chunks/info-filled.27bd4bfb.js +47 -0
- package/dist/chunks/info-filled.27bd4bfb.js.map +1 -0
- package/dist/chunks/{listbox-option-tag.97af47fc.js → listbox-option-tag.55cd9c16.js} +8 -7
- package/dist/chunks/{listbox-option-tag.97af47fc.js.map → listbox-option-tag.55cd9c16.js.map} +1 -1
- package/dist/chunks/{listbox.d039b178.js → listbox.a117e6d4.js} +45 -41
- package/dist/chunks/{listbox.d039b178.js.map → listbox.a117e6d4.js.map} +1 -1
- package/dist/chunks/{loading-button.9a9cbbad.js → loading-button.459b9ab4.js} +4 -4
- package/dist/chunks/{loading-button.9a9cbbad.js.map → loading-button.459b9ab4.js.map} +1 -1
- package/dist/chunks/refresh.71a03998.js +26 -0
- package/dist/chunks/refresh.71a03998.js.map +1 -0
- package/dist/chunks/search.471270fe.js +26 -0
- package/dist/chunks/search.471270fe.js.map +1 -0
- package/dist/chunks/{toastController.0e01443d.js → toastController.fd667b68.js} +2 -2
- package/dist/chunks/{toastController.0e01443d.js.map → toastController.fd667b68.js.map} +1 -1
- package/dist/chunks/{tooltip.ecd0f707.js → tooltip.b8929659.js} +4 -4
- package/dist/chunks/{tooltip.ecd0f707.js.map → tooltip.b8929659.js.map} +1 -1
- package/dist/chunks/{use-default-slot-validator.cbdfe693.js → use-default-slot-validator.b9bff4c6.js} +2 -2
- package/dist/chunks/{use-default-slot-validator.cbdfe693.js.map → use-default-slot-validator.b9bff4c6.js.map} +1 -1
- package/dist/chunks/use-has-slot.fbeb19ec.js +6 -0
- package/dist/chunks/{use-has-slot.6052d56a.js.map → use-has-slot.fbeb19ec.js.map} +1 -1
- package/dist/chunks/{useCountryItems.5d7b436e.js → useCountryItems.34ac8740.js} +2 -2
- package/dist/chunks/{useCountryItems.5d7b436e.js.map → useCountryItems.34ac8740.js.map} +1 -1
- package/dist/code-snippet.js +106 -106
- package/dist/code-snippet.js.map +1 -1
- package/dist/country.js +3 -3
- package/dist/currency.js +2 -2
- package/dist/data-grid.js +768 -832
- package/dist/data-grid.js.map +1 -1
- package/dist/date-picker.js +23 -22
- package/dist/date-picker.js.map +1 -1
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +13 -27
- package/dist/divider.js.map +1 -1
- package/dist/dropdown.js +5 -5
- package/dist/empty-state.js +3 -3
- package/dist/filter-bar.js +695 -565
- package/dist/filter-bar.js.map +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +3 -3
- package/dist/header.js +5 -5
- package/dist/index.js +16 -16
- package/dist/info-icon.js +5 -5
- package/dist/info-icon.js.map +1 -1
- package/dist/input-field.js +40 -42
- package/dist/input-field.js.map +1 -1
- package/dist/internal.js +8 -8
- package/dist/link.js +2 -2
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal.js +5 -5
- package/dist/pagination.js +45 -45
- package/dist/pagination.js.map +1 -1
- package/dist/payment-method.js +3 -3
- package/dist/payment-method.js.map +1 -1
- package/dist/popover.js +1 -1
- package/dist/popper-container.js +1 -1
- package/dist/radio-group.js +7 -7
- package/dist/search-bar.js +5 -5
- package/dist/segmented-control.js +5 -5
- package/dist/sidepanel.js +8 -8
- package/dist/status.js +2 -2
- package/dist/stepper.js +40 -40
- package/dist/stepper.js.map +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +5 -5
- package/dist/tabs.js +3 -3
- package/dist/tag.js +4 -4
- package/dist/textarea.js +21 -21
- package/dist/textarea.js.map +1 -1
- package/dist/timeline.js +113 -113
- package/dist/timeline.js.map +1 -1
- package/dist/toast.js +6 -6
- package/dist/toggle.js +6 -6
- package/dist/tutorial.js +71 -71
- package/dist/tutorial.js.map +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +650 -615
- package/package.json +4 -4
- package/dist/assets/arrow-left.css +0 -1
- package/dist/assets/checkmark-circle-fill.css +0 -1
- package/dist/assets/checkmark-small.css +0 -1
- package/dist/assets/checkmark.css +0 -1
- package/dist/assets/chevron-left.css +0 -1
- package/dist/assets/chevron-up.css +0 -1
- package/dist/assets/cross-circle-fill.css +0 -1
- package/dist/assets/info-filled.css +0 -1
- package/dist/assets/refresh.css +0 -1
- package/dist/assets/search.css +0 -1
- package/dist/chunks/arrow-left.1d5d08bd.js +0 -26
- package/dist/chunks/arrow-left.1d5d08bd.js.map +0 -1
- package/dist/chunks/checkbox.2277450e.js.map +0 -1
- package/dist/chunks/checkmark-circle-fill.2cfbb81b.js +0 -26
- package/dist/chunks/checkmark-circle-fill.2cfbb81b.js.map +0 -1
- package/dist/chunks/checkmark-small.5ca15f00.js +0 -26
- package/dist/chunks/checkmark-small.5ca15f00.js.map +0 -1
- package/dist/chunks/checkmark.78f3ed9c.js +0 -26
- package/dist/chunks/checkmark.78f3ed9c.js.map +0 -1
- package/dist/chunks/chevron-left.c10778d3.js +0 -47
- package/dist/chunks/chevron-left.c10778d3.js.map +0 -1
- package/dist/chunks/chevron-up.674ec2e5.js +0 -47
- package/dist/chunks/chevron-up.674ec2e5.js.map +0 -1
- package/dist/chunks/copy.a85c2e9f.js +0 -103
- package/dist/chunks/copy.a85c2e9f.js.map +0 -1
- package/dist/chunks/cross-circle-fill.d5e9ae44.js +0 -26
- package/dist/chunks/cross-circle-fill.d5e9ae44.js.map +0 -1
- package/dist/chunks/cross.a2cadac5.js +0 -26
- package/dist/chunks/cross.a2cadac5.js.map +0 -1
- package/dist/chunks/dropdown.ce937989.js.map +0 -1
- package/dist/chunks/field-label.330edb60.js +0 -107
- package/dist/chunks/field-label.330edb60.js.map +0 -1
- package/dist/chunks/index.af05ced4.js +0 -7
- package/dist/chunks/index.d8bd7596.js.map +0 -1
- package/dist/chunks/info-filled.48f3268f.js +0 -47
- package/dist/chunks/info-filled.48f3268f.js.map +0 -1
- package/dist/chunks/refresh.eb485c6f.js +0 -26
- package/dist/chunks/refresh.eb485c6f.js.map +0 -1
- package/dist/chunks/search.a8055e95.js +0 -26
- package/dist/chunks/search.a8055e95.js.map +0 -1
- package/dist/chunks/use-has-slot.6052d56a.js +0 -6
|
@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6
6
|
type: StringConstructor;
|
|
7
7
|
default: any;
|
|
8
8
|
};
|
|
9
|
+
condensed: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
9
13
|
emptyState: {
|
|
10
14
|
type: PropType<BentoDropdownEmptyStateProps>;
|
|
11
15
|
default: any;
|
|
@@ -101,6 +105,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
101
105
|
default: any;
|
|
102
106
|
};
|
|
103
107
|
}, {
|
|
108
|
+
conditionalClasses: import("vue").ComputedRef<{
|
|
109
|
+
'b-dropdown--condensed': boolean;
|
|
110
|
+
}>;
|
|
104
111
|
computedAriaLabel: import("vue").ComputedRef<string>;
|
|
105
112
|
additionalItemsSelected: import("vue").ComputedRef<number>;
|
|
106
113
|
idDefaultSize: import("vue").ComputedRef<boolean>;
|
|
@@ -156,6 +163,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
156
163
|
type: StringConstructor;
|
|
157
164
|
default: any;
|
|
158
165
|
};
|
|
166
|
+
condensed: {
|
|
167
|
+
type: BooleanConstructor;
|
|
168
|
+
default: boolean;
|
|
169
|
+
};
|
|
159
170
|
emptyState: {
|
|
160
171
|
type: PropType<BentoDropdownEmptyStateProps>;
|
|
161
172
|
default: any;
|
|
@@ -257,6 +268,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
257
268
|
description: string;
|
|
258
269
|
label: string;
|
|
259
270
|
required: boolean;
|
|
271
|
+
condensed: boolean;
|
|
260
272
|
disabled: boolean;
|
|
261
273
|
placeholder: string;
|
|
262
274
|
optional: boolean;
|
|
@@ -67,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
67
|
onClickOutside: () => void;
|
|
68
68
|
closePopover: () => void;
|
|
69
69
|
filterButtonRef: any;
|
|
70
|
+
popoverRef: any;
|
|
70
71
|
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
71
72
|
appliedFiltersCount: {
|
|
72
73
|
type: (StringConstructor | NumberConstructor)[];
|
|
@@ -13,9 +13,7 @@ export declare enum BentoInputFieldStateClass {
|
|
|
13
13
|
CONDENSED = "condensed",
|
|
14
14
|
DISABLED = "disabled",
|
|
15
15
|
READONLY = "readonly",
|
|
16
|
-
ERROR = "error"
|
|
17
|
-
SMALL_PADDING_LEFT = "small-padding-left",
|
|
18
|
-
SMALL_PADDING_RIGHT = "small-padding-right"
|
|
16
|
+
ERROR = "error"
|
|
19
17
|
}
|
|
20
18
|
export declare enum BentoInputFieldType {
|
|
21
19
|
SEARCH = "search",
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
condensed: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
2
6
|
label: {
|
|
3
7
|
type: StringConstructor;
|
|
4
8
|
default: any;
|
|
@@ -16,6 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
20
|
default: any;
|
|
17
21
|
};
|
|
18
22
|
}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
23
|
+
condensed: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
19
27
|
label: {
|
|
20
28
|
type: StringConstructor;
|
|
21
29
|
default: any;
|
|
@@ -35,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
43
|
}>>, {
|
|
36
44
|
label: string;
|
|
37
45
|
required: boolean;
|
|
46
|
+
condensed: boolean;
|
|
38
47
|
optional: boolean;
|
|
39
48
|
tooltipText: string;
|
|
40
49
|
}>, {
|
package/dist/accordion.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent as p, provide as C, toRef as h, ref as l, inject as y, computed as g, watch as _ } from "vue";
|
|
2
2
|
import { n as u } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
3
|
-
import { B as x } from "./chunks/index.
|
|
4
|
-
import { C as O, a as T } from "./chunks/chevron-up.
|
|
3
|
+
import { B as x } from "./chunks/index.b201e81d.js";
|
|
4
|
+
import { C as O, a as T } from "./chunks/chevron-up.81185563.js";
|
|
5
5
|
import { g as d } from "./chunks/unique-id.a2a2b458.js";
|
|
6
6
|
import { o as E } from "./chunks/resize.a041304d.js";
|
|
7
7
|
import { u as N } from "./chunks/use-expandable-content-height.62fc84e5.js";
|
|
8
|
-
import "./assets/
|
|
8
|
+
import "./assets/index2.css";
|
|
9
9
|
const m = Symbol("accordion title size injection key"), S = {}, z = /* @__PURE__ */ p({
|
|
10
10
|
...S,
|
|
11
11
|
__name: "accordion",
|
package/dist/action-bar.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { onMounted as C, nextTick as h, getCurrentScope as M, onScopeDispose as W, unref as x, getCurrentInstance as w, ref as v, watch as b, watchEffect as P, computed as y, defineComponent as F, toRefs as V, provide as R } from "vue";
|
|
2
|
-
import { a as k } from "./chunks/button.
|
|
3
|
-
import { B as j } from "./chunks/index.
|
|
4
|
-
import { B as D } from "./chunks/button-actions-with-menu.
|
|
5
|
-
import { C as G } from "./chunks/cross.
|
|
6
|
-
import { u as z } from "./chunks/i18n.
|
|
7
|
-
import "./chunks/index.
|
|
8
|
-
import { P as H } from "./chunks/index.
|
|
2
|
+
import { a as k } from "./chunks/button.7dd8d4de.js";
|
|
3
|
+
import { B as j } from "./chunks/index.b201e81d.js";
|
|
4
|
+
import { B as D } from "./chunks/button-actions-with-menu.32770485.js";
|
|
5
|
+
import { C as G } from "./chunks/cross.04678d81.js";
|
|
6
|
+
import { u as z } from "./chunks/i18n.eb5b985b.js";
|
|
7
|
+
import "./chunks/index.4c062058.js";
|
|
8
|
+
import { P as H } from "./chunks/index.d1beb704.js";
|
|
9
9
|
import { n as U } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
10
|
-
import "./assets/
|
|
10
|
+
import "./assets/index6.css";
|
|
11
11
|
function O(e) {
|
|
12
12
|
return M() ? (W(e), !0) : !1;
|
|
13
13
|
}
|
package/dist/alert.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { B as S, c as
|
|
3
|
-
import { a as
|
|
4
|
-
import { C as w, I as
|
|
5
|
-
import { n as
|
|
6
|
-
import { C
|
|
7
|
-
import { C as u } from "./chunks/checkmark-circle-fill.
|
|
8
|
-
import { u as E } from "./chunks/use-has-slot.
|
|
9
|
-
import { u as R } from "./chunks/i18n.
|
|
10
|
-
import "./assets/
|
|
1
|
+
import { defineComponent as b, computed as n, onMounted as T } from "vue";
|
|
2
|
+
import { B as S, c as H, a as i } from "./chunks/index.b201e81d.js";
|
|
3
|
+
import { a as L } from "./chunks/button.7dd8d4de.js";
|
|
4
|
+
import { C as w, I as _ } from "./chunks/info-filled.27bd4bfb.js";
|
|
5
|
+
import { n as m } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
6
|
+
import { C } from "./chunks/cross-circle-fill.7c07d16a.js";
|
|
7
|
+
import { C as u } from "./chunks/checkmark-circle-fill.345311d2.js";
|
|
8
|
+
import { u as E } from "./chunks/use-has-slot.fbeb19ec.js";
|
|
9
|
+
import { u as R } from "./chunks/i18n.eb5b985b.js";
|
|
10
|
+
import "./assets/index36.css";
|
|
11
11
|
var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.TIP = "tip", e))(r || {}), a = /* @__PURE__ */ ((e) => (e.WARNING = "warning", e.CRITICAL = "critical", e.HIGHLIGHT = "highlight", e.SUCCESS = "success", e))(a || {}), l = /* @__PURE__ */ ((e) => (e.CLOSE_ALERT = "close-alert", e))(l || {});
|
|
12
12
|
let d = 0;
|
|
13
13
|
const G = {
|
|
@@ -17,18 +17,18 @@ const G = {
|
|
|
17
17
|
};
|
|
18
18
|
var $ = function() {
|
|
19
19
|
var t = this, s = t._self._c;
|
|
20
|
-
return s("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#00112C",
|
|
21
|
-
}, B = [], A = /* @__PURE__ */
|
|
20
|
+
return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#00112C", d: "M15.3501 11.5301L9.9501 2.21008C9.7501 1.87008 9.4701 1.58008 9.1301 1.38008C8.4401 0.980078 7.5601 0.980078 6.8801 1.38008C6.5401 1.58008 6.2501 1.86008 6.0601 2.20008L0.650097 11.5301C0.450097 11.8701 0.350098 12.2601 0.350098 12.6601C0.350098 13.0601 0.450097 13.4501 0.650097 13.7801C0.850097 14.1201 1.1301 14.4101 1.4701 14.6001C1.8101 14.8001 2.2001 14.9001 2.6001 14.9001H13.4001C13.7901 14.9001 14.1801 14.8001 14.5201 14.6001C14.8601 14.4001 15.1501 14.1201 15.3501 13.7801C15.5501 13.4401 15.6501 13.0501 15.6501 12.6501C15.6501 12.2501 15.5501 11.8601 15.3501 11.5201V11.5301ZM7.2501 4.58008H8.7501V9.08008H7.2501V4.58008ZM8.9201 11.7101C8.8401 11.8901 8.7201 12.0501 8.5501 12.1601C8.3801 12.2701 8.1901 12.3301 7.9901 12.3301C7.7201 12.3301 7.4701 12.2301 7.2801 12.0401C7.0901 11.8501 6.9901 11.6001 6.9901 11.3301C6.9901 11.1301 7.0501 10.9401 7.1601 10.7801C7.2701 10.6201 7.4201 10.4901 7.6101 10.4101C7.7901 10.3301 7.9901 10.3201 8.1901 10.3501C8.3901 10.3901 8.5601 10.4801 8.7001 10.6201C8.8401 10.7601 8.9301 10.9401 8.9701 11.1301C9.0101 11.3201 8.9901 11.5201 8.9101 11.7101H8.9201Z" } })]);
|
|
21
|
+
}, B = [], A = /* @__PURE__ */ m(
|
|
22
22
|
G,
|
|
23
23
|
$,
|
|
24
24
|
B,
|
|
25
25
|
!1,
|
|
26
26
|
null,
|
|
27
|
-
|
|
27
|
+
null,
|
|
28
28
|
null,
|
|
29
29
|
null
|
|
30
30
|
);
|
|
31
|
-
const p = A.exports,
|
|
31
|
+
const p = A.exports, V = {
|
|
32
32
|
"en-US": {
|
|
33
33
|
highlightIcon: "Highlight icon",
|
|
34
34
|
successIcon: "Success icon",
|
|
@@ -36,10 +36,10 @@ const p = A.exports, x = {
|
|
|
36
36
|
warningIcon: "Warning icon",
|
|
37
37
|
close: "Close"
|
|
38
38
|
}
|
|
39
|
-
},
|
|
40
|
-
i18n: { messages:
|
|
39
|
+
}, x = b({
|
|
40
|
+
i18n: { messages: V },
|
|
41
41
|
name: "bento-alert",
|
|
42
|
-
components: { CrossSmall: w, BentoButton:
|
|
42
|
+
components: { CrossSmall: w, BentoButton: L, Warning: p, CrossCircle: C, CheckedCircle: u, Info: _, BentoTypography: S },
|
|
43
43
|
props: {
|
|
44
44
|
/**
|
|
45
45
|
* Adds a close button on the right side of the alert
|
|
@@ -69,26 +69,26 @@ const p = A.exports, x = {
|
|
|
69
69
|
},
|
|
70
70
|
emits: [l.CLOSE_ALERT],
|
|
71
71
|
setup(e, { slots: t, emit: s }) {
|
|
72
|
-
const { t: c } = R(), o = n(() => e.variant === r.TIP),
|
|
72
|
+
const { t: c } = R(), o = n(() => e.variant === r.TIP), v = n(() => ({
|
|
73
73
|
[`b-alert--${e.type}`]: e.type,
|
|
74
74
|
[`b-alert--${r.TIP}`]: o.value
|
|
75
75
|
})), f = n(() => c(`${e.type}Icon`)), g = n(() => {
|
|
76
76
|
switch (e.type) {
|
|
77
77
|
case a.CRITICAL:
|
|
78
|
-
return
|
|
78
|
+
return C;
|
|
79
79
|
case a.SUCCESS:
|
|
80
80
|
return u;
|
|
81
81
|
case a.WARNING:
|
|
82
82
|
return p;
|
|
83
83
|
case a.HIGHLIGHT:
|
|
84
84
|
default:
|
|
85
|
-
return
|
|
85
|
+
return _;
|
|
86
86
|
}
|
|
87
87
|
}), h = n(() => ({
|
|
88
|
-
el:
|
|
88
|
+
el: H.DIV,
|
|
89
89
|
variant: o.value ? i.CAPTION : i.BODY,
|
|
90
90
|
wide: !0
|
|
91
|
-
})), I = n(() => e.type === a.HIGHLIGHT ? "status" : "alert"),
|
|
91
|
+
})), I = n(() => e.type === a.HIGHLIGHT ? "status" : "alert"), y = () => {
|
|
92
92
|
s(l.CLOSE_ALERT);
|
|
93
93
|
};
|
|
94
94
|
return T(() => {
|
|
@@ -96,14 +96,14 @@ const p = A.exports, x = {
|
|
|
96
96
|
throw new Error("Alert Component requires a title or a description");
|
|
97
97
|
}), {
|
|
98
98
|
// Values
|
|
99
|
-
alertConditionalClasses:
|
|
99
|
+
alertConditionalClasses: v,
|
|
100
100
|
computedRole: I,
|
|
101
101
|
descriptionTypography: h,
|
|
102
102
|
iconComponent: g,
|
|
103
103
|
iconSvgTitle: f,
|
|
104
104
|
isTipVariant: o,
|
|
105
105
|
// Methods
|
|
106
|
-
onCloseButtonClick:
|
|
106
|
+
onCloseButtonClick: y,
|
|
107
107
|
hasSlot: E(t),
|
|
108
108
|
t: c,
|
|
109
109
|
// Enums
|
|
@@ -114,8 +114,8 @@ const p = A.exports, x = {
|
|
|
114
114
|
var k = function() {
|
|
115
115
|
var t = this, s = t._self._c;
|
|
116
116
|
return t._self._setupProxy, s("div", { staticClass: "b-alert", attrs: { role: t.computedRole } }, [s("div", { staticClass: "b-alert__inner-container", class: t.alertConditionalClasses }, [s("div", { staticClass: "b-alert__icon" }, [s(t.iconComponent, { tag: "component", attrs: { "aria-hidden": "true", "svg-title": t.iconSvgTitle } })], 1), s("div", { staticClass: "b-alert__content" }, [t.hasSlot("default") && !t.isTipVariant ? s("bento-typography", { staticClass: "b-alert__title", attrs: { el: "div", variant: "body", strongest: "", wide: "" } }, [t._t("default")], 2) : t._e(), t.hasSlot("description") ? s("bento-typography", t._b({ staticClass: "b-alert__description", attrs: { "data-testid": "alert-description" } }, "bento-typography", t.descriptionTypography, !1), [t._t("description")], 2) : t._e(), t.hasSlot("actions") && !t.isTipVariant ? s("div", { staticClass: "b-alert__actions", attrs: { "data-testid": "alert-actions" } }, [t._t("actions")], 2) : t._e()], 1), t.closeButton && !t.isTipVariant ? s("bento-button", { staticClass: "b-alert__close-button", attrs: { variant: "tertiary", type: "button" }, on: { click: t.onCloseButtonClick } }, [s("cross-small", { attrs: { "svg-title": t.t("close") } })], 1) : t._e()], 1)]);
|
|
117
|
-
}, F = [], N = /* @__PURE__ */
|
|
118
|
-
|
|
117
|
+
}, F = [], N = /* @__PURE__ */ m(
|
|
118
|
+
x,
|
|
119
119
|
k,
|
|
120
120
|
F,
|
|
121
121
|
!1,
|
package/dist/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../src/components/alert/alert.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M15.349 11.5376L9.99897 2.19758C9.79966 1.85738 9.51482 1.57524 9.17274 1.37919C8.83066 1.18314 8.44325 1.07999 8.04897 1.07999C7.65469 1.07999 7.26727 1.18314 6.92519 1.37919C6.58311 1.57524 6.29827 1.85738 6.09897 2.19758L0.648967 11.5376C0.450427 11.8833 0.347305 12.2755 0.350155 12.6742C0.353005 13.0728 0.461725 13.4636 0.665188 13.8064C0.868651 14.1493 1.15955 14.4319 1.50812 14.6254C1.85668 14.8188 2.2504 14.9162 2.64897 14.9076H13.399C13.7933 14.9073 14.1807 14.8034 14.5222 14.6063C14.8638 14.4092 15.1475 14.1258 15.345 13.7845C15.5425 13.4431 15.6468 13.0559 15.6475 12.6615C15.6482 12.2672 15.5453 11.8796 15.349 11.5376ZM7.24897 5.32758C7.24897 5.12866 7.32798 4.9379 7.46864 4.79725C7.60929 4.65659 7.80006 4.57758 7.99897 4.57758C8.19788 4.57758 8.38864 4.65659 8.5293 4.79725C8.66995 4.9379 8.74897 5.12866 8.74897 5.32758V8.32758C8.74897 8.52649 8.66995 8.71725 8.5293 8.85791C8.38864 8.99856 8.19788 9.07758 7.99897 9.07758C7.80006 9.07758 7.60929 8.99856 7.46864 8.85791C7.32798 8.71725 7.24897 8.52649 7.24897 8.32758V5.32758ZM7.99897 12.3276C7.80119 12.3276 7.60785 12.2689 7.4434 12.159C7.27895 12.0492 7.15077 11.893 7.07509 11.7103C6.9994 11.5275 6.9796 11.3265 7.01818 11.1325C7.05677 10.9385 7.15201 10.7603 7.29186 10.6205C7.43171 10.4806 7.6099 10.3854 7.80388 10.3468C7.99786 10.3082 8.19893 10.328 8.38165 10.4037C8.56438 10.4794 8.72056 10.6076 8.83044 10.772C8.94032 10.9365 8.99897 11.1298 8.99897 11.3276C8.99897 11.5928 8.89361 11.8471 8.70607 12.0347C8.51854 12.2222 8.26418 12.3276 7.99897 12.3276Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style scoped lang=\"scss\">\n svg {\n display: inline-flex;\n flex-shrink: 0;\n }\n \n svg,\n svg * {\n fill: currentcolor;\n }\n</style>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, onMounted, PropType } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default defineComponent({\n i18n: { messages },\n name: 'bento-alert',\n components: { CrossSmall, BentoButton, Warning, CrossCircle, CheckedCircle, Info, BentoTypography },\n props: {\n /**\n * Adds a close button on the right side of the alert\n */\n closeButton: {\n type: Boolean,\n default: false,\n },\n /**\n * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n */\n type: {\n type: String as PropType<BentoAlertTypeOption | `${BentoAlertTypeOption}`>,\n default: BentoAlertTypeOption.HIGHLIGHT,\n validator: (value: BentoAlertTypeOption) => Object.values(BentoAlertTypeOption).includes(value),\n },\n /**\n * Variant for the alert\n * @values DEFAULT, TIP\n */\n variant: {\n type: String as PropType<BentoAlertVariant | `${BentoAlertVariant}`>,\n default: BentoAlertVariant.DEFAULT,\n validator: (value: BentoAlertVariant) => Object.values(BentoAlertVariant).includes(value),\n },\n },\n emits: [BentoAlertEvent.CLOSE_ALERT],\n setup(props, { slots, emit }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n\n return {\n // Values\n alertConditionalClasses,\n computedRole,\n descriptionTypography,\n iconComponent,\n iconSvgTitle,\n isTipVariant,\n\n // Methods\n onCloseButtonClick,\n hasSlot: useHasSlot(slots),\n t,\n\n // Enums\n BentoTypographyVariant,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","value","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","useHasSlot"],"mappings":"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","x_google_ignoreList":[1]}
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../src/components/alert/alert.types.ts","../node_modules/@adyen/ui-assets-icons-16/dist/vue/warning-filled.vue","../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M15.3501 11.5301L9.9501 2.21008C9.7501 1.87008 9.4701 1.58008 9.1301 1.38008C8.4401 0.980078 7.5601 0.980078 6.8801 1.38008C6.5401 1.58008 6.2501 1.86008 6.0601 2.20008L0.650097 11.5301C0.450097 11.8701 0.350098 12.2601 0.350098 12.6601C0.350098 13.0601 0.450097 13.4501 0.650097 13.7801C0.850097 14.1201 1.1301 14.4101 1.4701 14.6001C1.8101 14.8001 2.2001 14.9001 2.6001 14.9001H13.4001C13.7901 14.9001 14.1801 14.8001 14.5201 14.6001C14.8601 14.4001 15.1501 14.1201 15.3501 13.7801C15.5501 13.4401 15.6501 13.0501 15.6501 12.6501C15.6501 12.2501 15.5501 11.8601 15.3501 11.5201V11.5301ZM7.2501 4.58008H8.7501V9.08008H7.2501V4.58008ZM8.9201 11.7101C8.8401 11.8901 8.7201 12.0501 8.5501 12.1601C8.3801 12.2701 8.1901 12.3301 7.9901 12.3301C7.7201 12.3301 7.4701 12.2301 7.2801 12.0401C7.0901 11.8501 6.9901 11.6001 6.9901 11.3301C6.9901 11.1301 7.0501 10.9401 7.1601 10.7801C7.2701 10.6201 7.4201 10.4901 7.6101 10.4101C7.7901 10.3301 7.9901 10.3201 8.1901 10.3501C8.3901 10.3901 8.5601 10.4801 8.7001 10.6201C8.8401 10.7601 8.9301 10.9401 8.9701 11.1301C9.0101 11.3201 8.9901 11.5201 8.9101 11.7101H8.9201Z\"/></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, onMounted, PropType } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default defineComponent({\n i18n: { messages },\n name: 'bento-alert',\n components: { CrossSmall, BentoButton, Warning, CrossCircle, CheckedCircle, Info, BentoTypography },\n props: {\n /**\n * Adds a close button on the right side of the alert\n */\n closeButton: {\n type: Boolean,\n default: false,\n },\n /**\n * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n */\n type: {\n type: String as PropType<BentoAlertTypeOption | `${BentoAlertTypeOption}`>,\n default: BentoAlertTypeOption.HIGHLIGHT,\n validator: (value: BentoAlertTypeOption) => Object.values(BentoAlertTypeOption).includes(value),\n },\n /**\n * Variant for the alert\n * @values DEFAULT, TIP\n */\n variant: {\n type: String as PropType<BentoAlertVariant | `${BentoAlertVariant}`>,\n default: BentoAlertVariant.DEFAULT,\n validator: (value: BentoAlertVariant) => Object.values(BentoAlertVariant).includes(value),\n },\n },\n emits: [BentoAlertEvent.CLOSE_ALERT],\n setup(props, { slots, emit }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n\n return {\n // Values\n alertConditionalClasses,\n computedRole,\n descriptionTypography,\n iconComponent,\n iconSvgTitle,\n isTipVariant,\n\n // Methods\n onCloseButtonClick,\n hasSlot: useHasSlot(slots),\n t,\n\n // Enums\n BentoTypographyVariant,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","_sfc_main","defineComponent","messages","CrossIcon","BentoButton","Warning","CrossCircleIcon","CheckedCircleIcon","InfoIcon","BentoTypography","value","props","slots","emit","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted","useHasSlot"],"mappings":"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","x_google_ignoreList":[1]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-base[data-v-03e95a66]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-03e95a66],.b-modal-base[data-v-03e95a66]:before,.b-modal-base[data-v-03e95a66]:after{box-sizing:border-box}.b-modal-base *[data-v-03e95a66],.b-modal-base *[data-v-03e95a66]:before,.b-modal-base *[data-v-03e95a66]:after{box-sizing:border-box}.b-modal-base[data-v-03e95a66] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-03e95a66] ::-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-03e95a66]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-03e95a66]{border:none;margin:auto;padding:var(--b-modal-padding)}.b-modal-base__container--overflow-visible[data-v-03e95a66]{overflow:visible}.b-modal-base__container[open][data-v-03e95a66]{animation:fade-in-
|
|
1
|
+
.b-modal-base[data-v-03e95a66]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-03e95a66],.b-modal-base[data-v-03e95a66]:before,.b-modal-base[data-v-03e95a66]:after{box-sizing:border-box}.b-modal-base *[data-v-03e95a66],.b-modal-base *[data-v-03e95a66]:before,.b-modal-base *[data-v-03e95a66]:after{box-sizing:border-box}.b-modal-base[data-v-03e95a66] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-03e95a66] ::-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-03e95a66]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-03e95a66]{border:none;margin:auto;padding:var(--b-modal-padding)}.b-modal-base__container--overflow-visible[data-v-03e95a66]{overflow:visible}.b-modal-base__container[open][data-v-03e95a66]{animation:fade-in-uwdq77r-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uwdq77r-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-uwdq77r-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uwdq77r-03e95a66{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uwdq77r-03e95a66{0%{scale:1}to{scale:1}}@keyframes enter-uwdq77r-03e95a66{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-03e95a66]::backdrop{animation:fade-in-uwdq78f-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uwdq78f-03e95a66{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-03e95a66]{animation:fade-out-uwdq78p-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uwdq78p-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-uwdq78p-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uwdq78p-03e95a66{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uwdq78p-03e95a66{0%{scale:1}to{scale:1}}@keyframes exit-uwdq78p-03e95a66{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-03e95a66]::backdrop{animation:fade-out-uwdq78t-03e95a66 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uwdq78t-03e95a66{0%{opacity:.5}to{opacity:0}}.b-modal-base__container--column-layout .b-modal-base__header[data-v-03e95a66]{padding-bottom:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__header-container[data-v-03e95a66]{padding-bottom:0}.b-modal-base__container--column-layout .b-modal-base__actions[data-v-03e95a66]{padding-top:var(--b-modal-container-gap)}.b-modal-base__container--column-layout .b-modal-base__actions-container[data-v-03e95a66]{padding-top:0}.b-modal-base__container[data-v-03e95a66]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--small[data-v-03e95a66]{width:480px}.b-modal-base__container--medium[data-v-03e95a66]{width:600px}.b-modal-base__container--large[data-v-03e95a66]{width:800px}.b-modal-base__container[data-v-03e95a66],.b-modal-base__header-container[data-v-03e95a66],.b-modal-base__actions-container[data-v-03e95a66]{background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius)}.b-modal-base__wrapper[data-v-03e95a66]{display:flex;flex-direction:column}.b-modal-base__divider[data-v-03e95a66]{margin-left:-24px;width:calc(100% + 48px)}.b-modal-base__header-container[data-v-03e95a66],.b-modal-base__actions-container[data-v-03e95a66]{padding:16px 24px;position:sticky}.b-modal-base__header-container[data-v-03e95a66]{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.b-modal-base__actions-container[data-v-03e95a66]{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.b-modal-base__header[data-v-03e95a66]{align-items:center;display:flex;justify-content:space-between}.b-modal-base__content[data-v-03e95a66]{padding:var(--b-modal-container-gap) 24px}.b-modal-base__content--with-header[data-v-03e95a66]{padding-top:0}.b-modal-base__content--with-actions[data-v-03e95a66]{padding-bottom:0}.b-modal-base__grid[data-v-03e95a66]>: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-base__grid[data-v-03e95a66]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}
|
package/dist/assets/checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svg
|
|
1
|
+
svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-checkbox[data-v-bf9459b6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex;vertical-align:baseline}.b-checkbox[data-v-bf9459b6],.b-checkbox[data-v-bf9459b6]:before,.b-checkbox[data-v-bf9459b6]:after{box-sizing:border-box}.b-checkbox *[data-v-bf9459b6],.b-checkbox *[data-v-bf9459b6]:before,.b-checkbox *[data-v-bf9459b6]:after{box-sizing:border-box}.b-checkbox[data-v-bf9459b6] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox[data-v-bf9459b6] ::-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-checkbox--disabled[data-v-bf9459b6],.b-checkbox--disabled *[data-v-bf9459b6]{cursor:not-allowed}.b-checkbox--readonly[data-v-bf9459b6],.b-checkbox--readonly *[data-v-bf9459b6]{pointer-events:none}.b-checkbox__outline[data-v-bf9459b6]{appearance:none;border-radius:var(--b-checkbox-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;top:var(--b-checkbox-outline-top-offset);width:16px}.b-checkbox__outline--unchecked[data-v-bf9459b6]{background-color:var(--b-checkbox-outline-unchecked-background-color);border-color:var(--b-checkbox-outline-unchecked-border-color)}.b-checkbox__outline--unchecked[data-v-bf9459b6]:hover{background-color:var(--b-checkbox-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-outline-unchecked-hover-border-color)}.b-checkbox__outline--unchecked[data-v-bf9459b6]:active{background-color:var(--b-checkbox-outline-unchecked-active-background-color);border-color:var(--b-checkbox-outline-unchecked-active-border-color)}.b-checkbox__outline--unchecked[data-v-bf9459b6]:disabled{background-color:var(--b-checkbox-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox__outline[data-v-bf9459b6]:checked{background-color:var(--b-checkbox-outline-checked-background-color);border-color:var(--b-checkbox-outline-checked-border-color)}.b-checkbox__outline[data-v-bf9459b6]:checked:hover,.b-checkbox__icon:hover+.b-checkbox__outline[data-v-bf9459b6]:checked:not(:disabled){background-color:var(--b-checkbox-outline-checked-hover-background-color);border-color:var(--b-checkbox-outline-checked-hover-border-color)}.b-checkbox__outline[data-v-bf9459b6]:checked:active{background-color:var(--b-checkbox-outline-checked-active-background-color);border-color:var(--b-checkbox-outline-checked-active-border-color)}.b-checkbox__outline[data-v-bf9459b6]:checked:disabled{background-color:var(--b-checkbox-outline-checked-disabled-background-color);border-color:var(--b-checkbox-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox__outline[data-v-bf9459b6]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-background-color);border-color:var(--b-checkbox-outline-indeterminate-border-color)}.b-checkbox__outline[data-v-bf9459b6]:indeterminate:hover{background-color:var(--b-checkbox-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-outline-indeterminate-hover-border-color)}.b-checkbox__outline[data-v-bf9459b6]:indeterminate:active{background-color:var(--b-checkbox-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-outline-indeterminate-active-border-color)}.b-checkbox__outline[data-v-bf9459b6]:indeterminate:disabled{background-color:var(--b-checkbox-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox__outline[data-v-bf9459b6]:focus-visible{animation:outer-ring-default-bf9459b6 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-bf9459b6{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-checkbox__outline--error[data-v-bf9459b6]{border:var(--b-checkbox-outline-unchecked-error-border)}.b-checkbox__outline--error[data-v-bf9459b6]:checked{background-color:var(--b-checkbox-outline-checked-error-background-color);border-color:var(--b-checkbox-outline-checked-error-border-color)}.b-checkbox__outline--error[data-v-bf9459b6]:indeterminate{background-color:var(--b-checkbox-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-outline-indeterminate-error-border-color)}.b-checkbox__outline--readonly[data-v-bf9459b6],.b-checkbox__outline--readonly[data-v-bf9459b6]:checked,.b-checkbox__outline--readonly[data-v-bf9459b6]:indeterminate{background-color:var(--b-checkbox-outline-readonly-background-color);border-color:var(--b-checkbox-outline-readonly-border-color)}.b-checkbox__input-container[data-v-bf9459b6]{position:relative}.b-checkbox__icon[data-v-bf9459b6]{color:var(--b-checkbox-icon-color);left:0;position:absolute;top:var(--b-checkbox-outline-top-offset);z-index:1}.b-checkbox--disabled .b-checkbox__icon[data-v-bf9459b6]{color:var(--b-checkbox-icon-disabled-color)}.b-checkbox--readonly .b-checkbox__icon[data-v-bf9459b6]{color:var(--b-checkbox-icon-readonly-color)}.b-checkbox__text[data-v-bf9459b6]{color:var(--b-checkbox-text-color);cursor:pointer;display:flex;flex-direction:column;gap:var(--b-checkbox-text-gap);padding-left:var(--b-checkbox-text-padding-left)}.b-checkbox--disabled .b-checkbox__text[data-v-bf9459b6]{color:var(--b-checkbox-text-disabled-color);cursor:not-allowed}.b-checkbox__text-requirement[data-v-bf9459b6]{color:var(--b-input-field-label-requirement-color)}.b-checkbox__description[data-v-bf9459b6]{color:var(--b-checkbox-description-color)}.b-checkbox--disabled .b-checkbox__description[data-v-bf9459b6]{color:var(--b-checkbox-description-disabled-color)}
|
package/dist/assets/copy.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svg
|
|
1
|
+
svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-copy[data-v-7b299048]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:inline-flex}.b-copy[data-v-7b299048],.b-copy[data-v-7b299048]:before,.b-copy[data-v-7b299048]:after{box-sizing:border-box}.b-copy *[data-v-7b299048],.b-copy *[data-v-7b299048]:before,.b-copy *[data-v-7b299048]:after{box-sizing:border-box}.b-copy[data-v-7b299048] ::-webkit-scrollbar{height:14px;width:14px}.b-copy[data-v-7b299048] ::-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-copy__screen-reader-alert[data-v-7b299048]{border:0;clip:rect(0,0,0,0);height:0;overflow:hidden;position:absolute;width:0}
|
package/dist/assets/cross.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svg
|
|
1
|
+
svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
input[data-v-a199ba85]:disabled{cursor:inherit}input[data-v-a199ba85]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}input[data-v-a199ba85]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-a199ba85]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-a199ba85]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-a199ba85]{cursor:not-allowed}.b-dropdown-base-textbox--has-items[data-v-a199ba85]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-a199ba85]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-a199ba85]{border-radius:var(--b-dropdown-default-textbox-additional-items-border-radius);justify-self:end}.b-dropdown-base-textbox__input[data-v-a199ba85]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-a199ba85]:focus-visible{outline:none}.b-dropdown-base-textbox__input-multiple-selected[data-v-a199ba85]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-a199ba85]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-a199ba85]:focus-visible{border-color:transparent;border-radius:50%;box-shadow:none;outline-style:none;animation:outer-ring-default-a199ba85 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-a199ba85{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-dropdown-default-textbox[data-v-
|
|
1
|
+
input[data-v-a199ba85]:disabled{cursor:inherit}input[data-v-a199ba85]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}input[data-v-a199ba85]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-a199ba85]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-a199ba85]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-a199ba85]{cursor:not-allowed}.b-dropdown-base-textbox--has-items[data-v-a199ba85]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-a199ba85]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-a199ba85]{border-radius:var(--b-dropdown-default-textbox-additional-items-border-radius);justify-self:end}.b-dropdown-base-textbox__input[data-v-a199ba85]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-a199ba85]:focus-visible{outline:none}.b-dropdown-base-textbox__input-multiple-selected[data-v-a199ba85]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-a199ba85]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-a199ba85]:focus-visible{border-color:transparent;border-radius:50%;box-shadow:none;outline-style:none;animation:outer-ring-default-a199ba85 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-a199ba85{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-dropdown-default-textbox[data-v-20dfb310]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-default-textbox-background-color);border:1px solid var(--b-dropdown-default-textbox-border-color);border-radius:var(--b-dropdown-default-textbox-border-radius);color:var(--b-dropdown-default-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;min-height:var(--b-dropdown-default-textbox-height);overflow:hidden}.b-dropdown-default-textbox[data-v-20dfb310],.b-dropdown-default-textbox[data-v-20dfb310]:before,.b-dropdown-default-textbox[data-v-20dfb310]:after{box-sizing:border-box}.b-dropdown-default-textbox[data-v-20dfb310] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-default-textbox[data-v-20dfb310] ::-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-dropdown-default-textbox__textbox[data-v-20dfb310]{display:flex;height:100%;min-height:34px;padding:var(--b-dropdown-default-textbox-padding);width:100%}.b-dropdown-default-textbox[data-v-20dfb310] .b-dropdown-base-textbox{gap:var(--b-dropdown-default-textbox-base-textbox-gap)}.b-dropdown-default-textbox[data-v-20dfb310] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-additional-items-background-color);padding:var(--b-dropdown-default-textbox-additional-items-padding)}.b-dropdown-default-textbox[data-v-20dfb310] .b-dropdown-base-textbox__input-selected-element{margin-right:var(--b-dropdown-default-textbox-input-selected-element-margin-right)}.b-dropdown-default-textbox__chevron[data-v-20dfb310]{align-items:center;color:var(--b-dropdown-default-textbox-icon-color);display:flex;line-height:1;pointer-events:none}.b-dropdown-default-textbox[data-v-20dfb310]:hover:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-hover-border-color)}.b-dropdown-default-textbox[data-v-20dfb310]:focus-within,.b-dropdown-default-textbox[data-v-20dfb310]:focus-visible{outline:none}.b-dropdown-default-textbox[data-v-20dfb310]:focus-within:not(.b-dropdown-default-textbox--disabled),.b-dropdown-default-textbox[data-v-20dfb310]:focus-visible:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-dropdown-default-textbox-focus-border-color);outline:solid var(--b-dropdown-default-textbox-focus-outline-width) var(--b-dropdown-default-textbox-focus-outline-color)}.b-dropdown-default-textbox--condensed[data-v-20dfb310]{min-height:var(--b-dropdown-default-textbox-condensed-min-height)}.b-dropdown-default-textbox--condensed .b-dropdown-default-textbox__textbox[data-v-20dfb310]{min-height:var(--b-dropdown-default-textbox-condensed-min-height);padding:var(--b-dropdown-default-textbox-condensed-padding)}.b-dropdown-default-textbox--condensed[data-v-20dfb310] .b-dropdown-base-textbox__additional-items{align-items:center;display:flex;max-height:var(--b-dropdown-default-textbox-additional-items-condensed-max-height)}.b-dropdown-default-textbox--opened[data-v-20dfb310]{border-bottom-left-radius:var(--b-dropdown-default-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-default-textbox-opened-bottom-border-radius)}.b-dropdown-default-textbox--disabled[data-v-20dfb310],.b-dropdown-default-textbox--disabled>*[data-v-20dfb310]{background-color:var(--b-dropdown-default-textbox-disabled-background-color);border-color:var(--b-dropdown-default-textbox-disabled-border-color);color:var(--b-dropdown-default-textbox-disabled-color);cursor:not-allowed}.b-dropdown-default-textbox--disabled .b-dropdown-default-textbox__chevron[data-v-20dfb310],.b-dropdown-default-textbox--disabled>* .b-dropdown-default-textbox__chevron[data-v-20dfb310]{color:var(--b-dropdown-default-textbox-disabled-icon-color)}.b-dropdown-default-textbox--readonly[data-v-20dfb310],.b-dropdown-default-textbox--readonly>*[data-v-20dfb310]{background-color:var(--b-dropdown-default-textbox-readonly-background-color);border-color:var(--b-dropdown-default-textbox-readonly-border-color);pointer-events:none}.b-dropdown-default-textbox--readonly .b-dropdown-default-textbox__chevron[data-v-20dfb310],.b-dropdown-default-textbox--readonly>* .b-dropdown-default-textbox__chevron[data-v-20dfb310]{color:var(--b-dropdown-default-textbox-readonly-icon-color)}.b-dropdown-default-textbox--readonly[data-v-20dfb310] .b-dropdown-base-textbox__additional-items,.b-dropdown-default-textbox--readonly>*[data-v-20dfb310] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-default-textbox-readonly-background-color)}.b-dropdown-default-textbox--error[data-v-20dfb310]{border:var(--b-dropdown-default-textbox-error-border)}.b-dropdown-default-textbox--error:focus-within.b-dropdown-default-textbox[data-v-20dfb310],.b-dropdown-default-textbox--error:focus-visible.b-dropdown-default-textbox[data-v-20dfb310]{border-color:var(--b-dropdown-default-textbox-error-focus-border-color);outline:solid var(--b-dropdown-default-textbox-focus-outline-width) var(--b-dropdown-default-textbox-error-focus-outline-color)}
|
package/dist/assets/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-dropdown-options-container[data-v-c9901f59]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-c9901f59],.b-dropdown-options-container[data-v-c9901f59]:before,.b-dropdown-options-container[data-v-c9901f59]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-c9901f59] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-c9901f59] ::-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-dropdown-options-container[data-v-c9901f59]:not(.b-legacy-theme .b-dropdown-options-container--single){border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px!important}.b-dropdown-options-container__listbox[data-v-c9901f59]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;max-height:300px}.b-dropdown-options-container__listbox--single[data-v-c9901f59]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow);margin-top:var(--b-dropdown-options-container-margin-top)}.b-dropdown-options-container__listbox--small[data-v-c9901f59]{width:100px}svg
|
|
1
|
+
.b-dropdown-options-container[data-v-c9901f59]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-c9901f59],.b-dropdown-options-container[data-v-c9901f59]:before,.b-dropdown-options-container[data-v-c9901f59]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-c9901f59] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-c9901f59] ::-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-dropdown-options-container[data-v-c9901f59]:not(.b-legacy-theme .b-dropdown-options-container--single){border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px!important}.b-dropdown-options-container__listbox[data-v-c9901f59]{border-color:var(--b-dropdown-options-container-border-color);border-radius:var(--b-dropdown-options-container-border-radius);border-style:solid;border-width:0;max-height:300px}.b-dropdown-options-container__listbox--single[data-v-c9901f59]{border-width:var(--b-dropdown-options-container-border-width);box-shadow:var(--b-dropdown-options-container-box-shadow);margin-top:var(--b-dropdown-options-container-margin-top)}.b-dropdown-options-container__listbox--small[data-v-c9901f59]{width:100px}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-dropdown-small-textbox[data-v-d9e6eff4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-dropdown-small-textbox-background-color);border:1px solid var(--b-dropdown-small-textbox-border-color);border-radius:var(--b-dropdown-small-textbox-border-radius);color:var(--b-dropdown-small-textbox-color);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:var(--b-dropdown-small-textbox-height);justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-d9e6eff4],.b-dropdown-small-textbox[data-v-d9e6eff4]:before,.b-dropdown-small-textbox[data-v-d9e6eff4]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-d9e6eff4] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-d9e6eff4] ::-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-dropdown-small-textbox[data-v-d9e6eff4]{font-weight:600}.b-dropdown-small-textbox__textbox[data-v-d9e6eff4]{background-color:var(--b-dropdown-small-textbox-background-color);height:100%;padding:var(--b-dropdown-small-textbox-padding);width:100%}.b-dropdown-small-textbox[data-v-d9e6eff4] .b-dropdown-base-textbox__additional-items{background-color:var(--b-dropdown-small-textbox-additional-items-background-color);padding:var(--b-dropdown-small-textbox-additional-items-padding)}.b-dropdown-small-textbox[data-v-d9e6eff4] .b-dropdown-base-textbox{gap:var(--b-dropdown-small-textbox-base-textbox-gap);height:var(--b-dropdown-small-textbox-base-textbox-height)}.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-within,.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-d9e6eff4]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-dropdown-small-textbox-focus-border-color)}.b-dropdown-small-textbox[data-v-d9e6eff4]:hover{color:var(--b-dropdown-small-textbox-hover-color)}.b-dropdown-small-textbox--opened[data-v-d9e6eff4]{border-bottom-left-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius);border-bottom-right-radius:var(--b-dropdown-small-textbox-opened-bottom-border-radius)}.b-dropdown-small-textbox--disabled[data-v-d9e6eff4],.b-dropdown-small-textbox--disabled>*[data-v-d9e6eff4]{background-color:var(--b-dropdown-small-textbox-disabled-background-color);border-color:var(--b-dropdown-small-textbox-disabled-border-color);color:var(--b-dropdown-small-textbox-disabled-color);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-d9e6eff4],.b-dropdown-small-textbox--readonly>*[data-v-d9e6eff4]{background-color:var(--b-dropdown-small-textbox-readonly-background-color);border-color:var(--b-dropdown-small-textbox-readonly-border-color);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-d9e6eff4],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-d9e6eff4]{color:var(--b-dropdown-small-textbox-readonly-icon-color)}.b-dropdown-small-textbox__chevron[data-v-d9e6eff4]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-16755398]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-16755398],.b-dropdown[data-v-16755398]:before,.b-dropdown[data-v-16755398]:after{box-sizing:border-box}.b-dropdown *[data-v-16755398],.b-dropdown *[data-v-16755398]:before,.b-dropdown *[data-v-16755398]:after{box-sizing:border-box}.b-dropdown[data-v-16755398] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-16755398] ::-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-dropdown__description[data-v-16755398]{color:var(--b-dropdown-description-color);margin-top:var(--b-dropdown-description-margin-top)}.b-dropdown__description--error[data-v-16755398]{margin-top:var(--b-dropdown-description-error-margin-top)}.b-dropdown__error-message[data-v-16755398]{margin-top:var(--b-dropdown-error-message-margin-top)}.b-dropdown--condensed .b-dropdown__description[data-v-16755398]{margin-top:var(--b-dropdown-description-condensed-margin-top)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-error-message[data-v-2490b85a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;color:var(--b-error-message-color);display:flex}.b-error-message[data-v-2490b85a],.b-error-message[data-v-2490b85a]:before,.b-error-message[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message *[data-v-2490b85a],.b-error-message *[data-v-2490b85a]:before,.b-error-message *[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message[data-v-2490b85a] ::-webkit-scrollbar{height:14px;width:14px}.b-error-message[data-v-2490b85a] ::-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-error-message__icon[data-v-2490b85a]{align-items:center;display:flex;height:var(--b-error-message-icon-height);margin-right:var(--b-error-message-icon-margin-right)}.b-field-label[data-v-
|
|
1
|
+
.b-error-message[data-v-2490b85a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;color:var(--b-error-message-color);display:flex}.b-error-message[data-v-2490b85a],.b-error-message[data-v-2490b85a]:before,.b-error-message[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message *[data-v-2490b85a],.b-error-message *[data-v-2490b85a]:before,.b-error-message *[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message[data-v-2490b85a] ::-webkit-scrollbar{height:14px;width:14px}.b-error-message[data-v-2490b85a] ::-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-error-message__icon[data-v-2490b85a]{align-items:center;display:flex;height:var(--b-error-message-icon-height);margin-right:var(--b-error-message-icon-margin-right)}.b-field-label[data-v-2ce625aa]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-field-label-color);margin-bottom:var(--b-field-label-margin-bottom)}.b-field-label[data-v-2ce625aa],.b-field-label[data-v-2ce625aa]:before,.b-field-label[data-v-2ce625aa]:after{box-sizing:border-box}.b-field-label *[data-v-2ce625aa],.b-field-label *[data-v-2ce625aa]:before,.b-field-label *[data-v-2ce625aa]:after{box-sizing:border-box}.b-field-label[data-v-2ce625aa] ::-webkit-scrollbar{height:14px;width:14px}.b-field-label[data-v-2ce625aa] ::-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-field-label[data-v-2ce625aa]>:not(:last-child){margin-right:var(--b-field-label-margin-right)}.b-field-label__tooltip-wrapper[data-v-2ce625aa]:not(:last-child){margin-right:var(--b-field-label-tooltip-wrapper-margin-right)}.b-field-label__tooltip[data-v-2ce625aa]{vertical-align:text-bottom}.b-field-label__requirement[data-v-2ce625aa]{color:var(--b-field-label-requirement-color)}.b-field-label--condensed[data-v-2ce625aa]{margin-bottom:var(--b-field-label-condensed-margin-bottom)}
|
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.adl2-badge[data-v-5636e22c]{color:var(--adl-component-base-text-color);font-family:var(--adl-component-base-font-family);font-size:var(--adl-component-base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adl-component-base-font-weight);line-height:var(--adl-component-base-line-height);align-items:center;border-radius:9999px;cursor:default;display:inline-flex;flex-direction:row;font-weight:var(--adl-badge-font-weight);gap:var(--adl-badge-gap);height:var(--adl-badge-height);padding:var(--adl-badge-padding);width:fit-content}.adl2-badge[data-v-5636e22c],.adl2-badge[data-v-5636e22c]:before,.adl2-badge[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge *[data-v-5636e22c],.adl2-badge *[data-v-5636e22c]:before,.adl2-badge *[data-v-5636e22c]:after{box-sizing:border-box}.adl2-badge--default[data-v-5636e22c]{background-color:var(--adl-badge-default-background-color)}.adl2-badge--attention[data-v-5636e22c]{background-color:var(--adl-badge-attention-background-color)}.adl2-badge--warning[data-v-5636e22c]{background-color:var(--adl-badge-warning-background-color)}.adl2-badge--critical[data-v-5636e22c]{background-color:var(--adl-badge-critical-background-color)}.adl2-badge--success[data-v-5636e22c]{background-color:var(--adl-badge-success-background-color)}
|
package/dist/assets/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.b-payment-method[data-v-cf6b797f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-payment-method[data-v-cf6b797f],.b-payment-method[data-v-cf6b797f]:before,.b-payment-method[data-v-cf6b797f]:after{box-sizing:border-box}.b-payment-method *[data-v-cf6b797f],.b-payment-method *[data-v-cf6b797f]:before,.b-payment-method *[data-v-cf6b797f]:after{box-sizing:border-box}.b-payment-method[data-v-cf6b797f] ::-webkit-scrollbar{height:14px;width:14px}.b-payment-method[data-v-cf6b797f] ::-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-payment-method__icon-container[data-v-cf6b797f]{align-items:center;display:flex}.b-payment-method__icon[data-v-cf6b797f]{height:26px;width:40px}.b-payment-method__icon--small[data-v-cf6b797f]{height:16px;width:22px}.b-payment-method__label[data-v-cf6b797f]{align-items:center;color:var(--b-payment-method-label-color);display:flex;padding:var(--b-payment-method-label-padding)}
|
package/dist/assets/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-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-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-6a9f44ad]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-6a9f44ad],.b-popover[data-v-6a9f44ad]:before,.b-popover[data-v-6a9f44ad]:after{box-sizing:border-box}.b-popover *[data-v-6a9f44ad],.b-popover *[data-v-6a9f44ad]:before,.b-popover *[data-v-6a9f44ad]:after{box-sizing:border-box}.b-popover[data-v-6a9f44ad] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-6a9f44ad] ::-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)}@media (min-width: 376px){.b-popover[data-v-6a9f44ad]{width:320px}}.b-popover[data-v-6a9f44ad] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-6a9f44ad]{width:fit-content}.b-popover--small[data-v-6a9f44ad]{width:200px}.b-popover--large[data-v-6a9f44ad]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-6a9f44ad]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-6a9f44ad]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-6a9f44ad],.b-popover--without-space .b-popover__content[data-v-6a9f44ad],.b-popover--without-space .b-popover__footer[data-v-6a9f44ad]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-6a9f44ad]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-6a9f44ad]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-6a9f44ad]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-6a9f44ad]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-6a9f44ad]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-6a9f44ad]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-6a9f44ad]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-6a9f44ad]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-6a9f44ad]{animation:fade-in-uwdq6xo-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uwdq6xo-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uwdq6xo-6a9f44ad{0%{opacity:0}to{opacity:1}}@keyframes move-in-uwdq6xo-6a9f44ad{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-6a9f44ad]{animation:fade-out-uwdq6yr-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uwdq6yr-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uwdq6yr-6a9f44ad{0%{opacity:1}to{opacity:0}}@keyframes move-out-uwdq6yr-6a9f44ad{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-6a9f44ad]{animation:fade-in-uwdq70a-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uwdq70a-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uwdq70a-6a9f44ad{0%{opacity:0}to{opacity:1}}@keyframes move-in-uwdq70a-6a9f44ad{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-6a9f44ad]{animation:fade-out-uwdq72v-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uwdq72v-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uwdq72v-6a9f44ad{0%{opacity:1}to{opacity:0}}@keyframes move-out-uwdq72v-6a9f44ad{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-6a9f44ad]{animation:fade-in-uwdq75j-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uwdq75j-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uwdq75j-6a9f44ad{0%{opacity:0}to{opacity:1}}@keyframes move-in-uwdq75j-6a9f44ad{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-6a9f44ad]{animation:fade-out-uwdq75s-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uwdq75s-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uwdq75s-6a9f44ad{0%{opacity:1}to{opacity:0}}@keyframes move-out-uwdq75s-6a9f44ad{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-6a9f44ad]{animation:fade-in-uwdq76a-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uwdq76a-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uwdq76a-6a9f44ad{0%{opacity:0}to{opacity:1}}@keyframes move-in-uwdq76a-6a9f44ad{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-6a9f44ad]{animation:fade-out-uwdq76j-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uwdq76j-6a9f44ad var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uwdq76j-6a9f44ad{0%{opacity:1}to{opacity:0}}@keyframes move-out-uwdq76j-6a9f44ad{0%{left:0}to{left:-8px}}
|
package/dist/assets/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-popper-container[data-v-2dc38cd5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:var(--b-popper-z-index)}.b-popper-container[data-v-2dc38cd5],.b-popper-container[data-v-2dc38cd5]:before,.b-popper-container[data-v-2dc38cd5]:after{box-sizing:border-box}.b-popper-container *[data-v-2dc38cd5],.b-popper-container *[data-v-2dc38cd5]:before,.b-popper-container *[data-v-2dc38cd5]:after{box-sizing:border-box}.b-popper-container[data-v-2dc38cd5] ::-webkit-scrollbar{height:14px;width:14px}.b-popper-container[data-v-2dc38cd5] ::-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-popper-container__arrow[data-v-2dc38cd5]{background-color:inherit;display:none;height:5.66px;position:absolute;transform:rotate(45deg) scale(1);transition:transform .2s;width:5.66px}.b-popper-container__arrow[data-hide][data-v-2dc38cd5]{transform:scale(.1)}[data-popper-placement^=top]>.b-popper-container__arrow[data-v-2dc38cd5]{border-bottom-right-radius:2px;bottom:-3px}[data-popper-placement^=bottom]>.b-popper-container__arrow[data-v-2dc38cd5]{border-top-left-radius:2px;top:-3px}[data-popper-placement^=left]>.b-popper-container__arrow[data-v-2dc38cd5]{border-top-right-radius:2px;right:-3px}[data-popper-placement^=right]>.b-popper-container__arrow[data-v-2dc38cd5]{border-bottom-left-radius:2px;left:-3px}
|