@adyen/bento-vue2 1.3.0-1 → 1.3.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/accordion.js +1 -1
- package/dist/alert.js +3 -3
- package/dist/assets/index.css +1 -1
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index24.css +1 -1
- package/dist/assets/index25.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index28.css +1 -1
- package/dist/assets/index29.css +1 -1
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index30.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index33.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index35.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index40.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/avatar-image.js +1 -1
- package/dist/badge.js +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +3 -3
- package/dist/checkbox.js +6 -6
- package/dist/chunks/{base-button.ebd7c02e.js → base-button.98379576.js} +2 -2
- package/dist/chunks/{base-button.ebd7c02e.js.map → base-button.98379576.js.map} +1 -1
- package/dist/chunks/{button-actions.075932ac.js → button-actions.bd397c79.js} +2 -2
- package/dist/chunks/{button-actions.075932ac.js.map → button-actions.bd397c79.js.map} +1 -1
- package/dist/chunks/{button.be42b512.js → button.d0c9527d.js} +2 -2
- package/dist/chunks/{button.be42b512.js.map → button.d0c9527d.js.map} +1 -1
- package/dist/chunks/{calendar.2d5aa882.js → calendar.0ae43a96.js} +4 -4
- package/dist/chunks/{calendar.2d5aa882.js.map → calendar.0ae43a96.js.map} +1 -1
- package/dist/chunks/{checkbox.f6548e4f.js → checkbox.f8457c93.js} +3 -3
- package/dist/chunks/{checkbox.f6548e4f.js.map → checkbox.f8457c93.js.map} +1 -1
- package/dist/chunks/{controls-group.62e35aef.js → controls-group.b827382b.js} +2 -2
- package/dist/chunks/{controls-group.62e35aef.js.map → controls-group.b827382b.js.map} +1 -1
- package/dist/chunks/{copy.6081b6ec.js → copy.5a4cbd4d.js} +3 -3
- package/dist/chunks/{copy.6081b6ec.js.map → copy.5a4cbd4d.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.35029df1.js → dropdown-default-textbox.819e43f7.js} +2 -2
- package/dist/chunks/{dropdown-default-textbox.35029df1.js.map → dropdown-default-textbox.819e43f7.js.map} +1 -1
- package/dist/chunks/{dropdown.9681d483.js → dropdown.c05678d0.js} +6 -6
- package/dist/chunks/{dropdown.9681d483.js.map → dropdown.c05678d0.js.map} +1 -1
- package/dist/chunks/{error-message.588e0cf6.js → error-message.0433b539.js} +2 -2
- package/dist/chunks/{error-message.588e0cf6.js.map → error-message.0433b539.js.map} +1 -1
- package/dist/chunks/{footer-actions.63766096.js → footer-actions.67642347.js} +4 -4
- package/dist/chunks/{footer-actions.63766096.js.map → footer-actions.67642347.js.map} +1 -1
- package/dist/chunks/{index.b56bf100.js → index.0cf00b47.js} +6 -6
- package/dist/chunks/{index.b56bf100.js.map → index.0cf00b47.js.map} +1 -1
- package/dist/chunks/{index.0a747d58.js → index.10aaf539.js} +8 -8
- package/dist/chunks/{index.0a747d58.js.map → index.10aaf539.js.map} +1 -1
- package/dist/chunks/{index.96e2f563.js → index.133e4da0.js} +2 -2
- package/dist/chunks/{index.96e2f563.js.map → index.133e4da0.js.map} +1 -1
- package/dist/chunks/{index.e3c7b9ee.js → index.56858f4e.js} +2 -2
- package/dist/chunks/{index.e3c7b9ee.js.map → index.56858f4e.js.map} +1 -1
- package/dist/chunks/{index.4d3472d3.js → index.73d50fa6.js} +2 -2
- package/dist/chunks/{index.4d3472d3.js.map → index.73d50fa6.js.map} +1 -1
- package/dist/chunks/{index.a374cb78.js → index.f0f8ed98.js} +3 -3
- package/dist/chunks/{index.a374cb78.js.map → index.f0f8ed98.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.e5a28267.js → listbox-option-tag.8d6cccac.js} +3 -3
- package/dist/chunks/{listbox-option-tag.e5a28267.js.map → listbox-option-tag.8d6cccac.js.map} +1 -1
- package/dist/chunks/{listbox.140e447a.js → listbox.116ed0c1.js} +5 -5
- package/dist/chunks/{listbox.140e447a.js.map → listbox.116ed0c1.js.map} +1 -1
- package/dist/chunks/{loading-button.80bba4ca.js → loading-button.1c201f87.js} +2 -2
- package/dist/chunks/{loading-button.80bba4ca.js.map → loading-button.1c201f87.js.map} +1 -1
- package/dist/chunks/{tooltip.680d6038.js → tooltip.2aff4fa6.js} +2 -2
- package/dist/chunks/{tooltip.680d6038.js.map → tooltip.2aff4fa6.js.map} +1 -1
- package/dist/code-snippet.js +6 -6
- package/dist/country.js +2 -2
- package/dist/currency.js +1 -1
- package/dist/data-grid.js +6 -6
- package/dist/date-picker.js +7 -7
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/filter-bar.js +13 -13
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +2 -2
- package/dist/header.js +3 -3
- package/dist/index.js +12 -12
- package/dist/info-icon.js +2 -2
- package/dist/input-field.js +4 -4
- package/dist/internal.js +6 -6
- package/dist/link.js +2 -2
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +4 -4
- package/dist/modal.js +6 -6
- package/dist/pagination.js +4 -4
- package/dist/payment-method.js +2 -2
- package/dist/popover.js +4 -4
- package/dist/popper-container.js +2 -2
- package/dist/radio-group.js +4 -4
- package/dist/search-bar.js +2 -2
- package/dist/segmented-control.js +4 -4
- package/dist/sidepanel.js +5 -5
- package/dist/status.js +2 -2
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +3 -3
- package/dist/tabs.js +2 -2
- package/dist/tag.js +3 -3
- package/dist/textarea.js +4 -4
- package/dist/timeline.js +5 -5
- package/dist/toast.js +3 -3
- package/dist/toggle.js +2 -2
- package/dist/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svg[data-v-4ebc0033]{display:inline-flex;flex-shrink:0}svg[data-v-4ebc0033],svg *[data-v-4ebc0033]{fill:currentcolor}svg[data-v-bda8fd91]{display:inline-flex;flex-shrink:0}svg[data-v-bda8fd91],svg *[data-v-bda8fd91]{fill:currentcolor}svg[data-v-1954bfce]{display:inline-flex;flex-shrink:0}svg[data-v-1954bfce],svg *[data-v-1954bfce]{fill:currentcolor}svg[data-v-9da4de4c]{display:inline-flex;flex-shrink:0}svg[data-v-9da4de4c],svg *[data-v-9da4de4c]{fill:currentcolor}svg[data-v-2fe7aaf4]{display:inline-flex;flex-shrink:0}svg[data-v-2fe7aaf4],svg *[data-v-2fe7aaf4]{fill:currentcolor}svg[data-v-6e578b8e]{display:inline-flex;flex-shrink:0}svg[data-v-6e578b8e],svg *[data-v-6e578b8e]{fill:currentcolor}.b-data-grid-columns[data-v-a2d7affc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-a2d7affc],.b-data-grid-columns[data-v-a2d7affc]:before,.b-data-grid-columns[data-v-a2d7affc]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-a2d7affc],.b-data-grid-columns *[data-v-a2d7affc]:before,.b-data-grid-columns *[data-v-a2d7affc]:after{box-sizing:border-box}.b-data-grid-columns[data-v-a2d7affc] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-a2d7affc] ::-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-data-grid-columns--frozen[data-v-a2d7affc]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--unfrozen[data-v-a2d7affc]{display:flex}.b-data-grid-columns--config-settings-margin[data-v-a2d7affc]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid-columns__column[data-v-a2d7affc]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column--sortable[data-v-a2d7affc]{cursor:pointer}.b-data-grid-columns__column--sortable[data-v-a2d7affc]:hover{background-color:var(--b-data-grid-column-hover-background-color)}.b-data-grid-columns__column--padding-left-unset[data-v-a2d7affc]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-a2d7affc]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-a2d7affc]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-a2d7affc]{justify-content:end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-a2d7affc]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-a2d7affc]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-a2d7affc]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-a2d7affc],.b-data-grid-columns__column--is-re-ordering *[data-v-a2d7affc]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-a2d7affc]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-separator-container[data-v-a2d7affc]{align-items:center;cursor:auto;display:flex;height:100%;justify-content:center;position:absolute;right:-4px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-a2d7affc]{right:var(--b-data-grid-resizer-width)}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-a2d7affc]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-a2d7affc]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-a2d7affc]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-a2d7affc]{display:flex;gap:var(--b-data-grid-column-actions-gap);margin-left:auto;padding-left:var(--b-data-grid-column-actions-padding-left)}.b-data-grid-columns__column-sort[data-v-a2d7affc]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;padding:var(--b-data-grid-column-sort-padding)}.b-data-grid-columns__column-sort-icon[data-v-a2d7affc]{color:var(--b-data-grid-column-sort-icon-color);display:inline-flex;margin-top:-2px}.b-data-grid-columns__column-sort-icon[data-v-a2d7affc]:nth-child(2){margin-top:-8px}.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon[data-v-a2d7affc]{color:var(--b-data-grid-column-hover-sort-icon-color)}.b-data-grid-columns__column-sort-icon--sorted[data-v-a2d7affc],.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon--sorted[data-v-a2d7affc]{color:var(--b-data-grid-column-sort-icon-sorted-color)}.b-data-grid-columns__menu[data-v-a2d7affc]{display:flex}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-a2d7affc] .b-menu__popover{width:200px}}svg[data-v-6e917c82]{display:inline-flex;flex-shrink:0}svg[data-v-6e917c82],svg *[data-v-6e917c82]{fill:currentcolor}.b-data-grid-config-settings-column-row[data-v-3437c8f9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-3437c8f9],.b-data-grid-config-settings-column-row[data-v-3437c8f9]:before,.b-data-grid-config-settings-column-row[data-v-3437c8f9]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-3437c8f9],.b-data-grid-config-settings-column-row *[data-v-3437c8f9]:before,.b-data-grid-config-settings-column-row *[data-v-3437c8f9]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-3437c8f9] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-3437c8f9] ::-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-data-grid-config-settings-column-row[data-v-3437c8f9]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-3437c8f9]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-3437c8f9]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-926f1575]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-926f1575],.b-data-grid-config-settings[data-v-926f1575]:before,.b-data-grid-config-settings[data-v-926f1575]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-926f1575],.b-data-grid-config-settings *[data-v-926f1575]:before,.b-data-grid-config-settings *[data-v-926f1575]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-926f1575] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-926f1575] ::-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-data-grid-config-settings__button-and-seperator[data-v-926f1575]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-seperator-background-color);display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));padding:var(--b-data-grid-config-settings-button-and-seperator-padding)}.b-data-grid-config-settings__button-container[data-v-926f1575]{display:flex;padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__column-separator[data-v-926f1575]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-config-settings__panel[data-v-926f1575]{max-height:540px;min-width:285px;overflow:scroll}.b-data-grid-config-settings__panel[data-v-926f1575] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-926f1575]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-926f1575]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-926f1575]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-926f1575]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-926f1575]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-926f1575]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-926f1575]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-926f1575]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-926f1575]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid[data-v-0c380772]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-0c380772],.b-data-grid[data-v-0c380772]:before,.b-data-grid[data-v-0c380772]:after{box-sizing:border-box}.b-data-grid *[data-v-0c380772],.b-data-grid *[data-v-0c380772]:before,.b-data-grid *[data-v-0c380772]:after{box-sizing:border-box}.b-data-grid[data-v-0c380772] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-0c380772] ::-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-data-grid--outline[data-v-0c380772]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-0c380772]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-0c380772]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--fit-content[data-v-0c380772]{height:100%}.b-data-grid--fit-content .b-data-grid__body[data-v-0c380772]{height:100%;overflow-y:hidden}.b-data-grid--fit-content .b-data-grid__rows[data-v-0c380772]{height:calc(100% - 47px);overflow-x:hidden;overflow-y:auto;width:fit-content}.b-data-grid__body[data-v-0c380772]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-0c380772]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-0c380772]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns--menu-open[data-v-0c380772]{z-index:var(--b-data-grid-columns-menu-open-z-index)}.b-data-grid__columns-row[data-v-0c380772]{display:flex}.b-data-grid__row-cell-set--frozen[data-v-0c380772]{border-right:var(--b-data-grid-rows-frozen-border-right-width) solid var(--b-data-grid-rows-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid__row-cell-set--unfrozen[data-v-0c380772]{display:flex}.b-data-grid__row-cell-set--config-settings-margin[data-v-0c380772]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid__rows>*[data-v-0c380772]:not(:last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid__row[data-v-0c380772]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid__row[data-v-0c380772]:hover,.b-data-grid__row:hover .b-data-grid__cell[data-v-0c380772]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__row[data-v-0c380772]:hover .b-link{text-decoration:underline}.b-data-grid__row[data-v-0c380772]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-0c380772]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid__row--row-clicks-enabled[data-v-0c380772]{cursor:pointer}.b-data-grid__row--disabled[data-v-0c380772]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-0c380772]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-0c380772],.b-data-grid__row--highlighted .b-data-grid__cell[data-v-0c380772]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__cell[data-v-0c380772]{background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding)}.b-data-grid__cell[data-v-0c380772]:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);outline:none;z-index:1}.b-data-grid__cell--condensed[data-v-0c380772]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid__cell--padding-left-unset[data-v-0c380772]{padding-left:0}.b-data-grid__cell--padding-right-unset[data-v-0c380772]{padding-right:0}.b-data-grid__cell--overflow-ellipsis *[data-v-0c380772]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid__cell--numeric[data-v-0c380772]{justify-content:end;text-align:right}.b-data-grid__cell--is-column-re-ordering[data-v-0c380772]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid__cell--is-column-re-order-target-left[data-v-0c380772],.b-data-grid__cell--is-column-re-order-target-right[data-v-0c380772]{position:relative}.b-data-grid__cell--is-column-re-order-target-left[data-v-0c380772]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid__cell--is-column-re-order-target-right[data-v-0c380772]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid__footer[data-v-0c380772]{padding:var(--b-data-grid-footer-padding)}.b-data-grid__filters[data-v-0c380772]{border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);display:flex;justify-content:end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__pagination[data-v-0c380772]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-0c380772]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-0c380772]{padding-right:0}.b-data-grid__pagination--sticky[data-v-0c380772]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-0c380772]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-0c380772]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-0c380772]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__config-settings[data-v-0c380772]{display:flex;position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}
|
|
1
|
+
.b-date-range-picker-calendar[data-v-2a027317]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:var(--b-date-range-picker-calendar-flex-direction)}.b-date-range-picker-calendar[data-v-2a027317],.b-date-range-picker-calendar[data-v-2a027317]:before,.b-date-range-picker-calendar[data-v-2a027317]:after{box-sizing:border-box}.b-date-range-picker-calendar *[data-v-2a027317],.b-date-range-picker-calendar *[data-v-2a027317]:before,.b-date-range-picker-calendar *[data-v-2a027317]:after{box-sizing:border-box}.b-date-range-picker-calendar[data-v-2a027317] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-picker-calendar[data-v-2a027317] ::-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-date-range-picker-calendar__calendars-container[data-v-2a027317]{background-color:var(--b-date-range-picker-calendar-calendars-container-background-color);border-right:var(--b-date-range-picker-calendar-calendars-container-border-right);display:flex;gap:var(--b-date-range-picker-calendar-calendars-container-gap);padding:var(--b-date-range-picker-calendar-calendars-container-padding)}.b-date-range-picker-calendar__form-container[data-v-2a027317]{border-right:var(--b-date-range-picker-calendar-form-container-border-right);display:flex;flex-direction:column;justify-content:space-between}.b-date-range-picker-calendar__form[data-v-2a027317]{display:flex;flex-direction:column;gap:var(--b-date-range-picker-calendar-form-gap);min-width:var(--b-date-range-picker-calendar-form-min-width);padding:var(--b-date-range-picker-calendar-form-padding);width:var(--b-date-range-picker-calendar-form-width)}.b-date-range-picker-calendar__form-input[data-v-2a027317]{padding-top:var(--b-date-range-picker-calendar-form-input-padding-top)}.b-date-range-picker-calendar__form-input-wrapper[data-v-2a027317]{display:flex;flex-direction:row;gap:var(--b-date-range-picker-calendar-form-input-wrapper-gap)}.b-date-range-picker-calendar__form-date-format-example[data-v-2a027317]{color:var(--b-date-range-picker-calendar-form-date-format-example-color);display:var(--b-date-range-picker-calendar-form-date-format-example-display)}.b-legacy-theme .b-date-range-picker-calendar__label[data-v-2a027317]{font-weight:600}.b-date-range-picker[data-v-62056f46]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-date-range-picker[data-v-62056f46],.b-date-range-picker[data-v-62056f46]:before,.b-date-range-picker[data-v-62056f46]:after{box-sizing:border-box}.b-date-range-picker *[data-v-62056f46],.b-date-range-picker *[data-v-62056f46]:before,.b-date-range-picker *[data-v-62056f46]:after{box-sizing:border-box}.b-date-range-picker[data-v-62056f46] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-picker[data-v-62056f46] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-date-range-picker[data-v-62056f46] .b-dropdown-default-textbox--opened{border-radius:6px}.b-legacy-theme .b-date-range-picker__container[data-v-62056f46]{border:var(--b-date-range-picker-container-border);border-radius:var(--b-date-range-picker-container-border-radius);width:var(--b-date-range-picker-container-width)}.b-date-range-picker__description[data-v-62056f46]{color:var(--b-date-range-picker-description-color);margin-top:var(--b-date-range-picker-description-margin-top)}.b-date-range-picker__description--error[data-v-62056f46]{margin-top:var(--b-date-range-picker-description-error-margin-top)}.b-date-range-picker__error-message[data-v-62056f46]{margin-top:var(--b-date-range-picker-error-message-margin-top)}.b-date-range-picker__error-message[data-v-62056f46]:not(:first-of-type){margin-top:var(--b-date-range-picker-description-error-margin-top)}.b-date-range-picker__label[data-v-62056f46]{margin-bottom:var(--b-date-range-picker-label-margin-bottom)}.b-date-range-picker__label-requirement[data-v-62056f46]{color:var(--b-date-range-picker-label-requirement-color)}
|
package/dist/avatar-image.js
CHANGED
package/dist/badge.js
CHANGED
|
@@ -2,7 +2,7 @@ import { defineComponent as n, computed as r } from "vue";
|
|
|
2
2
|
import { u as o } from "./chunks/aria-label.ac9651a5.js";
|
|
3
3
|
import { g as c } from "./chunks/get-slot-text.e5c766d0.js";
|
|
4
4
|
import { n as i } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
5
|
-
import "./assets/
|
|
5
|
+
import "./assets/index23.css";
|
|
6
6
|
var s = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(s || {});
|
|
7
7
|
const _ = n({
|
|
8
8
|
name: "adl-badge",
|
package/dist/button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as n, b as a, a as B } from "./chunks/button.
|
|
2
|
-
import { B as e, c as u, a as i, b as r } from "./chunks/button-actions.
|
|
3
|
-
import { B as L, a as d } from "./chunks/loading-button.
|
|
1
|
+
import { B as n, b as a, a as B } from "./chunks/button.d0c9527d.js";
|
|
2
|
+
import { B as e, c as u, a as i, b as r } from "./chunks/button-actions.bd397c79.js";
|
|
3
|
+
import { B as L, a as d } from "./chunks/loading-button.1c201f87.js";
|
|
4
4
|
export {
|
|
5
5
|
n as BentoButton,
|
|
6
6
|
e as BentoButtonActions,
|
package/dist/card.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineComponent as k, ref as T, watch as A, computed as n } from "vue";
|
|
2
|
-
import { B as E, a as b, b as i } from "./chunks/index.
|
|
2
|
+
import { B as E, a as b, b as i } from "./chunks/index.56858f4e.js";
|
|
3
3
|
import { a as L, C as I } from "./chunks/chevron-down.b851a6da.js";
|
|
4
4
|
import { u as D } from "./chunks/use-has-slot.068222e6.js";
|
|
5
5
|
import { g as O } from "./chunks/unique-id.a2a2b458.js";
|
|
6
6
|
import { u as U } from "./chunks/i18n.155748d6.js";
|
|
7
|
-
import { B as H, c as C } from "./chunks/button-actions.
|
|
7
|
+
import { B as H, c as C } from "./chunks/button-actions.bd397c79.js";
|
|
8
8
|
import { n as M } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
9
|
-
import "./assets/
|
|
9
|
+
import "./assets/index25.css";
|
|
10
10
|
var _ = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(_ || {}), l = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(l || {});
|
|
11
11
|
const R = {
|
|
12
12
|
"en-US": {
|
package/dist/checkbox.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { B as h, b as d } from "./chunks/checkbox.
|
|
2
|
-
import { a as F } from "./chunks/checkbox.
|
|
1
|
+
import { B as h, b as d } from "./chunks/checkbox.f8457c93.js";
|
|
2
|
+
import { a as F } from "./chunks/checkbox.f8457c93.js";
|
|
3
3
|
import { defineComponent as f, toRef as b, computed as n, ref as m, watch as _ } from "vue";
|
|
4
4
|
import { g } from "./chunks/unique-id.a2a2b458.js";
|
|
5
|
-
import { d as y } from "./chunks/index.
|
|
5
|
+
import { d as y } from "./chunks/index.56858f4e.js";
|
|
6
6
|
import { u as v } from "./chunks/use-form-layout-loading.d03e5d48.js";
|
|
7
|
-
import { C as x } from "./chunks/controls-group.
|
|
8
|
-
import { E } from "./chunks/error-message.
|
|
7
|
+
import { C as x } from "./chunks/controls-group.b827382b.js";
|
|
8
|
+
import { E } from "./chunks/error-message.0433b539.js";
|
|
9
9
|
import { n as k } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
10
|
-
import "./assets/
|
|
10
|
+
import "./assets/index4.css";
|
|
11
11
|
var s = /* @__PURE__ */ ((r) => (r.HORIZONTAL = "horizontal", r.VERTICAL = "vertical", r))(s || {});
|
|
12
12
|
const C = f({
|
|
13
13
|
name: "bento-checkbox-group",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as b, computed as i, ref as p } from "vue";
|
|
2
|
-
import { B as u, a as d, b as f } from "./index.
|
|
2
|
+
import { B as u, a as d, b as f } from "./index.56858f4e.js";
|
|
3
3
|
import { u as C } from "./use-has-slot.068222e6.js";
|
|
4
4
|
import { n as y } from "./_plugin-vue2_normalizer.71e2aa87.js";
|
|
5
5
|
import "../assets/base-button.css";
|
|
@@ -82,4 +82,4 @@ export {
|
|
|
82
82
|
x as B,
|
|
83
83
|
n as a
|
|
84
84
|
};
|
|
85
|
-
//# sourceMappingURL=base-button.
|
|
85
|
+
//# sourceMappingURL=base-button.98379576.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-button.
|
|
1
|
+
{"version":3,"file":"base-button.98379576.js","sources":["../../src/components/internal/base-button/base-button.types.ts","../../src/components/internal/base-button/base-button.vue"],"sourcesContent":["export enum BentoBaseButtonPropClass {\n DESTRUCTIVE = 'critical',\n ICON_ONLY = 'icon-only',\n}\n\nexport enum BentoBaseButtonEvent {\n BLUR = 'blur',\n CLICK = 'click',\n FOCUS = 'focus',\n KEYDOWN_ESC = 'keydown.esc',\n}\n\nexport enum BaseButtonType {\n BUTTON = 'button',\n RESET = 'reset',\n SUBMIT = 'submit',\n}\n","<template>\n <button\n ref=\"bentoBaseButtonRef\"\n class=\"b-base-button\"\n :class=\"conditionalClasses\"\n :disabled=\"disabled\"\n :type=\"type\"\n :aria-expanded=\"ariaAttributes['aria-expanded']\"\n @click=\"onClickButton\"\n >\n <span v-if=\"hasSlot('iconLeft')\" class=\"b-base-button__icon-left\" data-testid=\"icon-button-left\">\n <slot name=\"iconLeft\" />\n </span>\n <bento-typography\n v-if=\"hasSlot('default')\"\n :el=\"BentoTypographyElement.SPAN\"\n :variant=\"BentoTypographyVariant.BODY\"\n stronger\n class=\"b-base-button__label\"\n >\n <slot />\n </bento-typography>\n <span v-if=\"hasSlot('iconRight')\" class=\"b-base-button__icon-right\" data-testid=\"icon-button-right\">\n <slot name=\"iconRight\" />\n </span>\n </button>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref } from 'vue';\n import { BentoBaseButtonEvent, BentoBaseButtonPropClass } from './base-button.types';\n import type { ButtonHTMLAttributes } from 'vue/types/jsx';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { useHasSlot } from '@/composables';\n import { Booleanish } from '@/types';\n\n /**\n * Base button component to use as a base for all the various types of bento buttons. For internal use only.\n *\n * * @example\n * import { BaseButton, BaseButtonEvent } from '@/components/internal/base-button';\n * import YourImportedIcon from @adyen/ui-assets-icons-16/example-icon';\n *\n * export default {\n * components: { BaseButton, YourImportedIcon },\n * props: {\n * text:\n * },\n * template: `\n * <base-button class=\"your-custom-button-styles\" @click=\"onClick\">\n * <template #iconLeft><your-imported-icon></template>\n * Button text\n * <template #iconRight><your-imported-icon></template>\n * </base-button>\n * `,\n * emits: [BentoButtonEvent.CLICK],\n * setup: (prps, { emit }) => {\n * const onClick = value => emit(BaseButtonEvent.CLICK, value);\n *\n * return {\n * onClick,\n * };\n * }\n * }\n */\n export default defineComponent({\n name: 'base-button',\n components: { BentoTypography },\n props: {\n /**\n * Disables button functionality\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays button as critical\n */\n critical: {\n type: Boolean,\n default: false,\n },\n /**\n * The default behavior of the button.\n * Possible values are: 'button', 'reset', 'submit'\n */\n type: {\n type: String as PropType<ButtonHTMLAttributes['type']>,\n default: 'button',\n },\n },\n emits: [\n BentoBaseButtonEvent.CLICK,\n BentoBaseButtonEvent.FOCUS,\n BentoBaseButtonEvent.BLUR,\n BentoBaseButtonEvent.KEYDOWN_ESC,\n ],\n setup(props, { slots, emit, attrs }) {\n const ariaAttributes = computed(() => ({\n 'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n }));\n\n const bentoBaseButtonRef = ref(null);\n\n const conditionalClasses = computed(() => ({\n [`b-base-button--${BentoBaseButtonPropClass.DESTRUCTIVE}`]: props.critical,\n [`b-base-button--${BentoBaseButtonPropClass.ICON_ONLY}`]: !slots.default,\n }));\n\n const onClickButton = (e: MouseEvent) => {\n if (!props.disabled) {\n emit(BentoBaseButtonEvent.CLICK, e);\n }\n };\n\n return {\n // Enums\n BentoTypographyElement,\n BentoTypographyVariant,\n\n // Values\n ariaAttributes,\n conditionalClasses,\n\n // Methods\n onClickButton,\n hasSlot: useHasSlot(slots),\n\n // Refs\n bentoBaseButtonRef,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-button.scss\" />\n"],"names":["BentoBaseButtonPropClass","BentoBaseButtonPropClass2","BentoBaseButtonEvent","BentoBaseButtonEvent2","_sfc_main","defineComponent","BentoTypography","props","slots","emit","attrs","ariaAttributes","computed","_a","bentoBaseButtonRef","ref","conditionalClasses","BentoTypographyElement","BentoTypographyVariant","e","useHasSlot"],"mappings":";;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,YACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAA,cAAA,eAJQA,IAAAD,KAAA,CAAA,CAAA;AC4DZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACAJ,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,IACAA,EAAA;AAAA,EACA;AAAA,EACA,MAAAK,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAA,kBAAAC,IAAAH,EAAA,eAAA,MAAA,gBAAAG,EAAA;AAAA,MACA;AAAA,KAAA,GAGAC,IAAAC,EAAA,IAAA,GAEAC,IAAAJ,EAAA,OAAA;AAAA,MAAA,CAAA,kBAAAZ,EAAA,aAAA,GAAAO,EAAA;AAAA,MACA,CAAA,kBAAAP,EAAA,WAAA,GAAA,CAAAQ,EAAA;AAAA,IACA,EAAA;AASA,WAAA;AAAA;AAAA,MAAA,wBAAAS;AAAA,MAEA,wBAAAC;AAAA;AAAA,MACA,gBAAAP;AAAA,MAGA,oBAAAK;AAAA;AAAA,MACA,eAbA,CAAAG,MAAA;AACA,QAAAZ,EAAA,YACAE,EAAAP,EAAA,OAAAiB,CAAA;AAAA,MACA;AAAA,MAaA,SAAAC,EAAAZ,CAAA;AAAA;AAAA,MACA,oBAAAM;AAAA,IAGA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as u, computed as a } from "vue";
|
|
2
|
-
import { B as d, a as o } from "./button.
|
|
2
|
+
import { B as d, a as o } from "./button.d0c9527d.js";
|
|
3
3
|
import { n as p } from "./_plugin-vue2_normalizer.71e2aa87.js";
|
|
4
4
|
import "../assets/button-actions.css";
|
|
5
5
|
var c = /* @__PURE__ */ ((t) => (t.BUTTONS_END = "buttons-end", t.FILL_CONTAINER = "fill-container", t.SPACE_BETWEEN = "space-between", t.VERTICAL_STACK = "vertical-stack", t))(c || {}), l = /* @__PURE__ */ ((t) => (t.BUTTONS_START = "buttons-start", t))(l || {});
|
|
@@ -101,4 +101,4 @@ export {
|
|
|
101
101
|
l as b,
|
|
102
102
|
i as c
|
|
103
103
|
};
|
|
104
|
-
//# sourceMappingURL=button-actions.
|
|
104
|
+
//# sourceMappingURL=button-actions.bd397c79.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-actions.
|
|
1
|
+
{"version":3,"file":"button-actions.bd397c79.js","sources":["../../src/components/button/components/button-actions/button-actions.types.ts","../../src/components/button/components/button-actions/button-actions.vue"],"sourcesContent":["import type { VueNodeElement } from '@/types';\nimport type { BentoButtonVariant } from '@/components/button';\n\nexport interface BentoButtonActionObject {\n title: string;\n event: (event: Event) => void;\n icon?: VueNodeElement;\n disabled?: boolean;\n variant?: BentoButtonVariant;\n critical?: boolean;\n}\n\nexport type BentoButtonActionsList = Array<BentoButtonActionObject>;\n\nexport enum BentoButtonActionsLayoutBasic {\n BUTTONS_END = 'buttons-end',\n FILL_CONTAINER = 'fill-container',\n SPACE_BETWEEN = 'space-between',\n VERTICAL_STACK = 'vertical-stack',\n}\n\nexport enum BentoButtonActionsLayoutExtended {\n BUTTONS_START = 'buttons-start',\n}\n\nexport const BentoButtonActionsLayout = { ...BentoButtonActionsLayoutBasic, ...BentoButtonActionsLayoutExtended };\nexport type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;\n","<template>\n <div class=\"b-button-actions\">\n <div class=\"b-button-actions__container-wrapper\" :class=\"conditionalClasses\" role=\"group\">\n <div v-for=\"(button, index) in reversedActionsList\" :key=\"index\" class=\"b-button-actions__button-wrapper\">\n <bento-button\n :critical=\"button.critical\"\n :disabled=\"button.disabled\"\n :variant=\"button.variant || generateButtonVariantByIndex(index)\"\n @click=\"button.event\"\n >\n <template v-if=\"button.icon\" #iconLeft>\n <component :is=\"button.icon\" :svg-title=\"button.title\"></component>\n </template>\n {{ button.title }}\n </bento-button>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType } from 'vue';\n import { BentoButtonVariant } from '@/core/components/button/button.types';\n import BentoButton from '../../button.vue';\n import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';\n\n export default defineComponent({\n name: 'bento-button-actions',\n components: { BentoButton },\n props: {\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n *\n * Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n *\n * `title`: Button's text.\n *\n * `event`: Event triggered when clicking the Button.\n *\n * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * `disabled` (optional): Disables the action.\n *\n * `variant` (optional): Sets button's variant background color.\n *\n * `critical` (optional): Sets button red border adn color.\n *\n * ```\n * [{\n * title: 'Primary',\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * disabled: true,\n * variant: BentoButtonVariant.PRIMARY,\n * critical: true\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n required: true,\n },\n\n /**\n * Defines the layout in which the button actions is presented.\n * It can be one of:\n *\n * @values BUTTONS_START\n * @values BUTTONS_END\n * @values FILL_CONTAINER\n * @values SPACE_BETWEEN\n * @values VERTICAL_STACK\n */\n layout: {\n type: String as PropType<BentoButtonActionsLayout | `${BentoButtonActionsLayout}`>,\n default: BentoButtonActionsLayout.BUTTONS_END,\n validator: (layout: BentoButtonActionsLayout) =>\n Object.values(BentoButtonActionsLayout).includes(layout),\n },\n },\n setup(props) {\n const reversedActionsList = computed(() => props.actions.slice().reverse());\n const generateButtonVariantByIndex = actionIndex => {\n const lastActionIndex = props.actions.length - 1;\n return actionIndex === lastActionIndex ? BentoButtonVariant.PRIMARY : BentoButtonVariant.SECONDARY;\n };\n\n const conditionalClasses = computed(() => ({\n [`b-button-actions--${props.layout}`]: true,\n }));\n\n return {\n // Values\n conditionalClasses,\n reversedActionsList,\n\n // Methods\n generateButtonVariantByIndex,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions.scss\" />\n"],"names":["BentoButtonActionsLayoutBasic","BentoButtonActionsLayoutBasic2","BentoButtonActionsLayoutExtended","BentoButtonActionsLayoutExtended2","BentoButtonActionsLayout","_sfc_main","defineComponent","BentoButton","layout","props","reversedActionsList","computed","generateButtonVariantByIndex","actionIndex","lastActionIndex","BentoButtonVariant"],"mappings":";;;;AAcY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,cAAA,eACAA,EAAA,iBAAA,kBACAA,EAAA,gBAAA,iBACAA,EAAA,iBAAA,kBAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,gBAAA,iBADQA,IAAAD,KAAA,CAAA,CAAA;AAIL,MAAAE,IAAA,EAAA,GAAAJ,GAAA,GAAAE,EAAA,GCCPG,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAmCA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAYA,MAAA;AAAA,MACA,SAAAH,EAAA;AAAA,MACA,WAAA,CAAAI,MAAA,OAAA,OAAAJ,CAAA,EAAA,SAAAI,CAAA;AAAA,IAEA;AAAA,EACA;AAAA,EACA,MAAAC,GAAA;AAEA,UAAAC,IAAAC,EAAA,MAAAF,EAAA,QAAA,MAAA,EAAA,QAAA,CAAA,GACAG,IAAA,CAAAC,MAAA;AACA,YAAAC,IAAAL,EAAA,QAAA,SAAA;AACA,aAAAI,MAAAC,IAAAC,EAAA,UAAAA,EAAA;AAAA,IAAA;AAOA,WAAA;AAAA;AAAA,MAAA,oBAJAJ,EAAA,OAAA;AAAA,QAAA,CAAA,qBAAAF,EAAA,QAAA,GAAA;AAAA,MACA,EAAA;AAAA,MAKA,qBAAAC;AAAA;AAAA,MACA,8BAAAE;AAAA,IAGA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as f, computed as o } from "vue";
|
|
2
|
-
import { B as p, a as y, b as m } from "./index.
|
|
2
|
+
import { B as p, a as y, b as m } from "./index.56858f4e.js";
|
|
3
3
|
import { u as v } from "./use-has-slot.068222e6.js";
|
|
4
4
|
import { BentoLink as g, BentoLinkVariant as S } from "../link.js";
|
|
5
5
|
import { n as h } from "./_plugin-vue2_normalizer.71e2aa87.js";
|
|
@@ -117,4 +117,4 @@ export {
|
|
|
117
117
|
s as a,
|
|
118
118
|
i as b
|
|
119
119
|
};
|
|
120
|
-
//# sourceMappingURL=button.
|
|
120
|
+
//# sourceMappingURL=button.d0c9527d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.
|
|
1
|
+
{"version":3,"file":"button.d0c9527d.js","sources":["../../../core/src/components/button/button.types.ts","../../src/components/button/button.vue"],"sourcesContent":["export enum BentoButtonVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n}\n\nexport enum BentoButtonPropClass {\n CONDENSED = 'condensed',\n DESTRUCTIVE = 'critical',\n DISABLED = 'disabled',\n ICON_ONLY = 'icon-only',\n}\n","<template>\n <component\n :is=\"componentType\"\n v-bind=\"componentProps\"\n class=\"b-button\"\n :class=\"conditionalClasses\"\n @click.capture=\"onClickButton\"\n >\n <span v-if=\"hasSlot('iconLeft')\" class=\"b-button__icon-left\" data-testid=\"icon-button-left\">\n <slot name=\"iconLeft\" />\n </span>\n <bento-typography\n v-if=\"hasSlot('default')\"\n :el=\"BentoTypographyElement.SPAN\"\n :variant=\"BentoTypographyVariant.BODY\"\n stronger\n class=\"b-button__label\"\n >\n <slot />\n </bento-typography>\n <span v-if=\"hasSlot('iconRight')\" class=\"b-button__icon-right\" data-testid=\"icon-button-right\">\n <slot name=\"iconRight\" />\n </span>\n </component>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType } from 'vue';\n import { BentoButtonPropClass, BentoButtonVariant } from '@/core/components/button/button.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { useHasSlot } from '@/composables';\n import { Booleanish } from '@/types';\n import type { RouterLinkProps } from 'vue-router/types/router';\n import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'vue/types/jsx';\n import { BentoLink, BentoLinkVariant } from '../link';\n\n // TODO: replace all this code when migrated to Vue 3 is complete as this is the only\n // current way to extend the `router-link` component in Vue 2 and Vue Router 3\n export interface LinkProps extends RouterLinkProps, AnchorHTMLAttributes {\n // eslint-disable-next-line vue/require-default-prop\n args?: { props: RouterLinkProps };\n\n /**\n * Set the rendered link to a regular external anchor link.\n */\n external: boolean;\n }\n\n /**\n * Button component for all the various types of bento buttons.\n *\n * @usage\n * import { BentoButton, AdlIconPosition } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoButton },\n * template: `\n * <bento-button\n * disabled\n * :icon-position=\"AdlIconPosition.AFTER\"\n * >\n * Button text\n * </bento-button>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-button',\n components: { BentoTypography },\n props: {\n /**\n * Disables button functionality\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Displays button as critical\n */\n critical: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The default behavior of the button.\n * Possible values are: 'button', 'reset', 'submit'\n */\n type: {\n type: String as PropType<ButtonHTMLAttributes['type']>,\n default: 'button',\n },\n\n /**\n * Reduces sizing of button\n */\n condensed: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Types of flavour of Button\n * @values primary, secondary, tertiary\n */\n variant: {\n type: String as PropType<BentoButtonVariant | `${BentoButtonVariant}`>,\n default: BentoButtonVariant.PRIMARY,\n validator: (value: BentoButtonVariant) => Object.values(BentoButtonVariant).includes(value),\n },\n\n /**\n * Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.\n */\n link: {\n type: Object,\n default: undefined,\n },\n },\n emits: ['click', 'focus', 'blur', 'keydown.esc'],\n setup(props, { slots, emit, attrs }) {\n const componentType = computed(() => {\n if (props?.link !== undefined) {\n return BentoLink;\n }\n return 'button';\n });\n const ariaAttributes = computed(() => ({\n 'aria-controls': attrs['aria-controls']?.toString() as string,\n 'aria-expanded': attrs['aria-expanded']?.toString() as Booleanish,\n }));\n\n const componentProps = computed(() =>\n componentType.value === 'button'\n ? {\n ...ariaAttributes.value,\n disabled: props.disabled,\n type: props.type,\n }\n : { ...props.link, disableTypography: true, variant: BentoLinkVariant.DEFAULT }\n );\n\n const variantClass = computed((): { [x: string]: boolean } => ({\n [`b-button--${props.variant}${props.critical ? `-${BentoButtonPropClass.DESTRUCTIVE}` : ''}`]: true,\n }));\n\n const conditionalClasses = computed(\n (): {\n [x: string]: boolean;\n } => ({\n ...variantClass.value,\n [`b-button--${BentoButtonPropClass.CONDENSED}`]: props.condensed,\n [`b-button--${BentoButtonPropClass.ICON_ONLY}`]: !slots.default,\n [`b-button--${BentoButtonPropClass.DISABLED}`]: props.disabled,\n })\n );\n\n const onClickButton = (e: MouseEvent) => {\n if (!props.disabled) {\n emit('click', e);\n } else {\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n return {\n // Enums\n BentoTypographyElement,\n BentoTypographyVariant,\n\n // Values\n ariaAttributes,\n conditionalClasses,\n componentType,\n componentProps,\n\n // Methods\n onClickButton,\n hasSlot: useHasSlot(slots),\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/button/button.scss\" />\n"],"names":["BentoButtonVariant","BentoButtonVariant2","BentoButtonPropClass","BentoButtonPropClass2","_sfc_main","defineComponent","BentoTypography","value","props","slots","emit","attrs","componentType","computed","BentoLink","ariaAttributes","_a","_b","componentProps","BentoLinkVariant","variantClass","conditionalClasses","BentoTypographyElement","BentoTypographyVariant","e","useHasSlot"],"mappings":";;;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YAHQA,IAAAD,KAAA,CAAA,CAAA,GAMAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,cAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aAJQA,IAAAD,KAAA,CAAA,CAAA;AC4DZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAN,EAAA;AAAA,MACA,WAAA,CAAAO,MAAA,OAAA,OAAAP,CAAA,EAAA,SAAAO,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,SAAA,SAAA,QAAA,aAAA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,OACAL,KAAA,gBAAAA,EAAA,UAAA,SACAM,IAEA,QAAA,GAEAC,IAAAF,EAAA,MAAA;;AAAA;AAAA,QAAA,kBAAAG,IAAAL,EAAA,eAAA,MAAA,gBAAAK,EAAA;AAAA,QACA,kBAAAC,IAAAN,EAAA,eAAA,MAAA,gBAAAM,EAAA;AAAA,MACA;AAAA,KAAA,GAGAC,IAAAL;AAAA,MAAA,MAAAD,EAAA,UAAA,WAAA;AAAA,QAEA,GAAAG,EAAA;AAAA,QACA,UAAAP,EAAA;AAAA,QACA,MAAAA,EAAA;AAAA,MACA,IAAA,EAAA,GAAAA,EAAA,MAAA,mBAAA,IAAA,SAAAW,EAAA,QAAA;AAAA,IAEA,GAGAC,IAAAP,EAAA,OAAA;AAAA,MAAA,CAAA,aAAAL,EAAA,UAAAA,EAAA,WAAA,IAAAN,EAAA,gBAAA,IAAA,GAAA;AAAA,IACA,EAAA,GAGAmB,IAAAR;AAAA,MAAA,OAAA;AAAA,QAGA,GAAAO,EAAA;AAAA,QACA,CAAA,aAAAlB,EAAA,WAAA,GAAAM,EAAA;AAAA,QACA,CAAA,aAAAN,EAAA,WAAA,GAAA,CAAAO,EAAA;AAAA,QACA,CAAA,aAAAP,EAAA,UAAA,GAAAM,EAAA;AAAA,MACA;AAAA,IACA;AAYA,WAAA;AAAA;AAAA,MAAA,wBAAAc;AAAA,MAEA,wBAAAC;AAAA;AAAA,MACA,gBAAAR;AAAA,MAGA,oBAAAM;AAAA,MACA,eAAAT;AAAA,MACA,gBAAAM;AAAA;AAAA,MACA,eAlBA,CAAAM,MAAA;AACA,QAAAhB,EAAA,YAGAgB,EAAA,eAAA,GACAA,EAAA,gBAAA,KAHAd,EAAA,SAAAc,CAAA;AAAA,MAIA;AAAA,MAeA,SAAAC,EAAAhB,CAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as te, computed as M, ref as p, watch as C, nextTick as me, toRef as U, reactive as ve } from "vue";
|
|
2
2
|
import { r as y, t as _, g as le, e as ee, d as _e, f as ge } from "./index.f55fdc32.js";
|
|
3
|
-
import { t as E, B as ye, a as he, f as ie } from "./index.
|
|
4
|
-
import { B as Te, a as Ee } from "./button.
|
|
5
|
-
import { B as Ne, a as be, b as Se } from "./index.
|
|
3
|
+
import { t as E, B as ye, a as he, f as ie } from "./index.73d50fa6.js";
|
|
4
|
+
import { B as Te, a as Ee } from "./button.d0c9527d.js";
|
|
5
|
+
import { B as Ne, a as be, b as Se } from "./index.56858f4e.js";
|
|
6
6
|
import { u as Me } from "./i18n.155748d6.js";
|
|
7
7
|
import { g as Oe } from "./unique-id.a2a2b458.js";
|
|
8
8
|
import { C as ke, a as Ie } from "./chevron-right.3b826337.js";
|
|
@@ -798,4 +798,4 @@ export {
|
|
|
798
798
|
O as a,
|
|
799
799
|
L as b
|
|
800
800
|
};
|
|
801
|
-
//# sourceMappingURL=calendar.
|
|
801
|
+
//# sourceMappingURL=calendar.0ae43a96.js.map
|