@adyen/bento-vue3 1.35.1 → 1.37.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/core/src/components/checkbox/checkbox.types.d.ts +9 -0
- package/dist/@types/packages/{vue2/src/components/checkbox → core/src}/components/checkbox-group/checkbox-group.types.d.ts +1 -1
- package/dist/@types/packages/core/src/components/tag/tag.types.d.ts +14 -0
- package/dist/@types/packages/core/src/components/tooltip/tooltip.types.d.ts +11 -0
- package/dist/@types/packages/core/src/utils/ts/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +32 -195
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +58 -221
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/checkbox/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts +20 -11
- package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/currency/currency.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts +10 -1
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +29 -2
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/date/date.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts +31 -4
- package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +41 -14
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +54 -18
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +5 -5
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +243 -400
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue.d.ts +49 -4
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +104 -32
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +216 -400
- package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/base-button/base-button.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/calendar.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/__test__/calendar-month-day-stub.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/checkbox-input/checkbox-input.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/checkbox-input/index.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts +40 -193
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts +79 -386
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +118 -579
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/listbox-single-select-category.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts +166 -600
- package/dist/@types/packages/vue2/src/components/internal/radio-input/radio-input.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/tooltip/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/{tooltip → internal/tooltip}/tooltip.vue.d.ts +76 -67
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +36 -0
- package/dist/@types/packages/vue2/src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +36 -0
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue.d.ts +20 -11
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue.d.ts +20 -11
- package/dist/@types/packages/vue2/src/components/pagination/pagination.vue.d.ts +40 -22
- package/dist/@types/packages/vue2/src/components/payment-method/payment-method.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/popover/components/popover-title/popover-title.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/selection-card/selection-card.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/tabs/components/tab.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tabs/components/tab.vue.d.ts +15 -0
- package/dist/@types/packages/vue2/src/components/tabs/tabs.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tabs/tabs.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts +26 -219
- package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +35 -181
- package/dist/@types/packages/vue2/src/components/timeline/timeline.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts +10 -1
- package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts +8 -0
- package/dist/@types/packages/vue2/src/composables/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/install.d.ts +18 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.d.ts +2 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.types.d.ts +6 -0
- package/dist/@types/packages/vue2/src/directives/tooltip/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/tooltip/tooltip.types.d.ts +0 -11
- package/dist/@types/packages/vue2/src/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/install.d.ts +2 -5
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/alert.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/button.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-group.css +1 -1
- package/dist/assets/checkbox-input.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/code-snippet.css +1 -1
- package/dist/assets/dashboard-section.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/date.css +1 -0
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/empty-state.css +1 -1
- package/dist/assets/error-message.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/header.css +1 -1
- package/dist/assets/info-icon.css +1 -1
- package/dist/assets/input-field.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/pagination.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/popper-container.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/assets/radio-input.css +1 -1
- package/dist/assets/search-bar.css +1 -1
- package/dist/assets/segmented-control.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/status.css +1 -1
- package/dist/assets/summary-grid-item-custom.css +1 -1
- package/dist/assets/tabs.css +1 -1
- package/dist/assets/tag.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/tooltip.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +4 -4
- package/dist/card.js +1 -1
- package/dist/checkbox.js +3 -3
- package/dist/chunks/{accordion-item.C30QFxol.js → accordion-item.BTOF1iNR.js} +4 -4
- package/dist/chunks/accordion-item.BTOF1iNR.js.map +1 -0
- package/dist/chunks/{action-bar.5XBrXwYv.js → action-bar.CuisUSoa.js} +6 -6
- package/dist/chunks/{action-bar.5XBrXwYv.js.map → action-bar.CuisUSoa.js.map} +1 -1
- package/dist/chunks/{alert.BvSx_Bi7.js → alert.BTECwgk3.js} +3 -3
- package/dist/chunks/{alert.BvSx_Bi7.js.map → alert.BTECwgk3.js.map} +1 -1
- package/dist/chunks/{avatar.8erKxh8t.js → avatar.DqdDHXay.js} +2 -2
- package/dist/chunks/{avatar.8erKxh8t.js.map → avatar.DqdDHXay.js.map} +1 -1
- package/dist/chunks/{base-button.BxUrydaP.js → base-button.N4QTXNIp.js} +2 -2
- package/dist/chunks/{base-button.BxUrydaP.js.map → base-button.N4QTXNIp.js.map} +1 -1
- package/dist/chunks/{base-modal.BenvK-Np.js → base-modal.GY3twZI_.js} +7 -7
- package/dist/chunks/base-modal.GY3twZI_.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.CHOjMHpd.js → button-actions-with-menu.D0K6sGoU.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.CHOjMHpd.js.map → button-actions-with-menu.D0K6sGoU.js.map} +1 -1
- package/dist/chunks/{button-actions.DyI_dSvx.js → button-actions.DK09ba3B.js} +3 -3
- package/dist/chunks/{button-actions.DyI_dSvx.js.map → button-actions.DK09ba3B.js.map} +1 -1
- package/dist/chunks/{button.Br6CyG40.js → button.BJBAbiJq.js} +3 -3
- package/dist/chunks/{button.Br6CyG40.js.map → button.BJBAbiJq.js.map} +1 -1
- package/dist/chunks/{calendar.DzYaxc0M.js → calendar.CzrIJLEX.js} +59 -58
- package/dist/chunks/calendar.CzrIJLEX.js.map +1 -0
- package/dist/chunks/{card.Bt8jcp9I.js → card.Dd6y_Qwc.js} +5 -5
- package/dist/chunks/card.Dd6y_Qwc.js.map +1 -0
- package/dist/chunks/{checkbox-group.B0wngKi6.js → checkbox-group.8IN5S-BB.js} +7 -7
- package/dist/chunks/checkbox-group.8IN5S-BB.js.map +1 -0
- package/dist/chunks/{checkbox-input.JdcvpfTa.js → checkbox-input.B24-74ay.js} +20 -18
- package/dist/chunks/checkbox-input.B24-74ay.js.map +1 -0
- package/dist/chunks/{checkbox.Bk_jmkGe.js → checkbox.ZkvB_0XY.js} +7 -7
- package/dist/chunks/checkbox.ZkvB_0XY.js.map +1 -0
- package/dist/chunks/{code-snippet.1SigVnjS.js → code-snippet.D1Q8mX86.js} +10 -9
- package/dist/chunks/{code-snippet.1SigVnjS.js.map → code-snippet.D1Q8mX86.js.map} +1 -1
- package/dist/chunks/{controls-group.COc0kArc.js → controls-group.DBO4uV2t.js} +3 -3
- package/dist/chunks/{controls-group.COc0kArc.js.map → controls-group.DBO4uV2t.js.map} +1 -1
- package/dist/chunks/{copy.1-HH1fz5.js → copy.CJmwNFh_.js} +13 -12
- package/dist/chunks/{copy.1-HH1fz5.js.map → copy.CJmwNFh_.js.map} +1 -1
- package/dist/chunks/{country.CVI-oSer.js → country.O-bKmLZc.js} +2 -2
- package/dist/chunks/{country.CVI-oSer.js.map → country.O-bKmLZc.js.map} +1 -1
- package/dist/chunks/{currency.BdtY-UIM.js → currency.BGrGBnhm.js} +2 -2
- package/dist/chunks/{currency.BdtY-UIM.js.map → currency.BGrGBnhm.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BOrGKdY9.js → dashboard-section.hRVI8IAm.js} +3 -3
- package/dist/chunks/{dashboard-section.BOrGKdY9.js.map → dashboard-section.hRVI8IAm.js.map} +1 -1
- package/dist/chunks/{dashed-underline.BO4BuqUM.js → dashed-underline.BeGUM9AR.js} +23 -22
- package/dist/chunks/{dashed-underline.BO4BuqUM.js.map → dashed-underline.BeGUM9AR.js.map} +1 -1
- package/dist/chunks/{data-grid-template.O946JKTa.js → data-grid-template.DVfZY2QM.js} +3 -3
- package/dist/chunks/{data-grid-template.O946JKTa.js.map → data-grid-template.DVfZY2QM.js.map} +1 -1
- package/dist/chunks/{data-grid.Bv5TA_zR.js → data-grid.WQipkZ5D.js} +756 -754
- package/dist/chunks/data-grid.WQipkZ5D.js.map +1 -0
- package/dist/chunks/{date-picker.DvEPEMIM.js → date-picker.CjXqKx-6.js} +23 -22
- package/dist/chunks/date-picker.CjXqKx-6.js.map +1 -0
- package/dist/chunks/{date-range-picker.BLVlkkG_.js → date-range-picker.DT0bD7bx.js} +31 -30
- package/dist/chunks/{date-range-picker.BLVlkkG_.js.map → date-range-picker.DT0bD7bx.js.map} +1 -1
- package/dist/chunks/{date.CYUV4seY.js → date.Ddj3zcg0.js} +4 -3
- package/dist/chunks/{date.CYUV4seY.js.map → date.Ddj3zcg0.js.map} +1 -1
- package/dist/chunks/{dialog-page.DALFn9KR.js → dialog-page.D_Z9V5rz.js} +2 -2
- package/dist/chunks/{dialog-page.DALFn9KR.js.map → dialog-page.D_Z9V5rz.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.Bu4bpNGU.js → dropdown-default-textbox.CcRQ1f4U.js} +27 -27
- package/dist/chunks/dropdown-default-textbox.CcRQ1f4U.js.map +1 -0
- package/dist/chunks/{dropdown-tag.bpKWbC_O.js → dropdown-tag.Dm5QqVYj.js} +6 -6
- package/dist/chunks/{dropdown-tag.bpKWbC_O.js.map → dropdown-tag.Dm5QqVYj.js.map} +1 -1
- package/dist/chunks/{dropdown.rFZp3hMb.js → dropdown.DBRe0ttO.js} +62 -61
- package/dist/chunks/dropdown.DBRe0ttO.js.map +1 -0
- package/dist/chunks/{empty-state.CyEWCcDk.js → empty-state.B6_DdIft.js} +3 -3
- package/dist/chunks/{empty-state.CyEWCcDk.js.map → empty-state.B6_DdIft.js.map} +1 -1
- package/dist/chunks/{error-message.DblYEZ7E.js → error-message.BsCRxqJP.js} +3 -3
- package/dist/chunks/{error-message.DblYEZ7E.js.map → error-message.BsCRxqJP.js.map} +1 -1
- package/dist/chunks/es6.BvpG4Oi6.js.map +1 -1
- package/dist/chunks/events.FNmSWp_P.js +52 -0
- package/dist/chunks/events.FNmSWp_P.js.map +1 -0
- package/dist/chunks/{filter-bar.IN7gqxsc.js → filter-bar.8DrpM6NO.js} +27 -27
- package/dist/chunks/filter-bar.8DrpM6NO.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DwYB1pqo.js → fixed-scroller.Dk1hJcNA.js} +2 -2
- package/dist/chunks/{fixed-scroller.DwYB1pqo.js.map → fixed-scroller.Dk1hJcNA.js.map} +1 -1
- package/dist/chunks/{footer-actions.CyoMN_ca.js → footer-actions.CLD0Hyok.js} +4 -4
- package/dist/chunks/{footer-actions.CyoMN_ca.js.map → footer-actions.CLD0Hyok.js.map} +1 -1
- package/dist/chunks/{form-layout-title.Bi_3du_6.js → form-layout-title.BqaYHFxV.js} +3 -3
- package/dist/chunks/{form-layout-title.Bi_3du_6.js.map → form-layout-title.BqaYHFxV.js.map} +1 -1
- package/dist/chunks/generate-uid.D-HFI38h.js +32 -0
- package/dist/chunks/generate-uid.D-HFI38h.js.map +1 -0
- package/dist/chunks/{header.Byd6jXl6.js → header.BwTpNk4U.js} +7 -7
- package/dist/chunks/{header.Byd6jXl6.js.map → header.BwTpNk4U.js.map} +1 -1
- package/dist/chunks/{info-icon.DIu8FeJC.js → info-icon.WGVkmqMM.js} +12 -12
- package/dist/chunks/info-icon.WGVkmqMM.js.map +1 -0
- package/dist/chunks/{input-field.CgS1AEGu.js → input-field.B6DTUBbZ.js} +6 -6
- package/dist/chunks/input-field.B6DTUBbZ.js.map +1 -0
- package/dist/chunks/{inspector.types.xpv2J9pJ.js → inspector.types.CKC5Fjz0.js} +5 -5
- package/dist/chunks/inspector.types.CKC5Fjz0.js.map +1 -0
- package/dist/chunks/{keyboard-navigation.Clz1jOaA.js → keyboard-navigation.C3QMVRKY.js} +2 -2
- package/dist/chunks/{keyboard-navigation.Clz1jOaA.js.map → keyboard-navigation.C3QMVRKY.js.map} +1 -1
- package/dist/chunks/{link.2YS7haGc.js → link.DdN8QuxV.js} +2 -2
- package/dist/chunks/{link.2YS7haGc.js.map → link.DdN8QuxV.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.QqDEHMKB.js → listbox-option-tag.58u_cWFs.js} +3 -3
- package/dist/chunks/{listbox-option-tag.QqDEHMKB.js.map → listbox-option-tag.58u_cWFs.js.map} +1 -1
- package/dist/chunks/{loading-button.Bntgn6Lk.js → loading-button.6hYlQMSl.js} +2 -2
- package/dist/chunks/{loading-button.Bntgn6Lk.js.map → loading-button.6hYlQMSl.js.map} +1 -1
- package/dist/chunks/{menu.BN5WGXw3.js → menu.C4805-Dq.js} +7 -7
- package/dist/chunks/{menu.BN5WGXw3.js.map → menu.C4805-Dq.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.zljoH4pr.js → modal-fullscreen.CuEg-noK.js} +7 -7
- package/dist/chunks/modal-fullscreen.CuEg-noK.js.map +1 -0
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.tT8umwqG.js → modal.vue_vue_type_script_setup_true_lang.2_gb7O_d.js} +6 -6
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.tT8umwqG.js.map → modal.vue_vue_type_script_setup_true_lang.2_gb7O_d.js.map} +1 -1
- package/dist/chunks/{pagination.BMn5ryDD.js → pagination.BZH-5145.js} +7 -7
- package/dist/chunks/pagination.BZH-5145.js.map +1 -0
- package/dist/chunks/{payment-method.-3VYG5ud.js → payment-method.Lwl-3chY.js} +2 -2
- package/dist/chunks/{payment-method.-3VYG5ud.js.map → payment-method.Lwl-3chY.js.map} +1 -1
- package/dist/chunks/{popover.pDk6zsak.js → popover.DgJtd7Yj.js} +8 -7
- package/dist/chunks/{popover.pDk6zsak.js.map → popover.DgJtd7Yj.js.map} +1 -1
- package/dist/chunks/{popper-container.DFpaesDm.js → popper-container.Cyf6zCPq.js} +361 -365
- package/dist/chunks/popper-container.Cyf6zCPq.js.map +1 -0
- package/dist/chunks/popper-container.types.BCZMbVFD.js +9 -0
- package/dist/chunks/popper-container.types.BCZMbVFD.js.map +1 -0
- package/dist/chunks/{radio-group.DUtoFXmr.js → radio-group.C1imRci1.js} +8 -8
- package/dist/chunks/radio-group.C1imRci1.js.map +1 -0
- package/dist/chunks/{search-bar.poJCoGD-.js → search-bar.DwKqXdMu.js} +40 -39
- package/dist/chunks/search-bar.DwKqXdMu.js.map +1 -0
- package/dist/chunks/{secondary-nav.Dyvd-YBg.js → secondary-nav.CXOWJcdc.js} +3 -3
- package/dist/chunks/{secondary-nav.Dyvd-YBg.js.map → secondary-nav.CXOWJcdc.js.map} +1 -1
- package/dist/chunks/{segmented-control.DbR5NYWR.js → segmented-control.CueLfseV.js} +8 -7
- package/dist/chunks/segmented-control.CueLfseV.js.map +1 -0
- package/dist/chunks/{selection-card-group.CHBS81j6.js → selection-card-group.GgDEa529.js} +23 -23
- package/dist/chunks/selection-card-group.GgDEa529.js.map +1 -0
- package/dist/chunks/{sidepanel.CuQCXV1E.js → sidepanel.C3DL5ZCV.js} +14 -14
- package/dist/chunks/sidepanel.C3DL5ZCV.js.map +1 -0
- package/dist/chunks/{status.types.r9TfZmvE.js → status.types.nTyHETSy.js} +2 -2
- package/dist/chunks/{status.types.r9TfZmvE.js.map → status.types.nTyHETSy.js.map} +1 -1
- package/dist/chunks/{step.ClnCjesW.js → step.DNhSkFAA.js} +31 -30
- package/dist/chunks/{step.ClnCjesW.js.map → step.DNhSkFAA.js.map} +1 -1
- package/dist/chunks/{structured-list-item.1A2sjhP4.js → structured-list-item.IwqvXP2Q.js} +11 -10
- package/dist/chunks/{structured-list-item.1A2sjhP4.js.map → structured-list-item.IwqvXP2Q.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.CuvUVoQ8.js → summary-grid-item-custom.BbN72bub.js} +5 -5
- package/dist/chunks/{summary-grid-item-custom.CuvUVoQ8.js.map → summary-grid-item-custom.BbN72bub.js.map} +1 -1
- package/dist/chunks/tabs.CV5s2cJq.js +211 -0
- package/dist/chunks/tabs.CV5s2cJq.js.map +1 -0
- package/dist/chunks/tag.wfnhGWVG.js +51 -0
- package/dist/chunks/tag.wfnhGWVG.js.map +1 -0
- package/dist/chunks/{textarea.CHnvON8G.js → textarea.DO0GBL6m.js} +19 -19
- package/dist/chunks/textarea.DO0GBL6m.js.map +1 -0
- package/dist/chunks/{timeline-item.Dc_l5Xyy.js → timeline-item.B7D-RsYN.js} +11 -11
- package/dist/chunks/{timeline-item.Dc_l5Xyy.js.map → timeline-item.B7D-RsYN.js.map} +1 -1
- package/dist/chunks/{toast.CIVPmwmU.js → toast.BaEY0X3c.js} +4 -4
- package/dist/chunks/{toast.CIVPmwmU.js.map → toast.BaEY0X3c.js.map} +1 -1
- package/dist/chunks/{toggle-button.CBRd1v6x.js → toggle-button.CX-FLsuq.js} +2 -2
- package/dist/chunks/{toggle-button.CBRd1v6x.js.map → toggle-button.CX-FLsuq.js.map} +1 -1
- package/dist/chunks/{toggle.8t4flh_3.js → toggle.Bme9eaeR.js} +4 -4
- package/dist/chunks/toggle.Bme9eaeR.js.map +1 -0
- package/dist/chunks/{tooltip.DvsfWV0-.js → tooltip.BEl_LdFo.js} +50 -51
- package/dist/chunks/tooltip.BEl_LdFo.js.map +1 -0
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.DdLmYCOe.js → tutorial.vue_vue_type_script_setup_true_lang.DKMxylGg.js} +9 -8
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.DdLmYCOe.js.map → tutorial.vue_vue_type_script_setup_true_lang.DKMxylGg.js.map} +1 -1
- package/dist/chunks/typography.DNzU41ah.js +82 -0
- package/dist/chunks/typography.DNzU41ah.js.map +1 -0
- package/dist/chunks/{use-bento-toast-controller.BDYlxAYq.js → use-bento-toast-controller.C2wUDcoc.js} +3 -3
- package/dist/chunks/use-bento-toast-controller.C2wUDcoc.js.map +1 -0
- package/dist/chunks/{use-cached-selected-values.CS3gHOyI.js → use-cached-selected-values.CX-a8FKd.js} +12 -11
- package/dist/chunks/{use-cached-selected-values.CS3gHOyI.js.map → use-cached-selected-values.CX-a8FKd.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +1 -1
- package/dist/currency.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +316 -299
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +21 -19
- package/dist/internal.js.map +1 -1
- package/dist/link.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/popper-container.js +5 -4
- package/dist/popper-container.js.map +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/status.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +1810 -0
- package/dist/styles/bento-light.css +1809 -0
- package/dist/styles/bento.css +69 -7
- package/dist/styles/legacy.css +67 -5
- package/dist/styles/styleguide.css +69 -7
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.types.d.ts +0 -9
- package/dist/chunks/accordion-item.C30QFxol.js.map +0 -1
- package/dist/chunks/base-modal.BenvK-Np.js.map +0 -1
- package/dist/chunks/calendar.DzYaxc0M.js.map +0 -1
- package/dist/chunks/card.Bt8jcp9I.js.map +0 -1
- package/dist/chunks/checkbox-group.B0wngKi6.js.map +0 -1
- package/dist/chunks/checkbox-input.JdcvpfTa.js.map +0 -1
- package/dist/chunks/checkbox.Bk_jmkGe.js.map +0 -1
- package/dist/chunks/data-grid.Bv5TA_zR.js.map +0 -1
- package/dist/chunks/date-picker.DvEPEMIM.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.Bu4bpNGU.js.map +0 -1
- package/dist/chunks/dropdown.rFZp3hMb.js.map +0 -1
- package/dist/chunks/events.CMzGybJJ.js +0 -47
- package/dist/chunks/events.CMzGybJJ.js.map +0 -1
- package/dist/chunks/filter-bar.IN7gqxsc.js.map +0 -1
- package/dist/chunks/info-icon.DIu8FeJC.js.map +0 -1
- package/dist/chunks/input-field.CgS1AEGu.js.map +0 -1
- package/dist/chunks/inspector.types.xpv2J9pJ.js.map +0 -1
- package/dist/chunks/modal-fullscreen.zljoH4pr.js.map +0 -1
- package/dist/chunks/pagination.BMn5ryDD.js.map +0 -1
- package/dist/chunks/popper-container.DFpaesDm.js.map +0 -1
- package/dist/chunks/radio-group.DUtoFXmr.js.map +0 -1
- package/dist/chunks/search-bar.poJCoGD-.js.map +0 -1
- package/dist/chunks/segmented-control.DbR5NYWR.js.map +0 -1
- package/dist/chunks/selection-card-group.CHBS81j6.js.map +0 -1
- package/dist/chunks/sidepanel.CuQCXV1E.js.map +0 -1
- package/dist/chunks/tabs.xY_6yqmE.js +0 -185
- package/dist/chunks/tabs.xY_6yqmE.js.map +0 -1
- package/dist/chunks/tag.RYw4OhWk.js +0 -75
- package/dist/chunks/tag.RYw4OhWk.js.map +0 -1
- package/dist/chunks/textarea.CHnvON8G.js.map +0 -1
- package/dist/chunks/toggle.8t4flh_3.js.map +0 -1
- package/dist/chunks/tooltip.DvsfWV0-.js.map +0 -1
- package/dist/chunks/typography.z9P0Ec3Q.js +0 -72
- package/dist/chunks/typography.z9P0Ec3Q.js.map +0 -1
- package/dist/chunks/unique-id.XFfoKuc2.js +0 -28
- package/dist/chunks/unique-id.XFfoKuc2.js.map +0 -1
- package/dist/chunks/use-bento-toast-controller.BDYlxAYq.js.map +0 -1
- /package/dist/@types/packages/{vue2 → core}/src/components/internal/checkbox-input/checkbox-input.types.d.ts +0 -0
- /package/dist/@types/packages/{vue2/src/utils/ts/unique-id.d.ts → core/src/utils/ts/generate-uid.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-sidepanel-page[data-v-b0fa716c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] *,.b-sidepanel-page[data-v-b0fa716c] *:before,.b-sidepanel-page[data-v-b0fa716c] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-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-sidepanel-page__header[data-v-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap}.b-sidepanel-page__title[data-v-b0fa716c]{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-
|
|
1
|
+
.b-sidepanel-page[data-v-b0fa716c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] *,.b-sidepanel-page[data-v-b0fa716c] *:before,.b-sidepanel-page[data-v-b0fa716c] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-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-sidepanel-page__header[data-v-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-b0fa716c]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-34efe8c7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-34efe8c7],.b-sidepanel[data-v-34efe8c7]:before,.b-sidepanel[data-v-34efe8c7]:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] *,.b-sidepanel[data-v-34efe8c7] *:before,.b-sidepanel[data-v-34efe8c7] *:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-34efe8c7] ::-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: 500px){.b-sidepanel[data-v-34efe8c7]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}.b-sidepanel__close-button[data-v-34efe8c7]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-34efe8c7]{overflow:hidden}.b-sidepanel[data-v-34efe8c7]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-34efe8c7]::backdrop{opacity:.4}.b-sidepanel[open][data-v-34efe8c7]{animation:enter-uvjbyd5-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uvjbyd5-34efe8c7{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-34efe8c7]::backdrop{animation:fade-in-uvjbydy-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uvjbydy-34efe8c7{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-34efe8c7]{animation:exit-uvjbyer-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uvjbyer-34efe8c7{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-34efe8c7]::backdrop{animation:fade-out-uvjbygm-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uvjbygm-34efe8c7{0%{opacity:.5}to{opacity:0}}
|
package/dist/assets/status.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-status[data-v-612f5d28]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-612f5d28],.b-status[data-v-612f5d28]:before,.b-status[data-v-612f5d28]:after{box-sizing:border-box}.b-status[data-v-612f5d28] *,.b-status[data-v-612f5d28] *:before,.b-status[data-v-612f5d28] *:after{box-sizing:border-box}.b-status[data-v-612f5d28] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-612f5d28] ::-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-status__indicator[data-v-612f5d28]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-612f5d28]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-612f5d28]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-612f5d28]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-612f5d28]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-612f5d28]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-612f5d28]{background:var(--b-status-indicator-yellow-background-color)}
|
|
1
|
+
.b-status[data-v-612f5d28]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:var(--b-status-color);column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-612f5d28],.b-status[data-v-612f5d28]:before,.b-status[data-v-612f5d28]:after{box-sizing:border-box}.b-status[data-v-612f5d28] *,.b-status[data-v-612f5d28] *:before,.b-status[data-v-612f5d28] *:after{box-sizing:border-box}.b-status[data-v-612f5d28] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-612f5d28] ::-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-status__indicator[data-v-612f5d28]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-612f5d28]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-612f5d28]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-612f5d28]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-612f5d28]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-612f5d28]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-612f5d28]{background:var(--b-status-indicator-yellow-background-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-summary-grid[data-v-a6c891b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-summary-grid-gap);width:100%}.b-summary-grid[data-v-a6c891b9],.b-summary-grid[data-v-a6c891b9]:before,.b-summary-grid[data-v-a6c891b9]:after{box-sizing:border-box}.b-summary-grid[data-v-a6c891b9] *,.b-summary-grid[data-v-a6c891b9] *:before,.b-summary-grid[data-v-a6c891b9] *:after{box-sizing:border-box}.b-summary-grid[data-v-a6c891b9] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid[data-v-a6c891b9] ::-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-summary-grid-item[data-v-16298103]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-summary-grid-item-background-color);border-radius:var(--b-summary-grid-item-border-radius);display:flex;flex-direction:column;gap:var(--b-summary-grid-item-gap);min-height:100%;padding:var(--b-summary-grid-item-padding)}.b-summary-grid-item[data-v-16298103],.b-summary-grid-item[data-v-16298103]:before,.b-summary-grid-item[data-v-16298103]:after{box-sizing:border-box}.b-summary-grid-item[data-v-16298103] *,.b-summary-grid-item[data-v-16298103] *:before,.b-summary-grid-item[data-v-16298103] *:after{box-sizing:border-box}.b-summary-grid-item[data-v-16298103] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid-item[data-v-16298103] ::-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-summary-grid-item__header[data-v-16298103]{align-items:flex-start;display:flex;flex-grow:1;justify-content:space-between;margin-bottom:var(--b-summary-grid-item-header-margin-bottom)}.b-summary-grid-item__title-icons[data-v-16298103]{align-items:center;display:flex;gap:var(--b-summary-grid-item-title-icons-gap);height:var(--b-summary-grid-item-title-icons-height);margin-left:var(--b-summary-grid-item-title-icons-margin-left)}.b-summary-grid-item__title-icons[data-v-16298103]:hover{cursor:pointer}.b-summary-grid-item__title-tooltip[data-v-16298103]{display:flex}.b-summary-grid-item__title[data-v-16298103]{align-items:center;display:flex;word-break:break-word}.b-summary-grid-item__title[data-v-16298103] .b-country__label,.b-summary-grid-item__title[data-v-16298103] .b-payment-method__label,.b-summary-grid-item__title[data-v-16298103] .b-status__label,.b-summary-grid-item__title[data-v-16298103] .b-date__label{font-weight:var(--b-summary-grid-item-content-label-font-weight)}.b-summary-grid-item__content-trend[data-v-16298103]{margin-left:var(--b-summary-grid-item-content-trend-margin-left)}.b-summary-grid-item-amount[data-v-fd1debe6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-summary-grid-item-amount[data-v-fd1debe6],.b-summary-grid-item-amount[data-v-fd1debe6]:before,.b-summary-grid-item-amount[data-v-fd1debe6]:after{box-sizing:border-box}.b-summary-grid-item-amount[data-v-fd1debe6] *,.b-summary-grid-item-amount[data-v-fd1debe6] *:before,.b-summary-grid-item-amount[data-v-fd1debe6] *:after{box-sizing:border-box}.b-summary-grid-item-amount[data-v-fd1debe6] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid-item-amount[data-v-fd1debe6] ::-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-summary-grid-item-amount__content[data-v-fd1debe6]{display:flex}.b-summary-grid-item-amount__secondary-label[data-v-fd1debe6]{padding-left:var(--b-summary-grid-item-amount-secondary-label-padding-left)}
|
|
1
|
+
.b-summary-grid[data-v-a6c891b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-summary-grid-gap);width:100%}.b-summary-grid[data-v-a6c891b9],.b-summary-grid[data-v-a6c891b9]:before,.b-summary-grid[data-v-a6c891b9]:after{box-sizing:border-box}.b-summary-grid[data-v-a6c891b9] *,.b-summary-grid[data-v-a6c891b9] *:before,.b-summary-grid[data-v-a6c891b9] *:after{box-sizing:border-box}.b-summary-grid[data-v-a6c891b9] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid[data-v-a6c891b9] ::-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-summary-grid-item[data-v-16298103]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-summary-grid-item-background-color);border-radius:var(--b-summary-grid-item-border-radius);color:var(--b-summary-grid-item-color);display:flex;flex-direction:column;gap:var(--b-summary-grid-item-gap);min-height:100%;padding:var(--b-summary-grid-item-padding)}.b-summary-grid-item[data-v-16298103],.b-summary-grid-item[data-v-16298103]:before,.b-summary-grid-item[data-v-16298103]:after{box-sizing:border-box}.b-summary-grid-item[data-v-16298103] *,.b-summary-grid-item[data-v-16298103] *:before,.b-summary-grid-item[data-v-16298103] *:after{box-sizing:border-box}.b-summary-grid-item[data-v-16298103] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid-item[data-v-16298103] ::-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-summary-grid-item__header[data-v-16298103]{align-items:flex-start;display:flex;flex-grow:1;justify-content:space-between;margin-bottom:var(--b-summary-grid-item-header-margin-bottom)}.b-summary-grid-item__title-icons[data-v-16298103]{align-items:center;display:flex;gap:var(--b-summary-grid-item-title-icons-gap);height:var(--b-summary-grid-item-title-icons-height);margin-left:var(--b-summary-grid-item-title-icons-margin-left)}.b-summary-grid-item__title-icons[data-v-16298103]:hover{cursor:pointer}.b-summary-grid-item__title-tooltip[data-v-16298103]{display:flex}.b-summary-grid-item__title[data-v-16298103]{align-items:center;display:flex;word-break:break-word}.b-summary-grid-item__title[data-v-16298103] .b-country__label,.b-summary-grid-item__title[data-v-16298103] .b-payment-method__label,.b-summary-grid-item__title[data-v-16298103] .b-status__label,.b-summary-grid-item__title[data-v-16298103] .b-date__label{font-weight:var(--b-summary-grid-item-content-label-font-weight)}.b-summary-grid-item__content-trend[data-v-16298103]{margin-left:var(--b-summary-grid-item-content-trend-margin-left)}.b-summary-grid-item-amount[data-v-fd1debe6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-summary-grid-item-amount[data-v-fd1debe6],.b-summary-grid-item-amount[data-v-fd1debe6]:before,.b-summary-grid-item-amount[data-v-fd1debe6]:after{box-sizing:border-box}.b-summary-grid-item-amount[data-v-fd1debe6] *,.b-summary-grid-item-amount[data-v-fd1debe6] *:before,.b-summary-grid-item-amount[data-v-fd1debe6] *:after{box-sizing:border-box}.b-summary-grid-item-amount[data-v-fd1debe6] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid-item-amount[data-v-fd1debe6] ::-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-summary-grid-item-amount__content[data-v-fd1debe6]{display:flex}.b-summary-grid-item-amount__secondary-label[data-v-fd1debe6]{padding-left:var(--b-summary-grid-item-amount-secondary-label-padding-left)}
|
package/dist/assets/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-tab[data-v-
|
|
1
|
+
.b-tab[data-v-4993d338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-tab[data-v-4993d338],.b-tab[data-v-4993d338]:before,.b-tab[data-v-4993d338]:after{box-sizing:border-box}.b-tab[data-v-4993d338] *,.b-tab[data-v-4993d338] *:before,.b-tab[data-v-4993d338] *:after{box-sizing:border-box}.b-tab[data-v-4993d338] ::-webkit-scrollbar{height:14px;width:14px}.b-tab[data-v-4993d338] ::-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-tabs[data-v-46cf53b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tabs-background-color)}.b-tabs[data-v-46cf53b9],.b-tabs[data-v-46cf53b9]:before,.b-tabs[data-v-46cf53b9]:after{box-sizing:border-box}.b-tabs[data-v-46cf53b9] *,.b-tabs[data-v-46cf53b9] *:before,.b-tabs[data-v-46cf53b9] *:after{box-sizing:border-box}.b-tabs[data-v-46cf53b9] ::-webkit-scrollbar{height:14px;width:14px}.b-tabs[data-v-46cf53b9] ::-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-tabs button[data-v-46cf53b9]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-tabs button[data-v-46cf53b9]:focus-visible{outline:none}.b-tabs__tab-list[data-v-46cf53b9]{display:flex;gap:var(--b-tabs-tab-list-gap);height:var(--b-tabs-tab-list-height)}.b-tabs__tab[data-v-46cf53b9]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0}.b-tabs__tab--disabled[data-v-46cf53b9]>*{cursor:not-allowed}@media (hover: hover){.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-title[data-v-46cf53b9]{color:var(--b-tabs-tab-title-hover-color)}.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-counter[data-v-46cf53b9]{color:var(--b-tabs-counter-hover-color)}}.b-tabs__tab-text[data-v-46cf53b9]{align-items:center;border-radius:var(--b-tabs-tab-text-border-radius);display:flex;height:var(--b-tabs-tab-text-height)}.b-tabs__tab:focus-visible .b-tabs__tab-text[data-v-46cf53b9]{animation:outer-ring-default-46cf53b9 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-46cf53b9{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-tabs__tab-title[data-v-46cf53b9]{color:var(--b-tabs-tab-title-color);white-space:nowrap}.b-legacy-theme .b-tabs__tab-title[data-v-46cf53b9]{font-size:15px;font-weight:400}.b-tabs__tab--disabled .b-tabs__tab-title[data-v-46cf53b9]{color:var(--b-tabs-tab-title-disabled-color);cursor:not-allowed}.b-tabs__tab--active .b-tabs__tab-title[data-v-46cf53b9]{color:var(--b-tabs-tab-title-active-color)}.b-tabs__tab-underline[data-v-46cf53b9]{background-color:var(--b-tabs-tab-underline-color);display:block;width:var(--b-tabs-tab-underline-width)}.b-tabs__tab--active .b-tabs__tab-underline[data-v-46cf53b9]{height:var(--b-tabs-tab-underline-height-active)}.b-tabs__tab-counter[data-v-46cf53b9]{background-color:var(--b-tabs-counter-background-color);border-radius:var(--b-tabs-counter-border-radius);color:var(--b-tabs-counter-color);flex-shrink:0;margin-left:var(--b-tabs-counter-margin-left);padding:var(--b-tabs-counter-padding)}.b-tabs__tab-counter--active[data-v-46cf53b9]{color:var(--b-tabs-counter-active-color)}.b-tabs__tab--disabled .b-tabs__tab-counter[data-v-46cf53b9]{color:var(--b-tabs-counter-disabled-color);cursor:not-allowed}.b-tabs__tab-notification-dot[data-v-46cf53b9]{background-color:var(--b-tabs-notification-dot-background-color);border-radius:50%;flex-shrink:0;height:var(--b-tabs-notification-dot-height);margin-left:var(--b-tabs-notification-dot-margin-left);width:var(--b-tabs-notification-dot-width)}
|
package/dist/assets/tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-tag[data-v-
|
|
1
|
+
[data-v-218b92f0]:host{display:inline-flex}.b-tag[data-v-218b92f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:4px;cursor:default;display:inline-flex;flex-direction:row;gap:6px;justify-content:center;padding:var(--b-tag-padding);width:fit-content}.b-tag[data-v-218b92f0],.b-tag[data-v-218b92f0]:before,.b-tag[data-v-218b92f0]:after{box-sizing:border-box}.b-tag[data-v-218b92f0] *,.b-tag[data-v-218b92f0] *:before,.b-tag[data-v-218b92f0] *:after{box-sizing:border-box}.b-tag[data-v-218b92f0] ::-webkit-scrollbar{height:14px;width:14px}.b-tag[data-v-218b92f0] ::-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-tag--grey[data-v-218b92f0]{background-color:var(--b-tag-default-background-color)}.b-tag--grey .b-tag__label[data-v-218b92f0]{color:var(--b-tag-default-color)}.b-tag--blue[data-v-218b92f0]{background-color:var(--b-tag-blue-background-color)}.b-tag--blue .b-tag__label[data-v-218b92f0]{color:var(--b-tag-blue-color)}.b-tag--green[data-v-218b92f0]{background-color:var(--b-tag-green-background-color)}.b-tag--green .b-tag__label[data-v-218b92f0]{color:var(--b-tag-green-color)}.b-tag--orange[data-v-218b92f0]{background-color:var(--b-tag-orange-background-color)}.b-tag--orange .b-tag__label[data-v-218b92f0]{color:var(--b-tag-orange-color)}.b-tag--red[data-v-218b92f0]{background-color:var(--b-tag-red-background-color)}.b-tag--red .b-tag__label[data-v-218b92f0]{color:var(--b-tag-red-color)}.b-tag--white[data-v-218b92f0]{background-color:var(--b-tag-white-background-color)}.b-tag--white .b-tag__label[data-v-218b92f0]{color:var(--b-tag-white-color)}
|
package/dist/assets/textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-textarea[data-v-
|
|
1
|
+
.b-textarea[data-v-a5136ab8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-textarea[data-v-a5136ab8],.b-textarea[data-v-a5136ab8]:before,.b-textarea[data-v-a5136ab8]:after{box-sizing:border-box}.b-textarea[data-v-a5136ab8] *,.b-textarea[data-v-a5136ab8] *:before,.b-textarea[data-v-a5136ab8] *:after{box-sizing:border-box}.b-textarea[data-v-a5136ab8] ::-webkit-scrollbar{height:14px;width:14px}.b-textarea[data-v-a5136ab8] ::-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-textarea__label-box[data-v-a5136ab8]{display:flex;justify-content:space-between;min-width:var(--b-textarea-min-width)}.b-textarea__label-box--no-label[data-v-a5136ab8]{justify-content:flex-end}.b-textarea__label-item[data-v-a5136ab8]{color:var(--b-textarea-label-item-color)}.b-textarea__label-item--error[data-v-a5136ab8]{color:var(--b-textarea-label-item-error-color)}.b-textarea__input-box[data-v-a5136ab8]{margin-bottom:var(--b-textarea-input-box-margin-bottom);position:relative}.b-textarea__input[data-v-a5136ab8]{background-color:var(--b-textarea-input-background-color);border:var(--b-textarea-input-border);border-radius:var(--b-textarea-input-border-radius);color:var(--b-textarea-input-color);display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-height:var(--b-textarea-input-min-height);min-width:var(--b-textarea-min-width);padding:var(--b-textarea-input-padding);width:100%}.b-textarea__input--dynamic-height[data-v-a5136ab8]{scrollbar-width:none}.b-textarea__input--error[data-v-a5136ab8]{border-color:var(--b-textarea-input-error-background-color)}.b-textarea__input[data-v-a5136ab8]:focus{border:var(--b-textarea-input-focus-border)}.b-textarea__input[data-v-a5136ab8]:focus-visible{box-shadow:none;outline:none}.b-textarea__input[data-v-a5136ab8]:hover:enabled{border-color:var(--b-textarea-input-hover-border-color)}.b-textarea__input[data-v-a5136ab8]:disabled{background-color:var(--b-textarea-input-disabled-background-color);border-color:var(--b-textarea-input-disabled-border-color);color:var(--b-textarea-input-disabled-color)}.b-textarea__input[data-v-a5136ab8]:disabled::placeholder{background-color:var(--b-textarea-input-disabled-background-color)}.b-textarea__input[data-v-a5136ab8]::placeholder{color:var(--b-textarea-input-placeholder-color);opacity:1}.b-textarea__input--readonly[data-v-a5136ab8]{background-color:var(--b-textarea-input-readonly-background-color);border-color:var(--b-textarea-input-readonly-border-color)}.b-textarea__input--readonly[data-v-a5136ab8]:hover:enabled{border-color:var(--b-textarea-input-readonly-border-color)}.b-textarea__input--clearable[data-v-a5136ab8]{padding:var(--b-textarea-input-clearable-padding)}.b-textarea__clear-button[data-v-a5136ab8]{position:absolute;right:12px;top:12px}.b-textarea__description[data-v-a5136ab8]{color:var(--b-textarea-description-color);display:flex;margin-top:var(--b-textarea-description-margin-top)}.b-textarea--disabled[data-v-a5136ab8] *{cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-timeline[data-v-f844f908]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:var(--b-timeline-max-width)}.b-timeline[data-v-f844f908],.b-timeline[data-v-f844f908]:before,.b-timeline[data-v-f844f908]:after{box-sizing:border-box}.b-timeline[data-v-f844f908] *,.b-timeline[data-v-f844f908] *:before,.b-timeline[data-v-f844f908] *:after{box-sizing:border-box}.b-timeline[data-v-f844f908] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-f844f908] ::-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-timeline__add-note-section[data-v-f844f908]{padding-bottom:var(--b-timeline-add-note-section-padding-bottom)}.b-timeline__items[data-v-f844f908]{all:unset}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-timeline-item[data-v-
|
|
1
|
+
.b-timeline[data-v-f844f908]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:var(--b-timeline-max-width)}.b-timeline[data-v-f844f908],.b-timeline[data-v-f844f908]:before,.b-timeline[data-v-f844f908]:after{box-sizing:border-box}.b-timeline[data-v-f844f908] *,.b-timeline[data-v-f844f908] *:before,.b-timeline[data-v-f844f908] *:after{box-sizing:border-box}.b-timeline[data-v-f844f908] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-f844f908] ::-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-timeline__add-note-section[data-v-f844f908]{padding-bottom:var(--b-timeline-add-note-section-padding-bottom)}.b-timeline__items[data-v-f844f908]{all:unset}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-timeline-item[data-v-b2c79a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;max-width:500px}.b-timeline-item[data-v-b2c79a1c],.b-timeline-item[data-v-b2c79a1c]:before,.b-timeline-item[data-v-b2c79a1c]:after{box-sizing:border-box}.b-timeline-item[data-v-b2c79a1c] *,.b-timeline-item[data-v-b2c79a1c] *:before,.b-timeline-item[data-v-b2c79a1c] *:after{box-sizing:border-box}.b-timeline-item[data-v-b2c79a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline-item[data-v-b2c79a1c] ::-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-timeline-item__row[data-v-b2c79a1c]{display:flex;gap:var(--b-timeline-item-row-gap)}.b-timeline-item__marker[data-v-b2c79a1c]{display:flex;flex-flow:column;max-width:16px;width:100%}.b-timeline-item__separator[data-v-b2c79a1c]{flex-grow:1;position:relative}.b-timeline-item__separator[data-v-b2c79a1c]:before{background-color:var(--b-timeline-item-separator-background-color);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:1px}.b-timeline-item__icon[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-color);margin:var(--b-timeline-item-icon-margin)}.b-timeline-item__icon--grey[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-grey-color)}.b-timeline-item__icon--blue[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-blue-color)}.b-timeline-item__icon--green[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-green-color)}.b-timeline-item__icon--yellow[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-yellow-color)}.b-timeline-item__icon--orange[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-orange-color)}.b-timeline-item__icon--red[data-v-b2c79a1c]{color:var(--b-timeline-item-icon-red-color)}.b-timeline-item__icon--timegap[data-v-b2c79a1c]{border-bottom:var(--b-timeline-item-icon-timegap-border);border-top:var(--b-timeline-item-icon-timegap-border);margin:var(--b-timeline-item-icon-timegap-margin);padding-bottom:var(--b-timeline-item-icon-timegap-padding-bottom);width:9px}.b-timeline-item__content[data-v-b2c79a1c]{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--b-timeline-item-content-padding-bottom)}.b-timeline-item__title[data-v-b2c79a1c]{color:var(--b-timeline-item-title-color);margin-bottom:var(--b-timeline-item-title-margin-bottom)}.b-timeline-item__timestamp[data-v-b2c79a1c]{align-items:baseline;color:var(--b-timeline-item-timestamp-color);column-gap:var(--b-timeline-item-timestamp-gap);display:flex;flex-wrap:wrap}.b-timeline-item__timestamp[data-v-b2c79a1c] .b-date{color:var(--b-timeline-item-timestamp-color)}.b-timeline-item__description[data-v-b2c79a1c]{color:var(--b-timeline-item-description-color);margin-top:var(--b-timeline-item-description-margin-top)}.b-timeline-item__data-list[data-v-b2c79a1c]{margin-top:var(--b-timeline-item-data-list-margin-top);width:100%}.b-timeline-item__tag[data-v-b2c79a1c]{margin-top:var(--b-timeline-item-tag-margin-top)}.b-timeline-item__timegap[data-v-b2c79a1c]{color:var(--b-timeline-item-timegap-color)}.b-timeline-item--note .b-timeline-item__description[data-v-b2c79a1c]{margin-top:unset}.b-timeline-item--note .b-timeline-item__timestamp[data-v-b2c79a1c]{margin-top:var(--b-timeline-note-timestamp-margin-top)}.b-timeline-item:last-of-type .b-timeline-item__row:last-of-type .b-timeline-item__content[data-v-b2c79a1c]{padding-bottom:0}
|
package/dist/assets/toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-toggle[data-v-
|
|
1
|
+
.b-toggle[data-v-f868f100]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-toggle-label-color);cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:auto}.b-toggle[data-v-f868f100],.b-toggle[data-v-f868f100]:before,.b-toggle[data-v-f868f100]:after{box-sizing:border-box}.b-toggle[data-v-f868f100] *,.b-toggle[data-v-f868f100] *:before,.b-toggle[data-v-f868f100] *:after{box-sizing:border-box}.b-toggle[data-v-f868f100] ::-webkit-scrollbar{height:14px;width:14px}.b-toggle[data-v-f868f100] ::-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-toggle--disabled[data-v-f868f100]{cursor:not-allowed;display:flex}.b-toggle--readonly[data-v-f868f100]{pointer-events:none}.b-toggle--label-first[data-v-f868f100]{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.b-toggle__input[data-v-f868f100]{cursor:inherit;opacity:0;position:absolute}.b-toggle__track[data-v-f868f100]{align-items:center;background-color:var(--b-toggle-track-background-color);border:var(--b-toggle-track-border);border-radius:var(--b-toggle-track-border-radius);display:flex;height:var(--b-toggle-track-height);min-width:var(--b-toggle-track-width);padding:var(--b-toggle-track-padding);position:relative}.b-legacy-theme .b-toggle__track[data-v-f868f100]{margin-top:var(--b-toggle-track-margin-top)}.b-toggle__input:focus-visible+.b-toggle__track[data-v-f868f100]{animation:outer-ring-default-f868f100 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-f868f100{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-toggle__input:hover:enabled+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-hover-background-color);border-color:var(--b-toggle-track-hover-border-color)}.b-toggle__input:active:enabled+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-active-background-color);border-color:var(--b-toggle-track-active-border-color)}.b-toggle__input:disabled+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-disabled-background-color);border-color:var(--b-toggle-track-disabled-border-color);cursor:not-allowed}.b-toggle--readonly .b-toggle__input+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-readonly-background-color);border-color:var(--b-toggle-track-readonly-border-color)}.b-toggle__input:checked+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-toggled-background-color);border:var(--b-toggle-track-toggled-border);padding:var(--b-toggle-track-toggled-padding)}.b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-toggled-hover-background-color)}.b-legacy-theme .b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-f868f100]{border-color:var(--b-toggle-track-toggled-hover-border-color)}.b-toggle__input:checked:active:enabled+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-toggled-active-background-color)}.b-toggle__input:checked:disabled+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-toggled-disabled-background-color)}.b-toggle--readonly .b-toggle__input:checked+.b-toggle__track[data-v-f868f100]{background-color:var(--b-toggle-track-toggled-readonly-background-color)}.b-toggle__handle[data-v-f868f100]{align-content:center;background-color:var(--b-toggle-handle-background-color);border-radius:var(--b-toggle-handle-border-radius);color:var(--b-toggle-handle-toggled-color);display:inline-flex;height:var(--b-toggle-handle-height);justify-content:center;transition:var(--b-toggle-handle-transition);width:var(--b-toggle-handle-width)}.b-toggle__input:disabled+* .b-toggle__handle[data-v-f868f100]{background-color:var(--b-toggle-handle-disabled-background-color);cursor:not-allowed}.b-toggle__input:checked+* .b-toggle__handle[data-v-f868f100]{background-color:var(--b-toggle-handle-toggled-background-color);height:var(--b-toggle-handle-toggled-height);transform:translate(100%);width:var(--b-toggle-handle-toggled-width)}.b-legacy-theme .b-toggle__input:checked+* .b-toggle__handle[data-v-f868f100]{transform:translate(100%) translate(var(--b-toggle-handle-toggled-offset))}.b-toggle__input:checked:disabled+* .b-toggle__handle[data-v-f868f100]{background-color:var(--b-toggle-handle-toggled-disabled-background-color);color:var(--b-toggle-handle-toggled-disabled-color);cursor:not-allowed}.b-toggle--readonly .b-toggle__input:checked+* .b-toggle__handle[data-v-f868f100]{background-color:var(--b-toggle-handle-toggled-readonly-background-color)}.b-toggle__label-container[data-v-f868f100]{display:flex;flex-direction:column;padding-left:var(--b-toggle-label-padding)}.b-toggle--label-first>.b-toggle__label-container[data-v-f868f100]{padding-left:0;padding-right:var(--b-toggle-label-padding)}.b-toggle__label[data-v-f868f100]{vertical-align:baseline}.b-toggle__description[data-v-f868f100]{color:var(--b-toggle-description-color);padding-top:var(--b-toggle-description-padding)}
|
package/dist/assets/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-tooltip[data-v-
|
|
1
|
+
[data-v-ee49bac4]:host{--popper-arrow-color: var(--b-tooltip-background-color);--popper-display: $display}.b-tooltip[data-v-ee49bac4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-tooltip-background-color);border-radius:var(--b-tooltip-border-radius);color:var(--b-tooltip-color);display:inline-block;max-width:var(--b-tooltip-max-width);padding:var(--b-tooltip-padding);pointer-events:none;text-align:center;z-index:var(--b-tooltip-z-index)}.b-tooltip[data-v-ee49bac4],.b-tooltip[data-v-ee49bac4]:before,.b-tooltip[data-v-ee49bac4]:after{box-sizing:border-box}.b-tooltip[data-v-ee49bac4] *,.b-tooltip[data-v-ee49bac4] *:before,.b-tooltip[data-v-ee49bac4] *:after{box-sizing:border-box}.b-tooltip[data-v-ee49bac4] ::-webkit-scrollbar{height:14px;width:14px}.b-tooltip[data-v-ee49bac4] ::-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 (max-width: 375px){.b-tooltip[data-v-ee49bac4]{max-width:100%}}.b-tooltip--hidden[data-v-ee49bac4]{display:none}.b-tooltip--hidden[data-v-ee49bac4] .b-tooltip__arrow:before{display:none}.b-tooltip[data-v-ee49bac4] .b-tooltip__arrow{background-color:var(--b-tooltip-background-color);display:block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-typography[data-v-
|
|
1
|
+
.b-typography[data-v-830be35d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-830be35d],.b-typography[data-v-830be35d]:before,.b-typography[data-v-830be35d]:after{box-sizing:border-box}.b-typography[data-v-830be35d] *,.b-typography[data-v-830be35d] *:before,.b-typography[data-v-830be35d] *:after{box-sizing:border-box}.b-typography[data-v-830be35d] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-830be35d] ::-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-typography--rich-text[data-v-830be35d]>:first-child{margin-top:0}.b-typography--rich-text[data-v-830be35d] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text[data-v-830be35d] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text[data-v-830be35d] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text[data-v-830be35d] h4,.b-typography--rich-text[data-v-830be35d] h5,.b-typography--rich-text[data-v-830be35d] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text[data-v-830be35d] h1,.b-typography--rich-text[data-v-830be35d] h2,.b-typography--rich-text[data-v-830be35d] h3,.b-typography--rich-text[data-v-830be35d] h4,.b-typography--rich-text[data-v-830be35d] h5,.b-typography--rich-text[data-v-830be35d] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text[data-v-830be35d] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text[data-v-830be35d] ul,.b-typography--rich-text[data-v-830be35d] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text[data-v-830be35d] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text[data-v-830be35d] ul li{list-style-type:disc}.b-typography--rich-text[data-v-830be35d] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text[data-v-830be35d] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text[data-v-830be35d] mark{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text[data-v-830be35d] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text[data-v-830be35d] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-830be35d] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-830be35d] table th,.b-typography--rich-text[data-v-830be35d] table td{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-830be35d] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption[data-v-830be35d] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption[data-v-830be35d] ul,.b-typography--rich-text.b-typography--caption[data-v-830be35d] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption[data-v-830be35d] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption[data-v-830be35d] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption[data-v-830be35d] table th,.b-typography--rich-text.b-typography--caption[data-v-830be35d] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption[data-v-830be35d] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-830be35d]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption-wide[data-v-830be35d]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-830be35d]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-830be35d]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body-wide[data-v-830be35d]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-830be35d]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-830be35d]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-830be35d]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle-stronger[data-v-830be35d]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-830be35d]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title-m[data-v-830be35d]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-l[data-v-830be35d]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-single-select-category[data-v-a90eff17]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-a90eff17],.b-listbox-single-select-category[data-v-a90eff17]:before,.b-listbox-single-select-category[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] *,.b-listbox-single-select-category[data-v-a90eff17] *:before,.b-listbox-single-select-category[data-v-a90eff17] *:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-a90eff17] ::-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-listbox-single-select-category[data-v-a90eff17]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-a90eff17]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-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 (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-listbox-single-select-option[data-v-226f4c84]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-226f4c84]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-9a00de22]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-9a00de22],.b-listbox-multi-select-category[data-v-9a00de22]:before,.b-listbox-multi-select-category[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] *,.b-listbox-multi-select-category[data-v-9a00de22] *:before,.b-listbox-multi-select-category[data-v-9a00de22] *:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-9a00de22] ::-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-listbox-multi-select-category--disabled[data-v-9a00de22]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-9a00de22]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-9a00de22]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-9a00de22]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-25938a72]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-25938a72],.b-listbox-multi-select-options[data-v-25938a72]:before,.b-listbox-multi-select-options[data-v-25938a72]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-25938a72] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-25938a72] ::-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-listbox-multi-select-options__category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select-chips[data-v-7c5f8bdb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox-multi-select-chips[data-v-7c5f8bdb],.b-listbox-multi-select-chips[data-v-7c5f8bdb]:before,.b-listbox-multi-select-chips[data-v-7c5f8bdb]:after{box-sizing:border-box}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-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-listbox-multi-select-chips__chip[data-v-7c5f8bdb]{background:var(--b-listbox-multi-select-chips-chip-background);border-radius:var(--b-listbox-multi-select-chips-chip-border-radius);display:flex;gap:var(--b-listbox-multi-select-chips-chip-gap);padding:var(--b-listbox-multi-select-chips-chip-padding)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:focus-visible{animation:outer-ring-default-7c5f8bdb 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-7c5f8bdb{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-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:hover{background:var(--b-listbox-multi-select-chips-chip-hover-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:active{background:var(--b-listbox-multi-select-chips-chip-active-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:disabled{background:var(--b-listbox-multi-select-chips-chip-disabled-background);color:var(--b-listbox-multi-select-chips-chip-disabled-color)}.b-listbox-multi-select-chips__option-text[data-v-7c5f8bdb]{display:flex;overflow-wrap:anywhere}.b-listbox-multi-select[data-v-282f5857]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-282f5857],.b-listbox-multi-select[data-v-282f5857]:before,.b-listbox-multi-select[data-v-282f5857]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-282f5857] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-282f5857] ::-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-listbox-multi-select__divider[data-v-282f5857]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-282f5857]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-c6bccc42]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-c6bccc42],.b-listbox[data-v-c6bccc42]:before,.b-listbox[data-v-c6bccc42]:after{box-sizing:border-box}.b-listbox[data-v-c6bccc42] *,.b-listbox[data-v-c6bccc42] *:before,.b-listbox[data-v-c6bccc42] *:after{box-sizing:border-box}.b-listbox[data-v-c6bccc42] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-c6bccc42] ::-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-listbox__empty-search-message[data-v-c6bccc42]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-c6bccc42]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
1
|
+
.b-listbox-single-select-category[data-v-a90eff17]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-a90eff17],.b-listbox-single-select-category[data-v-a90eff17]:before,.b-listbox-single-select-category[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] *,.b-listbox-single-select-category[data-v-a90eff17] *:before,.b-listbox-single-select-category[data-v-a90eff17] *:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-a90eff17] ::-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-listbox-single-select-category[data-v-a90eff17]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-a90eff17]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-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 (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-listbox-single-select-option[data-v-226f4c84]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-226f4c84]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-9a00de22]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-9a00de22],.b-listbox-multi-select-category[data-v-9a00de22]:before,.b-listbox-multi-select-category[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] *,.b-listbox-multi-select-category[data-v-9a00de22] *:before,.b-listbox-multi-select-category[data-v-9a00de22] *:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-9a00de22] ::-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-listbox-multi-select-category--disabled[data-v-9a00de22]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-9a00de22]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-9a00de22]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-9a00de22]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-25938a72]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-25938a72],.b-listbox-multi-select-options[data-v-25938a72]:before,.b-listbox-multi-select-options[data-v-25938a72]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-25938a72] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-25938a72] ::-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-listbox-multi-select-options__category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select-chips[data-v-7c5f8bdb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox-multi-select-chips[data-v-7c5f8bdb],.b-listbox-multi-select-chips[data-v-7c5f8bdb]:before,.b-listbox-multi-select-chips[data-v-7c5f8bdb]:after{box-sizing:border-box}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-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-listbox-multi-select-chips__chip[data-v-7c5f8bdb]{background:var(--b-listbox-multi-select-chips-chip-background);border-radius:var(--b-listbox-multi-select-chips-chip-border-radius);color:var(--b-listbox-multi-select-chips-color);display:flex;gap:var(--b-listbox-multi-select-chips-chip-gap);padding:var(--b-listbox-multi-select-chips-chip-padding)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:focus-visible{animation:outer-ring-default-7c5f8bdb 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-7c5f8bdb{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-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:hover{background:var(--b-listbox-multi-select-chips-chip-hover-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:active{background:var(--b-listbox-multi-select-chips-chip-active-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:disabled{background:var(--b-listbox-multi-select-chips-chip-disabled-background);color:var(--b-listbox-multi-select-chips-chip-disabled-color)}.b-listbox-multi-select-chips__option-text[data-v-7c5f8bdb]{display:flex;overflow-wrap:anywhere}.b-listbox-multi-select[data-v-282f5857]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-282f5857],.b-listbox-multi-select[data-v-282f5857]:before,.b-listbox-multi-select[data-v-282f5857]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-282f5857] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-282f5857] ::-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-listbox-multi-select__divider[data-v-282f5857]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-282f5857]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-c6bccc42]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);color:var(--b-listbox-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-c6bccc42],.b-listbox[data-v-c6bccc42]:before,.b-listbox[data-v-c6bccc42]:after{box-sizing:border-box}.b-listbox[data-v-c6bccc42] *,.b-listbox[data-v-c6bccc42] *:before,.b-listbox[data-v-c6bccc42] *:after{box-sizing:border-box}.b-listbox[data-v-c6bccc42] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-c6bccc42] ::-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-listbox__empty-search-message[data-v-c6bccc42]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__empty-search-message[data-v-c6bccc42] .b-empty-state__title{color:var(--b-listbox-empty-search-message-color)}.b-listbox__lazy-load[data-v-c6bccc42]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
package/dist/avatar.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { B as n, b as B, a } from "./chunks/button.
|
|
2
|
-
import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.
|
|
3
|
-
import { B as p, a as x } from "./chunks/loading-button.
|
|
4
|
-
import { B as d } from "./chunks/toggle-button.
|
|
1
|
+
import { B as n, b as B, a } from "./chunks/button.BJBAbiJq.js";
|
|
2
|
+
import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.DK09ba3B.js";
|
|
3
|
+
import { B as p, a as x } from "./chunks/loading-button.6hYlQMSl.js";
|
|
4
|
+
import { B as d } from "./chunks/toggle-button.CX-FLsuq.js";
|
|
5
5
|
export {
|
|
6
6
|
n as BentoButton,
|
|
7
7
|
s as BentoButtonActions,
|
package/dist/card.js
CHANGED
package/dist/checkbox.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as t, a } from "./chunks/checkbox.
|
|
2
|
-
import { C as x } from "./chunks/checkbox-input.
|
|
3
|
-
import { c as B, B as c } from "./chunks/checkbox-group.
|
|
1
|
+
import { B as t, a } from "./chunks/checkbox.ZkvB_0XY.js";
|
|
2
|
+
import { C as x } from "./chunks/checkbox-input.B24-74ay.js";
|
|
3
|
+
import { c as B, B as c } from "./chunks/checkbox-group.8IN5S-BB.js";
|
|
4
4
|
export {
|
|
5
5
|
t as BentoCheckbox,
|
|
6
6
|
a as BentoCheckboxEvent,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as E, provide as $, toRef as z, openBlock as a, createElementBlock as l, renderSlot as S, ref as x, inject as D, computed as R, watch as r, createVNode as g, unref as e, withCtx as h, createElementVNode as y, createBlock as I, createTextVNode as H, toDisplayString as V, Transition as j, normalizeStyle as w, createCommentVNode as A } from "vue";
|
|
2
2
|
import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
-
import { B as U } from "./typography.
|
|
3
|
+
import { B as U } from "./typography.DNzU41ah.js";
|
|
4
4
|
import { C as J, a as M } from "./chevron-up.DQZG_BP3.js";
|
|
5
|
-
import { g as C } from "./
|
|
5
|
+
import { g as C } from "./generate-uid.D-HFI38h.js";
|
|
6
6
|
import { o as q } from "./resize.Bqks3WUm.js";
|
|
7
7
|
import { u as K } from "./i18n.DL9GT2-k.js";
|
|
8
8
|
import { u as L } from "./use-expandable-content-height.GkjjbmPy.js";
|
|
@@ -134,9 +134,9 @@ const T = Symbol("accordion title size injection key"), P = { class: "b-accordio
|
|
|
134
134
|
})
|
|
135
135
|
]));
|
|
136
136
|
}
|
|
137
|
-
}), de = /* @__PURE__ */ N(X, [["__scopeId", "data-v-
|
|
137
|
+
}), de = /* @__PURE__ */ N(X, [["__scopeId", "data-v-242828d5"]]);
|
|
138
138
|
export {
|
|
139
139
|
le as a,
|
|
140
140
|
de as b
|
|
141
141
|
};
|
|
142
|
-
//# sourceMappingURL=accordion-item.
|
|
142
|
+
//# sourceMappingURL=accordion-item.BTOF1iNR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-item.BTOF1iNR.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/core/utils/ts';\n import { observeSizeOfElement } from '@/utils/ts/resize';\n import { useI18n } from '@/utils/ts/i18n';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Emits update event when content is toggled\n */\n (e: 'update:is-expanded', value: boolean): void;\n }>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n () => contentDiv.value,\n () => {\n let observer: ResizeObserver | null = null;\n if (!observer && contentDiv.value) {\n observer = observeSizeOfElement(contentDiv.value, () => {\n if (contentDiv.value) {\n updateContentHeight();\n }\n });\n }\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n\n updateContentHeight();\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","messages","CONTENT_TRANSITION_NAME","props","emit","__emit","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement"],"mappings":";;;;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;;;mHCqIAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvGA,UAAAC,IAAA,wCAEAC,IAAAJ,GAiBAK,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAN,EAAA,UAAA,GAGAQ,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAApB,GAAA,SAAA,GAGA,EAAA,qBAAAqB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAlB,EAAA;AAAA,MACgB,CAAAmB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAlB,EAAA,sBAAAkB,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineComponent as R, computed as c, ref as _, toRefs as F, watch as E, provide as G, nextTick as f, openBlock as d, createBlock as b, Transition as U, withCtx as B, createElementVNode as S, normalizeClass as L, unref as t, createElementBlock as W, createVNode as y, createCommentVNode as K, createTextVNode as M, toDisplayString as h } from "vue";
|
|
2
|
-
import { B as z } from "./button.
|
|
3
|
-
import { B as D } from "./typography.
|
|
4
|
-
import { B as J } from "./button-actions-with-menu.
|
|
2
|
+
import { B as z } from "./button.BJBAbiJq.js";
|
|
3
|
+
import { B as D } from "./typography.DNzU41ah.js";
|
|
4
|
+
import { B as J } from "./button-actions-with-menu.D0K6sGoU.js";
|
|
5
5
|
import { C as Z } from "./cross.OvPfvoqX.js";
|
|
6
6
|
import { u as j } from "./i18n.DL9GT2-k.js";
|
|
7
7
|
import { u as q } from "./index.DKQuLmwu.js";
|
|
8
|
-
import { P as Y } from "./popover.
|
|
9
|
-
import { B as $ } from "./button-actions.
|
|
8
|
+
import { P as Y } from "./popover.DgJtd7Yj.js";
|
|
9
|
+
import { B as $ } from "./button-actions.DK09ba3B.js";
|
|
10
10
|
import { _ as H } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
11
11
|
import "../assets/action-bar.css";
|
|
12
12
|
const N = {
|
|
@@ -199,4 +199,4 @@ const N = {
|
|
|
199
199
|
export {
|
|
200
200
|
fe as B
|
|
201
201
|
};
|
|
202
|
-
//# sourceMappingURL=action-bar.
|
|
202
|
+
//# sourceMappingURL=action-bar.CuisUSoa.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-bar.5XBrXwYv.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAR,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAK,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAb,CAAA,GACA,EAAA,OAAAc,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAR,EAAA,YAAA,cAAA;AAEA,IAAAmB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAAzB,EAAA,QAAA,IAAA,CAAA0B,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ4B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"action-bar.CuisUSoa.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAR,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAK,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAb,CAAA,GACA,EAAA,OAAAc,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAR,EAAA,YAAA,cAAA;AAEA,IAAAmB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAAzB,EAAA,QAAA,IAAA,CAAA0B,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ4B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { openBlock as o, createElementBlock as _, mergeProps as b, toDisplayString as V, createCommentVNode as c, createElementVNode as s, defineComponent as N, useSlots as R, computed as n, onMounted as A, normalizeClass as P, createBlock as C, resolveDynamicComponent as D, unref as e, withCtx as f, renderSlot as v, createVNode as U } from "vue";
|
|
2
|
-
import { c as W, a as I, B as y } from "./typography.
|
|
3
|
-
import { B as F } from "./button.
|
|
2
|
+
import { c as W, a as I, B as y } from "./typography.DNzU41ah.js";
|
|
3
|
+
import { B as F } from "./button.BJBAbiJq.js";
|
|
4
4
|
import { C as M } from "./cross-small.CXWTuKA_.js";
|
|
5
5
|
import { W as Z } from "./warning-filled.Dm_HhqzW.js";
|
|
6
6
|
import { C as j } from "./cross-circle-fill.DN5b3_eL.js";
|
|
@@ -165,4 +165,4 @@ export {
|
|
|
165
165
|
i as b,
|
|
166
166
|
T as c
|
|
167
167
|
};
|
|
168
|
-
//# sourceMappingURL=alert.
|
|
168
|
+
//# sourceMappingURL=alert.BTECwgk3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.BvSx_Bi7.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../../vue2/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\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\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><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></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 setup lang=\"ts\">\n import { computed, onMounted, useSlots } 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 const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /**\n * Emits event when the alert is closed. `closeButton` must be `true`\n */\n (e: 'close-alert');\n }>();\n\n const props = withDefaults(\n defineProps<{\n /**\n * Adds a close button on the right side of the alert\n */\n closeButton?: boolean;\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?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;\n\n /**\n * Variant for the alert\n * @values DEFAULT, TIP\n */\n variant?: BentoAlertVariant | `${BentoAlertVariant}`;\n }>(),\n {\n closeButton: false,\n type: BentoAlertTypeOption.HIGHLIGHT,\n variant: BentoAlertVariant.DEFAULT,\n }\n );\n\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</script>\n\n<script lang=\"ts\">\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 {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","messages","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkIcon","WarningIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAVZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,qCAAAD,EAAA,OAAA;AAAA;;QAAkE,MAAA;AAAA,QAAe,GAAA;AAAA;IAF7R,IAAA,GAAAL,CAAA;AAAA;;QAE8xC,IAAA,gCAAAK,EAAA;AAAA;;UAAgD,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFr2C,IAAA,GAAAJ,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;GCqKIM,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;AApGA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GA0BA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAV,EAAA,CAAA,GAEAW,IAAAC,EAAA,MAAAL,EAAA,YAAAtB,EAAA,GAAA,GAEA4B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAL,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAtB,EAAA,GAAA,EAAA,GAAA0B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAF,EAAA,IAAA,MAAA,CAAA,GAEAQ,IAAAH,EAAA,MAAA;AACI,cAAAL,EAAA,MAAA;AAAA,QAAoB,KAAApB,EAAA;AAEZ,iBAAA6B;AAAA,QAAO,KAAA7B,EAAA;AAEP,iBAAA8B;AAAA,QAAO,KAAA9B,EAAA;AAEP,iBAAA+B;AAAA,QAAO,KAAA/B,EAAA;AAAA,QACe;AAEtB,iBAAAgC;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAR,EAAA,OAAA;AAAA,MAA8C,IAAAS,EAAA;AAAA,MACf,SAAAV,EAAA,QAAAW,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAX,EAAA,MAAAL,EAAA,SAAApB,EAAA,YAAA,WAAA,OAAA,GAEAqC,IAAA,MAAA;AACI,MAAAnB,EAAAhB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAoC,EAAA,MAAA;AACI,UAAA,CAAAxB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
|
|
1
|
+
{"version":3,"file":"alert.BTECwgk3.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../../vue2/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\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\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><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></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 setup lang=\"ts\">\n import { computed, onMounted, useSlots } 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 const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /**\n * Emits event when the alert is closed. `closeButton` must be `true`\n */\n (e: 'close-alert');\n }>();\n\n const props = withDefaults(\n defineProps<{\n /**\n * Adds a close button on the right side of the alert\n */\n closeButton?: boolean;\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?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;\n\n /**\n * Variant for the alert\n * @values DEFAULT, TIP\n */\n variant?: BentoAlertVariant | `${BentoAlertVariant}`;\n }>(),\n {\n closeButton: false,\n type: BentoAlertTypeOption.HIGHLIGHT,\n variant: BentoAlertVariant.DEFAULT,\n }\n );\n\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</script>\n\n<script lang=\"ts\">\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 {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","messages","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","t","useI18n","isTipVariant","computed","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkIcon","WarningIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAVZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,qCAAAD,EAAA,OAAA;AAAA;;QAAkE,MAAA;AAAA,QAAe,GAAA;AAAA;IAF7R,IAAA,GAAAL,CAAA;AAAA;;QAE8xC,IAAA,gCAAAK,EAAA;AAAA;;UAAgD,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAFr2C,IAAA,GAAAJ,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;GCqKIM,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;AApGA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GA0BA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAV,EAAA,CAAA,GAEAW,IAAAC,EAAA,MAAAL,EAAA,YAAAtB,EAAA,GAAA,GAEA4B,IAAAD,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAL,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAtB,EAAA,GAAA,EAAA,GAAA0B,EAAA;AAAA,IACkB,EAAA,GAGxDG,IAAAF,EAAA,MAAAH,EAAA,GAAAF,EAAA,IAAA,MAAA,CAAA,GAEAQ,IAAAH,EAAA,MAAA;AACI,cAAAL,EAAA,MAAA;AAAA,QAAoB,KAAApB,EAAA;AAEZ,iBAAA6B;AAAA,QAAO,KAAA7B,EAAA;AAEP,iBAAA8B;AAAA,QAAO,KAAA9B,EAAA;AAEP,iBAAA+B;AAAA,QAAO,KAAA/B,EAAA;AAAA,QACe;AAEtB,iBAAAgC;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAR,EAAA,OAAA;AAAA,MAA8C,IAAAS,EAAA;AAAA,MACf,SAAAV,EAAA,QAAAW,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAX,EAAA,MAAAL,EAAA,SAAApB,EAAA,YAAA,WAAA,OAAA,GAEAqC,IAAA,MAAA;AACI,MAAAnB,EAAAhB,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAoC,EAAA,MAAA;AACI,UAAA,CAAAxB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as k, computed as r, defineComponent as _, toRefs as f, openBlock as l, createElementBlock as i, normalizeClass as R, createVNode as b, unref as n, withCtx as L, createTextVNode as h, toDisplayString as y, createBlock as B, createCommentVNode as S } from "vue";
|
|
2
|
-
import { B as E } from "./typography.
|
|
2
|
+
import { B as E } from "./typography.DNzU41ah.js";
|
|
3
3
|
import { _ as g } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
4
|
import "../assets/avatar.css";
|
|
5
5
|
const O = (a) => {
|
|
@@ -91,4 +91,4 @@ const N = ["src"], U = {
|
|
|
91
91
|
export {
|
|
92
92
|
V as B
|
|
93
93
|
};
|
|
94
|
-
//# sourceMappingURL=avatar.
|
|
94
|
+
//# sourceMappingURL=avatar.DqdDHXay.js.map
|