@adyen/bento-vue2 1.4.0 → 1.4.1-1
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 +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/index3.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/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index4.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/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/chunks/{base-modal.a365f260.js → base-modal.cb6d1b81.js} +2 -2
- package/dist/chunks/{base-modal.a365f260.js.map → base-modal.cb6d1b81.js.map} +1 -1
- package/dist/chunks/{dropdown.fd93f0ce.js → dropdown.e3ad27e8.js} +22 -22
- package/dist/chunks/{dropdown.fd93f0ce.js.map → dropdown.e3ad27e8.js.map} +1 -1
- package/dist/chunks/{index.c85a1ab9.js → index.0907e5a3.js} +2 -2
- package/dist/chunks/{index.c85a1ab9.js.map → index.0907e5a3.js.map} +1 -1
- package/dist/chunks/{index.88ff49c2.js → index.2ae9b773.js} +16 -16
- package/dist/chunks/{index.88ff49c2.js.map → index.2ae9b773.js.map} +1 -1
- package/dist/chunks/{index.bd734551.js → index.39fc9ddf.js} +2 -2
- package/dist/chunks/{index.bd734551.js.map → index.39fc9ddf.js.map} +1 -1
- package/dist/chunks/{index.c8f81673.js → index.993bdd27.js} +2 -2
- package/dist/chunks/{index.c8f81673.js.map → index.993bdd27.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.ec42431b.js → listbox-option-tag.e5822e10.js} +2 -2
- package/dist/chunks/{listbox-option-tag.ec42431b.js.map → listbox-option-tag.e5822e10.js.map} +1 -1
- package/dist/code-snippet.js +3 -3
- package/dist/country.js +1 -1
- package/dist/data-grid.js +177 -174
- package/dist/data-grid.js.map +1 -1
- package/dist/date-picker.js +16 -16
- package/dist/date-range-picker.js +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/empty-state.js +1 -1
- package/dist/filter-bar.js +6 -6
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +4 -4
- package/dist/info-icon.js +1 -1
- package/dist/input-field.js +2 -2
- package/dist/internal.js +1 -1
- package/dist/link.js +1 -1
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal.js +8 -5
- package/dist/modal.js.map +1 -1
- package/dist/pagination.js +2 -2
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/popper-container.js +2 -2
- package/dist/radio-group.js +1 -1
- package/dist/search-bar.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/sidepanel.js +2 -2
- package/dist/status.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/timeline.js +2 -2
- package/dist/toast.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
package/dist/assets/index28.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-link[data-v-7f345ea8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-link-color);text-decoration:var(--b-link-text-decoration)}.b-link[data-v-7f345ea8],.b-link[data-v-7f345ea8]:before,.b-link[data-v-7f345ea8]:after{box-sizing:border-box}.b-link *[data-v-7f345ea8],.b-link *[data-v-7f345ea8]:before,.b-link *[data-v-7f345ea8]:after{box-sizing:border-box}.b-link[data-v-7f345ea8] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-7f345ea8] ::-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-link[data-v-7f345ea8]:focus-visible{outline:none}.b-link[data-v-7f345ea8]:hover{color:var(--b-link-hover-color);text-decoration:var(--b-link-hover-text-decoration)}.b-link[data-v-7f345ea8]:active{color:var(--b-link-active-color)}.b-link[data-v-7f345ea8]: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);border-radius:var(--b-link-border-radius)}.b-link--quiet[data-v-7f345ea8]{color:var(--b-link-quiet-color);text-decoration:none}.b-link--quiet[data-v-7f345ea8]:hover{color:var(--b-link-quiet-hover-color);text-decoration:underline}.b-link--quiet[data-v-7f345ea8]:active{color:var(--b-link-quiet-active-color);text-decoration:underline}.b-link--quiet[data-v-7f345ea8]:focus-visible{text-decoration:underline}
|
package/dist/assets/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-checkbox-group[data-v-b9a3d0bb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-checkbox-group[data-v-b9a3d0bb],.b-checkbox-group[data-v-b9a3d0bb]:before,.b-checkbox-group[data-v-b9a3d0bb]:after{box-sizing:border-box}.b-checkbox-group *[data-v-b9a3d0bb],.b-checkbox-group *[data-v-b9a3d0bb]:before,.b-checkbox-group *[data-v-b9a3d0bb]:after{box-sizing:border-box}.b-checkbox-group[data-v-b9a3d0bb] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group[data-v-b9a3d0bb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group__checkboxes[data-v-b9a3d0bb]{display:flex;flex-direction:column;gap:var(--b-checkbox-group-checkboxes-vertical-gap)}.b-checkbox-group__checkboxes--horizontal[data-v-b9a3d0bb]{flex-flow:row wrap;gap:var(--b-checkbox-group-checkboxes-vertical-gap) var(--b-checkbox-group-checkboxes-horizontal-gap)}.b-checkbox-group__error-message[data-v-b9a3d0bb]{margin-top:var(--b-checkbox-group-error-message-margin-top)}
|
package/dist/assets/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-structured-list[data-v-94635ffe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;margin:0}.b-structured-list[data-v-94635ffe],.b-structured-list[data-v-94635ffe]:before,.b-structured-list[data-v-94635ffe]:after{box-sizing:border-box}.b-structured-list *[data-v-94635ffe],.b-structured-list *[data-v-94635ffe]:before,.b-structured-list *[data-v-94635ffe]:after{box-sizing:border-box}.b-structured-list[data-v-94635ffe] ::-webkit-scrollbar{height:14px;width:14px}.b-structured-list[data-v-94635ffe] ::-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-structured-list-item[data-v-b8ef6948]{margin-bottom:var(--b-structured-list-item-margin-bottom)}.b-structured-list-item__label[data-v-b8ef6948]{color:var(--b-structured-list-item-label-color);column-gap:var(--b-structured-list-item-label-gap);display:flex;padding:var(--b-structured-list-item-label-padding-mobile)}.b-structured-list-item__label .b-structured-list-item__icon[data-v-b8ef6948]{color:var(--b-structured-list-item-label-icon-color)}.b-structured-list-item__value[data-v-b8ef6948]{align-items:flex-start;color:var(--b-structured-list-item-item-value-color);column-gap:var(--b-structured-list-item-item-value-gap);display:flex;margin:0;padding:var(--b-structured-list-item-item-value-mobile-padding)}.b-structured-list-item__icon[data-v-b8ef6948]{margin:var(--b-structured-list-item-icon-margin)}@container (min-width: 430px){.b-structured-list-item[data-v-b8ef6948]:not(.b-structured-list-item--condensed){display:flex;margin-bottom:0;padding:var(--b-structured-list-item-padding)}.b-structured-list-item:not(.b-structured-list-item--condensed) .b-structured-list-item__label[data-v-b8ef6948]{color:var(--b-structured-list-item-label-color);flex:0 0 180px;padding:0;padding-right:var(--b-structured-list-item-label-padding)}.b-structured-list-item:not(.b-structured-list-item--condensed) .b-structured-list-item__value[data-v-b8ef6948]{align-items:flex-start;column-gap:var(--b-structured-list-item-item-value-gap);display:flex;padding:0}}.b-structured-list-item--condensed[data-v-b8ef6948]{margin-bottom:var(--b-structured-list-item-margin-bottom-condensed)}.b-structured-list-item--condensed .b-structured-list-item__label[data-v-b8ef6948],.b-structured-list-item--condensed .b-structured-list-item__value[data-v-b8ef6948]{padding:0}@container (min-width: 300px){.b-structured-list-item--condensed[data-v-b8ef6948]{display:flex;margin-bottom:0;padding:var(--b-structured-list-item-padding);padding:var(--b-structured-list-item-padding-condensed)}.b-structured-list-item--condensed .b-structured-list-item__label[data-v-b8ef6948]{color:var(--b-structured-list-item-label-color);flex:0 0 180px;padding:0;padding-right:var(--b-structured-list-item-label-padding)}.b-structured-list-item--condensed .b-structured-list-item__value[data-v-b8ef6948]{align-items:flex-start;column-gap:var(--b-structured-list-item-item-value-gap);display:flex;padding:0}.b-structured-list-item--condensed .b-structured-list-item__label[data-v-b8ef6948]{flex:0 0 130px}}
|
package/dist/assets/index32.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-summary-grid[data-v-0992c95d]{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)}.b-summary-grid[data-v-0992c95d],.b-summary-grid[data-v-0992c95d]:before,.b-summary-grid[data-v-0992c95d]:after{box-sizing:border-box}.b-summary-grid *[data-v-0992c95d],.b-summary-grid *[data-v-0992c95d]:before,.b-summary-grid *[data-v-0992c95d]:after{box-sizing:border-box}.b-summary-grid[data-v-0992c95d] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid[data-v-0992c95d] ::-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-83bd7705]{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-83bd7705],.b-summary-grid-item[data-v-83bd7705]:before,.b-summary-grid-item[data-v-83bd7705]:after{box-sizing:border-box}.b-summary-grid-item *[data-v-83bd7705],.b-summary-grid-item *[data-v-83bd7705]:before,.b-summary-grid-item *[data-v-83bd7705]:after{box-sizing:border-box}.b-summary-grid-item[data-v-83bd7705] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid-item[data-v-83bd7705] ::-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-83bd7705]{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-83bd7705]{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-83bd7705]:hover{cursor:pointer}.b-summary-grid-item__title-tooltip[data-v-83bd7705]{display:flex}.b-summary-grid-item__content--primary[data-v-83bd7705] .b-typography{font-weight:var(--b-summary-grid-item-content-label-font-weight);line-height:var(--b-summary-grid-item-content-label-line-height)}.b-summary-grid-item__content--secondary[data-v-83bd7705] .b-typography{line-height:var(--b-summary-grid-item-content-label-line-height)}.b-summary-grid-item__title[data-v-83bd7705]{align-items:center;display:flex;word-break:break-word}.b-summary-grid-item__title[data-v-83bd7705] .b-country__label,.b-summary-grid-item__title[data-v-83bd7705] .b-payment-method__label,.b-summary-grid-item__title[data-v-83bd7705] .b-status__label,.b-summary-grid-item__title[data-v-83bd7705] .b-date__label{font-weight:var(--b-summary-grid-item-content-label-font-weight)}.b-summary-grid-item__content-trend[data-v-83bd7705]{margin-left:var(--b-summary-grid-item-content-trend-margin-left)}.b-summary-grid-item-amount[data-v-13717f92]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-summary-grid-item-amount[data-v-13717f92],.b-summary-grid-item-amount[data-v-13717f92]:before,.b-summary-grid-item-amount[data-v-13717f92]:after{box-sizing:border-box}.b-summary-grid-item-amount *[data-v-13717f92],.b-summary-grid-item-amount *[data-v-13717f92]:before,.b-summary-grid-item-amount *[data-v-13717f92]:after{box-sizing:border-box}.b-summary-grid-item-amount[data-v-13717f92] ::-webkit-scrollbar{height:14px;width:14px}.b-summary-grid-item-amount[data-v-13717f92] ::-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-13717f92]{display:flex}.b-summary-grid-item-amount__secondary-label[data-v-13717f92]{padding-left:var(--b-summary-grid-item-amount-secondary-label-padding-left)}
|
package/dist/assets/index33.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-tag[data-v-28dca3d1]{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;height:24px;justify-content:center;padding:var(--b-tag-padding);width:fit-content}.b-tag[data-v-28dca3d1],.b-tag[data-v-28dca3d1]:before,.b-tag[data-v-28dca3d1]:after{box-sizing:border-box}.b-tag *[data-v-28dca3d1],.b-tag *[data-v-28dca3d1]:before,.b-tag *[data-v-28dca3d1]:after{box-sizing:border-box}.b-tag[data-v-28dca3d1] ::-webkit-scrollbar{height:14px;width:14px}.b-tag[data-v-28dca3d1] ::-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-28dca3d1]{background-color:var(--b-tag-default-background-color)}.b-tag--grey .b-tag__label[data-v-28dca3d1]{color:var(--b-tag-default-color)}.b-tag--blue[data-v-28dca3d1]{background-color:var(--b-tag-blue-background-color)}.b-tag--blue .b-tag__label[data-v-28dca3d1]{color:var(--b-tag-blue-color)}.b-tag--green[data-v-28dca3d1]{background-color:var(--b-tag-green-background-color)}.b-tag--green .b-tag__label[data-v-28dca3d1]{color:var(--b-tag-green-color)}.b-tag--orange[data-v-28dca3d1]{background-color:var(--b-tag-orange-background-color)}.b-tag--orange .b-tag__label[data-v-28dca3d1]{color:var(--b-tag-orange-color)}.b-tag--red[data-v-28dca3d1]{background-color:var(--b-tag-red-background-color)}.b-tag--red .b-tag__label[data-v-28dca3d1]{color:var(--b-tag-red-color)}.b-tag--white[data-v-28dca3d1]{background-color:var(--b-tag-white-background-color)}.b-tag--white .b-tag__label[data-v-28dca3d1]{color:var(--b-tag-white-color)}
|
package/dist/assets/index34.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-tabs[data-v-6340bec3]{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-6340bec3],.b-tabs[data-v-6340bec3]:before,.b-tabs[data-v-6340bec3]:after{box-sizing:border-box}.b-tabs *[data-v-6340bec3],.b-tabs *[data-v-6340bec3]:before,.b-tabs *[data-v-6340bec3]:after{box-sizing:border-box}.b-tabs[data-v-6340bec3] ::-webkit-scrollbar{height:14px;width:14px}.b-tabs[data-v-6340bec3] ::-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-6340bec3]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-tabs button[data-v-6340bec3]:focus-visible{outline:none}.b-tabs__tab-list[data-v-6340bec3]{border-bottom:var(--b-tabs-tab-list-border-bottom-width) solid var(--b-tabs-tab-list-border-bottom-color);display:flex;gap:var(--b-tabs-tab-list-gap);height:var(--b-tabs-tab-list-height)}.b-tabs__tab[data-v-6340bec3]{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:var(--b-tabs-tab-margin-bottom);padding:0}.b-tabs__tab--disabled[data-v-6340bec3]{cursor:not-allowed}@media (hover: hover){.b-tabs__tab:not(.b-tabs__tab--active):hover .b-tabs__tab-underline[data-v-6340bec3]{height:var(--b-tabs-tab-underline-height)}.b-legacy-theme .b-tabs__tab:not(.b-tabs__tab--active):hover .b-tabs__tab-underline[data-v-6340bec3]{background-color:var(--b-color-grey-30)}}.b-tabs__tab-title[data-v-6340bec3]{border-radius:var(--b-tabs-tab-title-border-radius);color:var(--b-tabs-tab-title-color)}.b-legacy-theme .b-tabs__tab-title[data-v-6340bec3]{font-size:var(--b-font-size-15);font-weight:var(--b-font-weight-400)}.b-tabs__tab:focus-visible .b-tabs__tab-title[data-v-6340bec3]{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--b-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}.b-tabs__tab--disabled .b-tabs__tab-title[data-v-6340bec3]{color:var(--b-tabs-tab-title-disabled-color);cursor:not-allowed}.b-tabs__tab-underline[data-v-6340bec3]{background-color:var(--b-tabs-tab-underline-color);border-radius:var(--b-tabs-tab-underline-border-radius);display:block;width:100%}.b-tabs__tab--active .b-tabs__tab-underline[data-v-6340bec3]{height:var(--b-tabs-tab-underline-height-active)}
|
package/dist/assets/index35.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-timeline[data-v-b9725e78]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;all:unset}.b-timeline[data-v-b9725e78],.b-timeline[data-v-b9725e78]:before,.b-timeline[data-v-b9725e78]:after{box-sizing:border-box}.b-timeline *[data-v-b9725e78],.b-timeline *[data-v-b9725e78]:before,.b-timeline *[data-v-b9725e78]:after{box-sizing:border-box}.b-timeline[data-v-b9725e78] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-b9725e78] ::-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)}svg[data-v-f702de38]{display:inline-flex;flex-shrink:0}svg[data-v-f702de38],svg *[data-v-f702de38]{fill:currentcolor}.b-timeline-item[data-v-3fb349f6]{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-3fb349f6],.b-timeline-item[data-v-3fb349f6]:before,.b-timeline-item[data-v-3fb349f6]:after{box-sizing:border-box}.b-timeline-item *[data-v-3fb349f6],.b-timeline-item *[data-v-3fb349f6]:before,.b-timeline-item *[data-v-3fb349f6]:after{box-sizing:border-box}.b-timeline-item[data-v-3fb349f6] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline-item[data-v-3fb349f6] ::-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-3fb349f6]{display:flex;gap:var(--b-timeline-item-row-gap)}.b-timeline-item__marker[data-v-3fb349f6]{display:flex;flex-flow:column;max-width:16px;width:100%}.b-timeline-item__separator[data-v-3fb349f6]{flex-grow:1;position:relative}.b-timeline-item__separator[data-v-3fb349f6]: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-3fb349f6]{margin:var(--b-timeline-item-icon-margin)}.b-timeline-item__icon--default[data-v-3fb349f6]{color:var(--b-timeline-item-icon-default-color);margin:var(--b-timeline-item-icon-default-margin)}.b-timeline-item__icon--success[data-v-3fb349f6]{color:var(--b-timeline-item-icon-success-color)}.b-timeline-item__icon--critical[data-v-3fb349f6]{color:var(--b-timeline-item-icon-critical-color)}.b-timeline-item__icon--timegap[data-v-3fb349f6]{border-bottom:var(--b-timeline-item-icon-timegap-border);border-top:var(--b-timeline-item-icon-timegap-border);margin-left:auto;margin-right:auto;padding-bottom:var(--b-timeline-item-icon-timegap-padding-bottom);width:9px}.b-timeline-item__content[data-v-3fb349f6]{flex-grow:1;padding-bottom:var(--b-timeline-item-content-padding-bottom)}.b-timeline-item__title[data-v-3fb349f6]{color:var(--b-timeline-item-title-color);margin-bottom:var(--b-timeline-item-title-margin-bottom);padding-top:var(--b-timeline-item-title-padding-top)}.b-timeline-item__title--default[data-v-3fb349f6]{padding-top:0}.b-timeline-item__timestamp[data-v-3fb349f6]{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__description[data-v-3fb349f6]{color:var(--b-timeline-item-description-color);margin-top:var(--b-timeline-item-description-margin-top)}.b-timeline-item__data-list[data-v-3fb349f6]{margin-top:var(--b-timeline-item-data-list-margin-top)}.b-timeline-item__tag[data-v-3fb349f6]{margin-top:var(--b-timeline-item-tag-margin-top)}.b-timeline-item__timegap[data-v-3fb349f6]{color:var(--b-timeline-item-timegap-color)}.b-timeline-item:last-of-type .b-timeline-item__row:last-of-type .b-timeline-item__content[data-v-3fb349f6]{padding-bottom:0}
|
package/dist/assets/index36.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-toast-item[data-v-2eefbdd1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-toast-item-background-color);border-radius:var(--b-toast-item-border-radius);box-shadow:0 0 0 var(--b-toast-item-border-width) var(--b-toast-item-border-color),var(--b-toast-item-shadow);color:var(--b-toast-item-color);display:flex;justify-content:space-between;padding:var(--b-toast-item-padding);width:100%}.b-toast-item[data-v-2eefbdd1],.b-toast-item[data-v-2eefbdd1]:before,.b-toast-item[data-v-2eefbdd1]:after{box-sizing:border-box}.b-toast-item *[data-v-2eefbdd1],.b-toast-item *[data-v-2eefbdd1]:before,.b-toast-item *[data-v-2eefbdd1]:after{box-sizing:border-box}.b-toast-item[data-v-2eefbdd1] ::-webkit-scrollbar{height:14px;width:14px}.b-toast-item[data-v-2eefbdd1] ::-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-toast-item__container[data-v-2eefbdd1]{align-items:center;display:flex}.b-toast-item__info-icon[data-v-2eefbdd1]{color:var(--b-toast-item-icon-color)}.b-legacy-theme .b-toast-item__info-icon[data-v-2eefbdd1]{display:none}.b-toast-item__left-icon[data-v-2eefbdd1]{margin-right:var(--b-toast-item-icon-margin)}.b-toast-item__right-icon[data-v-2eefbdd1]{margin-left:var(--b-toast-item-icon-margin)}.b-legacy-theme .b-toast-item__right-icon[data-v-2eefbdd1]{color:var(--b-toast-item-icon-color)}.b-toast[data-v-680af2e2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:68px;display:flex;height:20px;position:fixed;right:16px;width:calc(100% - 32px);z-index:var(--b-toast-item-z-index)}.b-toast[data-v-680af2e2],.b-toast[data-v-680af2e2]:before,.b-toast[data-v-680af2e2]:after{box-sizing:border-box}.b-toast *[data-v-680af2e2],.b-toast *[data-v-680af2e2]:before,.b-toast *[data-v-680af2e2]:after{box-sizing:border-box}.b-toast[data-v-680af2e2] ::-webkit-scrollbar{height:14px;width:14px}.b-toast[data-v-680af2e2] ::-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-toast[data-v-680af2e2]{width:420px}}.b-legacy-theme .b-toast--light-background[data-v-680af2e2]{background-color:var(--b-toast-item-queued-background-color)}.b-toast__container[data-v-680af2e2]{display:flex;height:fit-content;justify-content:center;list-style:none;margin:0;padding:0;position:relative;width:100%}.b-toast__container--move[data-v-680af2e2],.b-toast__container--enter-active[data-v-680af2e2],.b-toast__container--leave-active[data-v-680af2e2]{transition:all .15s ease}.b-toast__container--enter-from[data-v-680af2e2],.b-toast__container--leave-to[data-v-680af2e2]{opacity:0}.b-toast__container--leave-active[data-v-680af2e2],.b-toast__item[data-v-680af2e2]{position:absolute}
|
package/dist/assets/index38.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
@charset "UTF-8";.b-input-field[data-v-083d84cc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-083d84cc],.b-input-field[data-v-083d84cc]:before,.b-input-field[data-v-083d84cc]:after{box-sizing:border-box}.b-input-field *[data-v-083d84cc],.b-input-field *[data-v-083d84cc]:before,.b-input-field *[data-v-083d84cc]:after{box-sizing:border-box}.b-input-field[data-v-083d84cc] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-083d84cc] ::-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-input-field--condensed .b-input-field__input-box[data-v-083d84cc]{height:28px;padding:var(--b-input-field-input-box-condensed-padding)}.b-input-field--condensed .b-input-field__default-icon-before[data-v-083d84cc]{margin-right:var(--b-input-field-icon-before-condensed-margin-right)}.b-input-field--condensed .b-input-field__icon-after[data-v-083d84cc]{margin-left:var(--b-input-field-icon-after-condensed-margin-left)}.b-input-field--condensed .b-input-field__static-value[data-v-083d84cc],.b-input-field--condensed[data-v-083d84cc] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-083d84cc] .b-dropdown-small-textbox__textbox{padding:var(--b-input-field-dropdown-small-textbox-condensed-padding)}.b-input-field--condensed[data-v-083d84cc] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled *[data-v-083d84cc]{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-083d84cc]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__input-box[data-v-083d84cc]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__default-icon-before[data-v-083d84cc],.b-input-field--disabled .b-input-field__icon-after[data-v-083d84cc]{color:var(--b-input-field-icons-color)}.b-input-field--disabled .b-input-field__static-value[data-v-083d84cc]{background-color:var(--b-input-field-static-value-disabled-background-color);color:var(--b-input-field-static-value-disabled-color)}.b-input-field--disabled .b-input-field__payment-method[data-v-083d84cc]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-083d84cc],.b-input-field--readonly .b-input-field__input-box *[data-v-083d84cc]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__input-box[data-v-083d84cc]:hover,.b-input-field--readonly .b-input-field__input-box *[data-v-083d84cc]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--readonly .b-input-field__static-value[data-v-083d84cc]{background-color:var(--b-input-field-static-value-disabled-background-color)}.b-input-field--error .b-input-field__input-box[data-v-083d84cc]{border:var(--b-input-field-input-box-error-border)}.b-input-field__label[data-v-083d84cc]{color:var(--b-input-field-label-color);margin-bottom:var(--b-input-field-label-margin-bottom)}.b-input-field__label-requirement[data-v-083d84cc]{color:var(--b-input-field-label-requirement-color)}.b-input-field__input-box[data-v-083d84cc]{align-items:center;background-color:var(--b-input-field-input-box-background-color);border:1px var(--b-input-field-input-box-border-color) solid;border-radius:var(--b-input-field-input-box-border-radius);display:flex;flex-direction:row;height:var(--b-input-field-input-box-height);outline:none;padding:var(--b-input-field-input-box-padding)}.b-input-field__input-box[data-v-083d84cc]:hover{border-color:var(--b-input-field-input-box-hover-border-color)}.b-input-field__input-box[data-v-083d84cc]:focus-within{border-color:var(--b-input-field-input-box-focus-border-color);border-width:var(--b-input-field-input-box-focus-border-width)}.b-input-field--small-padding-left .b-input-field__input-box[data-v-083d84cc]{padding:var(--b-input-field-input-box-small-padding-left)}.b-input-field--small-padding-right .b-input-field__input-box[data-v-083d84cc]{padding:var(--b-input-field-input-box-small-padding-right)}.b-input-field__static-value[data-v-083d84cc]{align-items:center;background-color:var(--b-input-field-static-value-background-color);border-radius:var(--b-input-field-static-value-border-radius);color:var(--b-input-field-static-value-color);display:flex;height:28px;padding:var(--b-input-field-static-value-padding)}.b-input-field__static-value--start[data-v-083d84cc]{margin-left:-8px;margin-right:var(--b-input-field-static-value-margin)}.b-input-field__static-value--end[data-v-083d84cc]{margin-left:var(--b-input-field-static-value-margin);margin-right:-8px}.b-input-field__payment-method[data-v-083d84cc]{height:16px;margin-right:var(--b-input-field-payment-method-margin-right)}.b-input-field__dropdown[data-v-083d84cc] .b-dropdown-small-textbox{border-radius:var(--b-input-field-dropdown-border-radius)}.b-input-field__dropdown--start[data-v-083d84cc]{padding-right:var(--b-input-field-dropdown-padding-right)}.b-input-field__dropdown--end[data-v-083d84cc]{padding-left:var(--b-input-field-dropdown-padding-right)}.b-input-field__input[data-v-083d84cc]{border:0;color:var(--b-input-field-input-color);flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;padding:var(--b-input-field-input-padding);width:100%}.b-input-field__input[type=search][data-v-083d84cc]::-ms-clear,.b-input-field__input[type=search][data-v-083d84cc]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-083d84cc]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-083d84cc]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-083d84cc]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-083d84cc]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-083d84cc]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-083d84cc]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-083d84cc]::placeholder{color:var(--b-input-field-input-placeholder-color);opacity:1}.b-input-field__input[data-v-083d84cc]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-083d84cc]:disabled{color:var(--b-input-field-input-disabled-color)}.b-input-field__input[data-v-083d84cc]:disabled::placeholder{background-color:var(--b-input-field-input-disabled-background-color)}.b-input-field__input[type=number][data-v-083d84cc]{-moz-appearance:textfield}.b-input-field__description[data-v-083d84cc]{color:var(--b-input-field-description-color);display:block;margin-top:var(--b-input-field-description-margin-top)}.b-input-field__error-message[data-v-083d84cc]{margin-bottom:-4px;margin-top:var(--b-input-field-error-message-margin-top)}.b-input-field__default-icon-before[data-v-083d84cc]{display:flex;margin-right:var(--b-input-field-icon-before-margin-right)}.b-input-field__icon-after[data-v-083d84cc]{display:flex;margin-left:var(--b-input-field-icon-after-margin-left)}
|
package/dist/assets/index39.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
svg[data-v-20ae506d]{display:inline-flex;flex-shrink:0}svg[data-v-20ae506d],svg *[data-v-20ae506d]{fill:currentcolor}.b-info-icon[data-v-557f2984]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;height:16px;outline:none;width:16px}.b-info-icon[data-v-557f2984],.b-info-icon[data-v-557f2984]:before,.b-info-icon[data-v-557f2984]:after{box-sizing:border-box}.b-info-icon *[data-v-557f2984],.b-info-icon *[data-v-557f2984]:before,.b-info-icon *[data-v-557f2984]:after{box-sizing:border-box}.b-info-icon[data-v-557f2984] ::-webkit-scrollbar{height:14px;width:14px}.b-info-icon[data-v-557f2984] ::-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-info-icon[data-v-557f2984]:focus-visible{box-shadow:0 0 0 1px var(--adl-color-neutral-0),0 0 0 3px var(--adl-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);border-radius:50%}.b-info-icon__svg[data-v-557f2984]{pointer-events:none}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svg[data-v-
|
|
1
|
+
svg[data-v-012ee7f3]{display:inline-flex;flex-shrink:0}svg[data-v-012ee7f3],svg *[data-v-012ee7f3]{fill:currentcolor}.b-code-snippet[data-v-837f5e08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-code-snippet[data-v-837f5e08],.b-code-snippet[data-v-837f5e08]:before,.b-code-snippet[data-v-837f5e08]:after{box-sizing:border-box}.b-code-snippet *[data-v-837f5e08],.b-code-snippet *[data-v-837f5e08]:before,.b-code-snippet *[data-v-837f5e08]:after{box-sizing:border-box}.b-code-snippet[data-v-837f5e08] ::-webkit-scrollbar{height:14px;width:14px}.b-code-snippet[data-v-837f5e08] ::-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-code-snippet__action-bar[data-v-837f5e08]{background-color:var(--b-code-snippet-action-bar-background-color);border:var(--b-code-snippet-action-bar-border);border-radius:var(--b-code-snippet-action-bar-border-radius);display:flex;justify-content:space-between;padding:var(--b-code-snippet-action-bar-padding)}.b-code-snippet__action-bar--start[data-v-837f5e08],.b-code-snippet__action-bar--end[data-v-837f5e08]{align-items:center;display:flex;gap:var(--b-code-snippet-action-bar-gap)}.b-code-snippet__language-picker[data-v-837f5e08]{background-color:var(--b-code-snippet-language-picker-background-color)}.b-code-snippet__run-button[data-v-837f5e08]{padding:var(--b-code-snippet-run-button-padding)}.b-code-snippet__code-area[data-v-837f5e08]{background-color:var(--b-code-snippet-code-area-background-color);border-radius:var(--b-code-snippet-code-area-border-radius);display:block;height:100%;margin:var(--b-code-snippet-code-area-margin)}.b-code-snippet__modal[data-v-837f5e08] .b-modal-base__container--large{width:80%}.b-code-snippet__code-area-content[data-v-837f5e08]{background-color:inherit;display:flex;flex-direction:row}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-scroller{font-family:var(--b-code-snippet-code-area-content-font-family)}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-editor{flex-grow:1;width:0}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-scroller,.b-code-snippet__code-area-content[data-v-837f5e08] .cm-content{caret-color:transparent;cursor:default}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-editor,.b-code-snippet__code-area-content[data-v-837f5e08] .cm-gutters{background-color:var(--b-code-snippet-code-area-background-color)}.b-legacy-theme .b-code-snippet__code-area-content[data-v-837f5e08] .cm-editor,.b-legacy-theme .b-code-snippet__code-area-content[data-v-837f5e08] .cm-gutters{background-color:#f3f6f9}.b-code-snippet__code-area-content--editable[data-v-837f5e08] .cm-content{caret-color:auto;cursor:text}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-editor .cm-gutters{border:unset}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-content{padding:var(--b-code-snippet-code-area-content-padding);padding-left:var(--b-code-snippet-code-area-content-padding-left)}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-gutters{padding-left:var(--b-code-snippet-code-area-gutters-padding-left)}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-gutterElement{background-color:var(--b-code-snippet-code-area-background-color)}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-editor.cm-focused{outline:none}.b-code-snippet__code-area-content[data-v-837f5e08] .cm-activeLine{background-color:transparent}.b-code-snippet--inline .b-code-snippet__code-area-content[data-v-837f5e08] .cm-content{padding:var(--b-code-snippet-inline-code-area-content-padding)}
|
package/dist/assets/index41.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.b-status[data-v-4eb7001b]{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-4eb7001b],.b-status[data-v-4eb7001b]:before,.b-status[data-v-4eb7001b]:after{box-sizing:border-box}.b-status *[data-v-4eb7001b],.b-status *[data-v-4eb7001b]:before,.b-status *[data-v-4eb7001b]:after{box-sizing:border-box}.b-status[data-v-4eb7001b] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-4eb7001b] ::-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-4eb7001b]{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-4eb7001b]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-4eb7001b]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-4eb7001b]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-4eb7001b]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-4eb7001b]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-4eb7001b]{background:var(--b-status-indicator-yellow-background-color)}
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-country[data-v-913fc3b9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-country[data-v-913fc3b9],.b-country[data-v-913fc3b9]:before,.b-country[data-v-913fc3b9]:after{box-sizing:border-box}.b-country *[data-v-913fc3b9],.b-country *[data-v-913fc3b9]:before,.b-country *[data-v-913fc3b9]:after{box-sizing:border-box}.b-country[data-v-913fc3b9] ::-webkit-scrollbar{height:14px;width:14px}.b-country[data-v-913fc3b9] ::-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-country__label[data-v-913fc3b9]{color:var(--b-country-label-color)}
|
package/dist/assets/index6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-date-picker[data-v-6ac76f3e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-date-picker[data-v-6ac76f3e],.b-date-picker[data-v-6ac76f3e]:before,.b-date-picker[data-v-6ac76f3e]:after{box-sizing:border-box}.b-date-picker *[data-v-6ac76f3e],.b-date-picker *[data-v-6ac76f3e]:before,.b-date-picker *[data-v-6ac76f3e]:after{box-sizing:border-box}.b-date-picker[data-v-6ac76f3e] ::-webkit-scrollbar{height:14px;width:14px}.b-date-picker[data-v-6ac76f3e] ::-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-picker[data-v-6ac76f3e] .b-dropdown-default-textbox--opened{border-radius:6px}.b-legacy-theme .b-date-picker__container[data-v-6ac76f3e]{border:var(--b-date-picker-container-border);box-shadow:var(--b-date-picker-container-box-shadow);width:var(--b-date-picker-container-width)}.b-date-picker__description[data-v-6ac76f3e]{color:var(--b-date-picker-description-color);margin-top:var(--b-date-picker-description-margin-top)}.b-date-picker__description--error[data-v-6ac76f3e]{margin-top:var(--b-date-picker-description-error-margin-top)}.b-date-picker__error-message[data-v-6ac76f3e]{margin-top:var(--b-date-picker-error-message-margin-top)}.b-date-picker__error-message[data-v-6ac76f3e]:not(:first-of-type){margin-top:var(--b-date-picker-description-error-margin-top)}.b-date-picker__label[data-v-6ac76f3e]{margin-bottom:var(--b-date-picker-label-margin-bottom)}.b-date-picker__label-requirement[data-v-6ac76f3e]{color:var(--b-date-picker-label-requirement-color)}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-cd8dfa4c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-cd8dfa4c],.b-accordion-item[data-v-cd8dfa4c]:before,.b-accordion-item[data-v-cd8dfa4c]:after{box-sizing:border-box}.b-accordion-item *[data-v-cd8dfa4c],.b-accordion-item *[data-v-cd8dfa4c]:before,.b-accordion-item *[data-v-cd8dfa4c]:after{box-sizing:border-box}.b-accordion-item[data-v-cd8dfa4c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-cd8dfa4c] ::-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)}@keyframes fade-out-cd8dfa4c{0%{opacity:1}to{opacity:0}}@keyframes fade-in-cd8dfa4c{0%{opacity:0}to{opacity:1}}@keyframes slide-in-top-cd8dfa4c{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes slide-out-top-cd8dfa4c{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.b-accordion-item button[data-v-cd8dfa4c]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-cd8dfa4c]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-cd8dfa4c]{font-size:var(--b-font-size-regular);line-height:1.4}.b-accordion-item[data-v-cd8dfa4c]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-cd8dfa4c]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-cd8dfa4c]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-cd8dfa4c]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-cd8dfa4c]: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}.b-accordion-item__container[data-v-cd8dfa4c]{overflow:hidden;transition:max-height .15s ease}.b-accordion-item__content[data-v-cd8dfa4c]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-cd8dfa4c]{animation:fade-in-cd8dfa4c .15s,slide-in-top-cd8dfa4c .15s}.b-accordion-item__animation--content-leave-active[data-v-cd8dfa4c]{animation:fade-out-cd8dfa4c .15s,slide-out-top-cd8dfa4c .15s}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
svg[data-v-1b1bf797]{display:inline-flex;flex-shrink:0}svg[data-v-1b1bf797],svg *[data-v-1b1bf797]{fill:currentcolor}.b-alert[data-v-cc29b5e1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex}.b-alert[data-v-cc29b5e1],.b-alert[data-v-cc29b5e1]:before,.b-alert[data-v-cc29b5e1]:after{box-sizing:border-box}.b-alert *[data-v-cc29b5e1],.b-alert *[data-v-cc29b5e1]:before,.b-alert *[data-v-cc29b5e1]:after{box-sizing:border-box}.b-alert[data-v-cc29b5e1] ::-webkit-scrollbar{height:14px;width:14px}.b-alert[data-v-cc29b5e1] ::-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-alert__title[data-v-cc29b5e1]{line-height:16px}.b-alert__inner-container[data-v-cc29b5e1]{align-items:flex-start;border-radius:var(--b-alert-border-radius);display:flex;gap:var(--b-alert-gap-mobile);padding:var(--b-alert-padding-mobile);width:100%}@container (min-width: 460px){.b-alert__inner-container[data-v-cc29b5e1]{gap:var(--b-alert-gap);padding:var(--b-alert-padding)}}.b-alert__icon[data-v-cc29b5e1]{align-items:center;display:flex;height:var(--b-alert-icon-height)}.b-alert--tip .b-alert__icon[data-v-cc29b5e1]{height:var(--b-alert-tip-icon-height)}.b-alert--tip.b-alert__inner-container[data-v-cc29b5e1]{gap:var(--b-alert-tip-gap);padding:var(--b-alert-tip-padding)}.b-alert__content[data-v-cc29b5e1]{width:100%}.b-alert__title[data-v-cc29b5e1]{flex-grow:1}.b-alert__description[data-v-cc29b5e1]:not(:first-child){margin-top:var(--b-alert-description-margin-top)}.b-alert__actions[data-v-cc29b5e1]{display:flex;gap:var(--b-alert-actions-gap);margin-top:var(--b-alert-actions-margin-top)}.b-alert--success[data-v-cc29b5e1]{background-color:var(--b-alert-success-background-color)}.b-alert--success .b-alert__icon[data-v-cc29b5e1]{color:var(--b-alert-success-icon-color)}.b-alert--success .b-alert__title[data-v-cc29b5e1],.b-alert--success .b-alert__description[data-v-cc29b5e1],.b-alert--success .b-alert__close-button[data-v-cc29b5e1]{color:var(--b-alert-success-color)}.b-alert--highlight[data-v-cc29b5e1]{background-color:var(--b-alert-highlight-background-color)}.b-alert--highlight .b-alert__icon[data-v-cc29b5e1]{color:var(--b-alert-highlight-icon-color)}.b-alert--highlight .b-alert__title[data-v-cc29b5e1],.b-alert--highlight .b-alert__description[data-v-cc29b5e1],.b-alert--highlight .b-alert__close-button[data-v-cc29b5e1]{color:var(--b-alert-highlight-color)}.b-alert--warning[data-v-cc29b5e1]{background-color:var(--b-alert-warning-background-color)}.b-alert--warning .b-alert__icon[data-v-cc29b5e1]{color:var(--b-alert-warning-icon-color)}.b-alert--warning .b-alert__title[data-v-cc29b5e1],.b-alert--warning .b-alert__description[data-v-cc29b5e1],.b-alert--warning .b-alert__close-button[data-v-cc29b5e1]{color:var(--b-alert-warning-color)}.b-alert--critical[data-v-cc29b5e1]{background-color:var(--b-alert-critical-background-color)}.b-alert--critical .b-alert__icon[data-v-cc29b5e1]{color:var(--b-alert-critical-icon-color)}.b-alert--critical .b-alert__title[data-v-cc29b5e1],.b-alert--critical .b-alert__description[data-v-cc29b5e1],.b-alert--critical .b-alert__close-button[data-v-cc29b5e1]{color:var(--b-alert-critical-color)}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-
|
|
1
|
+
.b-avatar-image[data-v-46be3f6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;height:var(--b-avatar-image-height);line-height:100%;overflow:hidden;width:var(--b-avatar-image-width)}.b-avatar-image[data-v-46be3f6e],.b-avatar-image[data-v-46be3f6e]:before,.b-avatar-image[data-v-46be3f6e]:after{box-sizing:border-box}.b-avatar-image *[data-v-46be3f6e],.b-avatar-image *[data-v-46be3f6e]:before,.b-avatar-image *[data-v-46be3f6e]:after{box-sizing:border-box}.b-avatar-image[data-v-46be3f6e] ::-webkit-scrollbar{height:14px;width:14px}.b-avatar-image[data-v-46be3f6e] ::-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-avatar-image--small[data-v-46be3f6e]{height:var(--b-avatar-image-small-height);width:var(--b-avatar-image-small-width)}.b-avatar-image--yellow[data-v-46be3f6e]{background-color:var(--b-avatar-image-yellow-background-color);color:var(--b-avatar-image-yellow-color)}.b-avatar-image--blue[data-v-46be3f6e]{background-color:var(--b-avatar-image-blue-background-color);color:var(--b-avatar-image-blue-color)}.b-avatar-image--green[data-v-46be3f6e]{background-color:var(--b-avatar-image-green-background-color);color:var(--b-avatar-image-green-color)}.b-avatar-image--red[data-v-46be3f6e]{background-color:var(--b-avatar-image-red-background-color);color:var(--b-avatar-image-red-color)}.b-avatar-image__image[data-v-46be3f6e]{height:100%;object-fit:cover;width:100%}.b-avatar-image__default[data-v-46be3f6e]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
|
package/dist/avatar-image.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -4,7 +4,7 @@ import { defineComponent as u, computed as o } from "vue";
|
|
|
4
4
|
import { B as p } from "./chunks/loading-button.429c8416.js";
|
|
5
5
|
import { a as k } from "./chunks/loading-button.429c8416.js";
|
|
6
6
|
import { n as f } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
7
|
-
import "./assets/
|
|
7
|
+
import "./assets/index20.css";
|
|
8
8
|
var c = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(c || {}), l = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(l || {});
|
|
9
9
|
const i = { ...c, ...l }, v = u({
|
|
10
10
|
name: "bento-button-actions",
|
package/dist/card.js
CHANGED
|
@@ -6,7 +6,7 @@ import { g as I } from "./chunks/unique-id.a2a2b458.js";
|
|
|
6
6
|
import { u as O } from "./chunks/i18n.155748d6.js";
|
|
7
7
|
import { BentoButtonActions as U, BentoButtonActionsLayout as b } from "./button.js";
|
|
8
8
|
import { n as D } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
9
|
-
import "./assets/
|
|
9
|
+
import "./assets/index2.css";
|
|
10
10
|
var r = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(r || {}), l = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(l || {});
|
|
11
11
|
const H = {
|
|
12
12
|
"en-US": {
|
package/dist/checkbox.js
CHANGED
|
@@ -7,7 +7,7 @@ import { u as x } from "./chunks/use-form-layout-loading.d03e5d48.js";
|
|
|
7
7
|
import { C as v } from "./chunks/controls-group.5d3e04dd.js";
|
|
8
8
|
import { E } from "./chunks/error-message.3b3c33d4.js";
|
|
9
9
|
import { n as k } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
|
|
10
|
-
import "./assets/
|
|
10
|
+
import "./assets/index3.css";
|
|
11
11
|
var s = /* @__PURE__ */ ((r) => (r.HORIZONTAL = "horizontal", r.VERTICAL = "vertical", r))(s || {});
|
|
12
12
|
const C = h({
|
|
13
13
|
name: "bento-checkbox-group",
|
|
@@ -2,7 +2,7 @@ import { defineComponent as B, useAttrs as G, ref as M, computed as l, watch as
|
|
|
2
2
|
import { B as D } from "./index.45295dd3.js";
|
|
3
3
|
import { a as I } from "./button.fb307df3.js";
|
|
4
4
|
import { BentoDivider as R } from "../divider.js";
|
|
5
|
-
import { B as P } from "./index.
|
|
5
|
+
import { B as P } from "./index.0907e5a3.js";
|
|
6
6
|
import { u as T } from "./use-has-slot.6052d56a.js";
|
|
7
7
|
import { u as w } from "./i18n.155748d6.js";
|
|
8
8
|
import { C as F } from "./cross.a2cadac5.js";
|
|
@@ -204,4 +204,4 @@ export {
|
|
|
204
204
|
f as e,
|
|
205
205
|
lt as f
|
|
206
206
|
};
|
|
207
|
-
//# sourceMappingURL=base-modal.
|
|
207
|
+
//# sourceMappingURL=base-modal.cb6d1b81.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-modal.a365f260.js","sources":["../../src/components/modal/modal.types.ts","../../src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n DEFAULT = 'BentoModalDefault',\n DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n SMALLER = 'smaller',\n EQUAL = 'equal',\n BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n DIALOG = 'dialog',\n ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n CONFIRMATION = 'confirmation',\n DESTRUCTIVE = 'destructive',\n INFO = 'info',\n ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n CLOSE_MODAL = 'close-modal',\n}\n","<template>\n <div class=\"b-modal-base\">\n <dialog\n ref=\"modal\"\n :role=\"modalRole\"\n :aria-label=\"computedAriaLabel\"\n class=\"b-modal-base__container\"\n :class=\"modalConditionalClasses\"\n :open=\"initiallyOpen\"\n @click=\"isDismissible && closeModalOnClickOutside($event)\"\n @keydown.esc=\"emitCloseEvent\"\n >\n <bento-focus-trap>\n <div class=\"b-modal-base__wrapper\">\n <div\n v-if=\"hasSlot('default') || !hideCloseButton\"\n class=\"b-modal-base__header-container\"\n :style=\"customPaddingStyles.header\"\n >\n <div class=\"b-modal-base__header\">\n <bento-typography\n class=\"b-modal-base__title\"\n aria-label=\"base modal title\"\n el=\"span\"\n variant=\"title\"\n stronger\n >\n <slot v-if=\"hasSlot('default')\" />\n </bento-typography>\n <bento-button\n v-if=\"!hideCloseButton\"\n class=\"b-modal-base__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-icon svg-title=\"close\" />\n </bento-button>\n </div>\n\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n </div>\n\n <div\n class=\"b-modal-base__content\"\n :class=\"modalContentConditionalClasses\"\n :style=\"customPaddingStyles.content\"\n >\n <bento-typography\n v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n aria-label=\"base modal content\"\n el=\"div\"\n variant=\"body\"\n stronger\n >\n <grid-layout\n v-if=\"hasColumnLayout\"\n :column-width=\"computedColumnWidth\"\n :container-type=\"GridLayoutContainerType.NORMAL\"\n class=\"b-modal-base__grid\"\n >\n <template #col-1><slot name=\"content-col-1\"></slot></template>\n <template #col-2><slot name=\"content-col-2\"></slot></template>\n </grid-layout>\n <slot v-else name=\"content\" />\n </bento-typography>\n </div>\n\n <div\n v-if=\"hasSlot('actions')\"\n class=\"b-modal-base__actions-container\"\n :style=\"customPaddingStyles.actions\"\n >\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n\n <div aria-label=\"modal actions\" class=\"b-modal-base__actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </bento-focus-trap>\n </dialog>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, onMounted, PropType, ref, useAttrs, watch } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n BentoModalEvent,\n BentoModalRole,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n\n import { BentoTypography } from '@/components/typography';\n import { BentoButton, BentoButtonActionsList } from '@/components/button';\n import { BentoDivider } from '@/components/divider';\n import { BentoFocusTrap } from '@/components/focus-trap';\n import { GridLayout, GridLayoutContainerType } from '@/internal';\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n export default defineComponent({\n i18n: { messages },\n name: 'base-modal',\n components: { CrossIcon, BentoTypography, BentoButton, BentoDivider, BentoFocusTrap, GridLayout },\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 * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\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`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',2\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\n },\n\n /**\n * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n */\n columnsSize: {\n type: String as PropType<BentoModalColumnLayoutVariant>,\n default: BentoModalColumnLayoutVariant.SMALLER,\n },\n\n /**\n * If provided, manages the padding of the whole modal container\n */\n customPadding: { type: String, default: null },\n\n /**\n * Hides a cross icon on the right side of the title\n */\n hideCloseButton: { type: Boolean, required: true },\n\n /**\n * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n */\n initiallyOpen: { type: Boolean, default: false },\n\n /**\n * If set to true, it allows the modal to be closed by clicking outside of it\n */\n isDismissible: { type: Boolean, required: true },\n\n /**\n * Controls the modal's state from the outside. Set it to true to open the modal\n */\n isOpen: { type: Boolean, required: true },\n\n /**\n * Defines whether the modal will be an alert modal\n */\n modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n /**\n * Allows the inner elments to overflow the dialog\n */\n overflowVisible: { type: Boolean, default: false },\n\n /**\n * Sets the width of the modal\n */\n size: {\n type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n default: BentoModalSize.SMALL,\n },\n\n /**\n * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n */\n withColumnLayout: { type: Boolean, default: false },\n },\n emits: [BentoModalEvent.CLOSE_MODAL],\n setup(props, { slots, emit }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const attrs = useAttrs();\n const hasSlot = useHasSlot(slots);\n const modal = ref(null);\n\n const customPaddingStyles = computed(() => {\n if (!props.customPadding) {\n return {};\n }\n\n const xPadding = {\n paddingLeft: props.customPadding,\n paddingRight: props.customPadding,\n };\n\n const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n if (!hasSlot('default')) {\n content.paddingTop = props.customPadding;\n }\n\n if (!hasSlot('actions')) {\n content.paddingBottom = props.customPadding;\n }\n\n return {\n header: { ...xPadding, paddingTop: props.customPadding },\n content,\n actions: { ...xPadding, paddingBottom: props.customPadding },\n };\n });\n\n const computedAriaLabel = computed(\n () => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string)\n );\n const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n const openModal = (): void => {\n modal.value.showModal();\n };\n\n const emitCloseEvent = (): void => {\n emit(BentoModalEvent.CLOSE_MODAL);\n };\n\n const closeModal = (): void => {\n modal.value.close();\n emitCloseEvent();\n };\n\n const onCloseButtonClick = () => {\n closeModal();\n };\n\n /**\n * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n * If the click doesn't happen in the dialog box itself, the modal closes\n */\n const closeModalOnClickOutside = ({ target }: Event): void => {\n if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n closeModal();\n }\n };\n\n const modalConditionalClasses = computed(() => ({\n [`b-modal-base__container--${props.size}`]: props.size,\n 'b-modal-base__container--visible': props.isOpen,\n 'b-modal-base__container--overflow-visible': props.overflowVisible,\n 'b-modal-base__container--column-layout': hasColumnLayout.value,\n }));\n\n const modalContentConditionalClasses = computed(() => ({\n 'b-modal-base__content--column-layout': hasColumnLayout.value,\n 'b-modal-base__content--with-header': hasSlot('default'),\n 'b-modal-base__content--with-actions': hasSlot('actions'),\n }));\n\n const computedColumnWidth = computed(() => {\n if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n return [{ small: 4, medium: 4, large: 4 }];\n }\n if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n return [{ small: 8, medium: 8, large: 8 }];\n }\n return [{ small: 6, medium: 6, large: 6 }];\n });\n\n watch(\n () => [props.isOpen, modal.value],\n ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n if (!newModalValue) {\n return;\n }\n\n const isFirstMutation = !oldModalValue;\n if (newIsOpen) {\n openModal();\n } else if (!isFirstMutation) {\n closeModal();\n }\n }\n );\n\n // If the first button is a loading button then close the modal have 0.5 seconds\n // if the state is changed to 'success'.\n watch(\n () => props.actions,\n () => {\n if (props.actions?.[0]?.state === 'success') {\n setTimeout(closeModal, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n }\n },\n { deep: true }\n );\n\n onMounted(() => {\n if (props.isOpen && modal.value) {\n openModal();\n }\n });\n\n return {\n // Refs\n modal,\n computedAriaLabel,\n\n // Handling the state\n openModal,\n closeModalOnClickOutside,\n\n // Methods\n onCloseButtonClick,\n hasSlot,\n emitCloseEvent,\n t,\n\n // Styles\n modalConditionalClasses,\n modalContentConditionalClasses,\n customPaddingStyles,\n hasColumnLayout,\n computedColumnWidth,\n\n // Enums\n GridLayoutContainerType,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","_sfc_main","defineComponent","messages","CrossIcon","BentoTypography","BentoButton","BentoDivider","BentoFocusTrap","GridLayout","props","slots","emit","t","useI18n","attrs","useAttrs","hasSlot","useHasSlot","modal","ref","customPaddingStyles","computed","xPadding","content","computedAriaLabel","hasColumnLayout","openModal","emitCloseEvent","closeModal","onCloseButtonClick","closeModalOnClickOutside","target","modalConditionalClasses","modalContentConditionalClasses","computedColumnWidth","watch","newIsOpen","newModalValue","oldModalValue","_b","_a","onMounted","GridLayoutContainerType"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"base-modal.cb6d1b81.js","sources":["../../src/components/modal/modal.types.ts","../../src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n DEFAULT = 'BentoModalDefault',\n DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n SMALLER = 'smaller',\n EQUAL = 'equal',\n BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n DIALOG = 'dialog',\n ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n CONFIRMATION = 'confirmation',\n DESTRUCTIVE = 'destructive',\n INFO = 'info',\n ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n CLOSE_MODAL = 'close-modal',\n}\n","<template>\n <div class=\"b-modal-base\">\n <dialog\n ref=\"modal\"\n :role=\"modalRole\"\n :aria-label=\"computedAriaLabel\"\n class=\"b-modal-base__container\"\n :class=\"modalConditionalClasses\"\n :open=\"initiallyOpen\"\n @click=\"isDismissible && closeModalOnClickOutside($event)\"\n @keydown.esc=\"emitCloseEvent\"\n >\n <bento-focus-trap>\n <div class=\"b-modal-base__wrapper\">\n <div\n v-if=\"hasSlot('default') || !hideCloseButton\"\n class=\"b-modal-base__header-container\"\n :style=\"customPaddingStyles.header\"\n >\n <div class=\"b-modal-base__header\">\n <bento-typography\n class=\"b-modal-base__title\"\n aria-label=\"base modal title\"\n el=\"span\"\n variant=\"title\"\n stronger\n >\n <slot v-if=\"hasSlot('default')\" />\n </bento-typography>\n <bento-button\n v-if=\"!hideCloseButton\"\n class=\"b-modal-base__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-icon svg-title=\"close\" />\n </bento-button>\n </div>\n\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n </div>\n\n <div\n class=\"b-modal-base__content\"\n :class=\"modalContentConditionalClasses\"\n :style=\"customPaddingStyles.content\"\n >\n <bento-typography\n v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n aria-label=\"base modal content\"\n el=\"div\"\n variant=\"body\"\n stronger\n >\n <grid-layout\n v-if=\"hasColumnLayout\"\n :column-width=\"computedColumnWidth\"\n :container-type=\"GridLayoutContainerType.NORMAL\"\n class=\"b-modal-base__grid\"\n >\n <template #col-1><slot name=\"content-col-1\"></slot></template>\n <template #col-2><slot name=\"content-col-2\"></slot></template>\n </grid-layout>\n <slot v-else name=\"content\" />\n </bento-typography>\n </div>\n\n <div\n v-if=\"hasSlot('actions')\"\n class=\"b-modal-base__actions-container\"\n :style=\"customPaddingStyles.actions\"\n >\n <bento-divider v-if=\"hasColumnLayout\" class=\"b-modal-base__divider\" />\n\n <div aria-label=\"modal actions\" class=\"b-modal-base__actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </bento-focus-trap>\n </dialog>\n </div>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, onMounted, PropType, ref, useAttrs, watch } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n BentoModalEvent,\n BentoModalRole,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n\n import { BentoTypography } from '@/components/typography';\n import { BentoButton, BentoButtonActionsList } from '@/components/button';\n import { BentoDivider } from '@/components/divider';\n import { BentoFocusTrap } from '@/components/focus-trap';\n import { GridLayout, GridLayoutContainerType } from '@/internal';\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n export default defineComponent({\n i18n: { messages },\n name: 'base-modal',\n components: { CrossIcon, BentoTypography, BentoButton, BentoDivider, BentoFocusTrap, GridLayout },\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 * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\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`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',2\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\n },\n\n /**\n * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n */\n columnsSize: {\n type: String as PropType<BentoModalColumnLayoutVariant>,\n default: BentoModalColumnLayoutVariant.SMALLER,\n },\n\n /**\n * If provided, manages the padding of the whole modal container\n */\n customPadding: { type: String, default: null },\n\n /**\n * Hides a cross icon on the right side of the title\n */\n hideCloseButton: { type: Boolean, required: true },\n\n /**\n * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n */\n initiallyOpen: { type: Boolean, default: false },\n\n /**\n * If set to true, it allows the modal to be closed by clicking outside of it\n */\n isDismissible: { type: Boolean, required: true },\n\n /**\n * Controls the modal's state from the outside. Set it to true to open the modal\n */\n isOpen: { type: Boolean, required: true },\n\n /**\n * Defines whether the modal will be an alert modal\n */\n modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n /**\n * Allows the inner elments to overflow the dialog\n */\n overflowVisible: { type: Boolean, default: false },\n\n /**\n * Sets the width of the modal\n */\n size: {\n type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n default: BentoModalSize.SMALL,\n },\n\n /**\n * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n */\n withColumnLayout: { type: Boolean, default: false },\n },\n emits: [BentoModalEvent.CLOSE_MODAL],\n setup(props, { slots, emit }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const attrs = useAttrs();\n const hasSlot = useHasSlot(slots);\n const modal = ref(null);\n\n const customPaddingStyles = computed(() => {\n if (!props.customPadding) {\n return {};\n }\n\n const xPadding = {\n paddingLeft: props.customPadding,\n paddingRight: props.customPadding,\n };\n\n const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n if (!hasSlot('default')) {\n content.paddingTop = props.customPadding;\n }\n\n if (!hasSlot('actions')) {\n content.paddingBottom = props.customPadding;\n }\n\n return {\n header: { ...xPadding, paddingTop: props.customPadding },\n content,\n actions: { ...xPadding, paddingBottom: props.customPadding },\n };\n });\n\n const computedAriaLabel = computed(\n () => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string)\n );\n const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n const openModal = (): void => {\n modal.value.showModal();\n };\n\n const emitCloseEvent = (): void => {\n emit(BentoModalEvent.CLOSE_MODAL);\n };\n\n const closeModal = (): void => {\n modal.value.close();\n emitCloseEvent();\n };\n\n const onCloseButtonClick = () => {\n closeModal();\n };\n\n /**\n * Since the dialog HTML element doesn't automatically close when clicking outside, a check on when the user is clicking is needed.\n * If the click doesn't happen in the dialog box itself, the modal closes\n */\n const closeModalOnClickOutside = ({ target }: Event): void => {\n if (target && (target as HTMLElement).tagName === BentoModalRole.DIALOG.toUpperCase()) {\n closeModal();\n }\n };\n\n const modalConditionalClasses = computed(() => ({\n [`b-modal-base__container--${props.size}`]: props.size,\n 'b-modal-base__container--visible': props.isOpen,\n 'b-modal-base__container--overflow-visible': props.overflowVisible,\n 'b-modal-base__container--column-layout': hasColumnLayout.value,\n }));\n\n const modalContentConditionalClasses = computed(() => ({\n 'b-modal-base__content--column-layout': hasColumnLayout.value,\n 'b-modal-base__content--with-header': hasSlot('default'),\n 'b-modal-base__content--with-actions': hasSlot('actions'),\n }));\n\n const computedColumnWidth = computed(() => {\n if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n return [{ small: 4, medium: 4, large: 4 }];\n }\n if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n return [{ small: 8, medium: 8, large: 8 }];\n }\n return [{ small: 6, medium: 6, large: 6 }];\n });\n\n watch(\n () => [props.isOpen, modal.value],\n ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n if (!newModalValue) {\n return;\n }\n\n const isFirstMutation = !oldModalValue;\n if (newIsOpen) {\n openModal();\n } else if (!isFirstMutation) {\n closeModal();\n }\n }\n );\n\n // If the first button is a loading button then close the modal have 0.5 seconds\n // if the state is changed to 'success'.\n watch(\n () => props.actions,\n () => {\n if (props.actions?.[0]?.state === 'success') {\n setTimeout(closeModal, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n }\n },\n { deep: true }\n );\n\n onMounted(() => {\n if (props.isOpen && modal.value) {\n openModal();\n }\n });\n\n return {\n // Refs\n modal,\n computedAriaLabel,\n\n // Handling the state\n openModal,\n closeModalOnClickOutside,\n\n // Methods\n onCloseButtonClick,\n hasSlot,\n emitCloseEvent,\n t,\n\n // Styles\n modalConditionalClasses,\n modalContentConditionalClasses,\n customPaddingStyles,\n hasColumnLayout,\n computedColumnWidth,\n\n // Enums\n GridLayoutContainerType,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","_sfc_main","defineComponent","messages","CrossIcon","BentoTypography","BentoButton","BentoDivider","BentoFocusTrap","GridLayout","props","slots","emit","t","useI18n","attrs","useAttrs","hasSlot","useHasSlot","modal","ref","customPaddingStyles","computed","xPadding","content","computedAriaLabel","hasColumnLayout","openModal","emitCloseEvent","closeModal","onCloseButtonClick","closeModalOnClickOutside","target","modalConditionalClasses","modalContentConditionalClasses","computedColumnWidth","watch","newIsOpen","newModalValue","oldModalValue","_b","_a","onMounted","GridLayoutContainerType"],"mappings":"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"}
|