@adyen/bento-vue3 1.40.0 → 1.42.0

package/dist/styles/styleguide.css

@@ -103,6 +103,7 @@
   --b-link-text-decoration: underline;
   --b-input-field-input-box-focus-border-width: 1.5px;
   --b-input-field-input-box-height: 36px;
+  --b-input-field-password-validation-title-font-weight: 700;
   --b-header-actions-margin-top-desktop: 0;
   --b-filter-button-label-line-height: 20px;
   --b-filter-bar-select-filter-button-divider-border-width: 0;
@@ -460,7 +461,7 @@
   --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
   --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
   --b-tutorial-popover-color: var(--b-color-label-secondary);
-  --b-tooltip-z-index: 5;
+  --b-tooltip-z-index: var(--b-z-index-global-elevated);
   --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
   --b-tooltip-color: var(--b-color-label-inverse-primary);
   --b-tooltip-border-radius: var(--b-border-radius-s);
@@ -542,7 +543,7 @@
   --b-toast-item-shadow: var(--b-shadow-medium-border);
   --b-toast-item-icon-margin: var(--b-spacer-070);
   --b-toast-item-icon-color: var(--b-color-label-highlight);
-  --b-toast-item-z-index: 15;
+  --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
   --b-toast-item-spacing: var(--b-spacer-070);
   --b-toast-item-button-color: var(--b-color-label-inverse-primary);
   --b-toast-item-color: var(--b-color-label-inverse-primary);
@@ -644,7 +645,7 @@
   --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
   --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
   --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
-  --b-summary-grid-item-content-label-font-weight: 600;
+  --b-summary-grid-item-content-label-font-weight: var(--b-text-body-strongest-font-weight);
   --b-summary-grid-item-title-icons-margin-left: var(--b-spacer-060);
   --b-summary-grid-item-title-icons-height: var(--b-text-body-line-height);
   --b-summary-grid-item-title-icons-gap: var(--b-spacer-060);
@@ -716,7 +717,7 @@
   --b-sidepanel-page-header-background-color: var(--b-color-background-modal);
   --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
   --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
-  --b-sidepanel-close-button-z-index: 1;
+  --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
   --b-sidepanel-close-button-right: var(--b-spacer-090);
   --b-sidepanel-border-radius: var(--b-border-radius-l);
   --b-sidepanel-background-color: var(--b-color-background-modal);
@@ -840,7 +841,16 @@
   --b-radio-button-space-around-increase: var(--b-spacer-020);
   --b-radio-button-border-radius: var(--b-border-radius-l);
   --b-radio-button-offset-top: var(--b-spacer-010);
-  --b-popper-z-index: 5;
+  --b-promo-banner-content-actions-gap: var(--b-spacer-040);
+  --b-promo-banner-content-header-gap: var(--b-spacer-060);
+  --b-promo-banner-content-padding: var(--b-spacer-100);
+  --b-promo-banner-content-gap: var(--b-spacer-100);
+  --b-promo-banner-background-color-grey: var(--b-color-background-secondary);
+  --b-promo-banner-background-color-green: var(--b-color-background-success-weak);
+  --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
+  --b-promo-banner-color: var(--b-color-label-primary);
+  --b-promo-banner-border-radius: var(--b-border-radius-xl);
+  --b-popper-z-index: var(--b-z-index-global-elevated);
   --b-popover-animation-duration: var(--b-animation-duration-moderate);
   --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
   --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
@@ -858,7 +868,7 @@
   --b-popover-dismiss-button-on-image-icon-active-color: var(--b-color-label-inverse-primary);
   --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
   --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
-  --b-popover-z-index: 5;
+  --b-popover-z-index: var(--b-z-index-global-elevated);
   --b-popover-color: var(--b-color-label-primary);
   --b-popover-box-shadow: var(--b-shadow-medium-border);
   --b-popover-border-radius: var(--b-border-radius-m);
@@ -876,11 +886,11 @@
   --b-pagination-color: var(--b-color-label-primary);
   --b-modal-animation-duration: var(--b-animation-duration-moderate);
   --b-modal-backdrop-background-color: var(--b-color-support-overlay);
-  --b-modal-close-button-z-index: 1;
+  --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
   --b-modal-close-button-right: var(--b-spacer-090);
   --b-modal-close-button-height: var(--b-text-title-line-height);
   --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
-  --b-modal-header-container-z-index: 1;
+  --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
   --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
   --b-modal-header-min-height: var(--b-text-title-line-height);
   --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
@@ -892,7 +902,7 @@
   --b-modal-padding: var(--b-spacer-000);
   --b-modal-border-radius: var(--b-border-radius-l);
   --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
-  --b-modal-fullscreen-close-button-z-index: 1;
+  --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
   --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
   --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
   --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
@@ -1033,6 +1043,11 @@
   --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
   --b-link-color: var(--b-color-link-primary);
   --b-link-border-radius: var(--b-border-radius-xs);
+  --b-layout-row-column-wrapper-l-and-up-column-gap: var(--b-spacer-090);
+  --b-layout-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
+  --b-layout-l-and-up-column-gap: var(--b-spacer-090);
+  --b-layout-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-080);
+  --b-layout-padding: var(--b-spacer-070);
   --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
   --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
   --b-inspector-animation-duration: var(--b-animation-duration-slow);
@@ -1042,7 +1057,7 @@
   --b-inspector-header-color: var(--b-color-label-primary);
   --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
   --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
-  --b-inspector-container-wrapper-z-index: 5;
+  --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
   --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
   --b-input-field-error-message-margin-top: var(--b-spacer-040);
   --b-input-field-description-padding: var(--b-spacer-000);
@@ -1113,6 +1128,11 @@
   --b-input-field-label-requirement-color: var(--b-color-label-secondary);
   --b-input-field-label-margin-bottom: var(--b-spacer-040);
   --b-input-field-label-color: var(--b-color-label-primary);
+  --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
+  --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
+  --b-input-field-password-validation-list-margin: var(--b-spacer-060);
+  --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
+  --b-input-field-password-validation-list-gap: var(--b-spacer-060);
   --b-info-icon-color: var(--b-color-label-primary);
   --b-header-component-title-margin-top: var(--b-spacer-020);
   --b-header-actions-margin-top: var(--b-spacer-070);
@@ -1208,34 +1228,89 @@
   --b-filter-bar-actions-gap: var(--b-spacer-040);
   --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
   --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
-  --b-filter-bar-z-index: 5;
+  --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --b-filter-bar-button-secondary-label-color: var(--b-color-label-secondary);
+  --color: {color.label.primary};
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
-  --b-filter-bar-button-hover-color: var(--b-color-label-primary-hover);
+  --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
   --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
+  --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
+  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
+  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
   --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
+  --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
   --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-disabled);
   --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
   --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
-  --b-filter-bar-button-counter-color: var(--b-color-label-secondary);
+  --b-filter-bar-button-counter-color: var(--b-color-label-primary);
   --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
   --b-filter-bar-button-counter-background-color: var(--b-color-background-tertiary);
   --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
   --b-filter-bar-button-container-gap: var(--b-spacer-040);
   --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
-  --b-filter-bar-button-with-chevron-container-padding-right: var(--b-spacer-040);
+  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
   --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
   --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
-  --b-filter-bar-button-chevron-padding-right: var(--b-spacer-060);
+  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
+  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
   --b-filter-bar-button-color: var(--b-color-label-primary);
   --b-filter-bar-button-border-radius: var(--b-border-radius-m);
   --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
   --b-filter-bar-button-background-color: var(--b-color-background-primary);
+  --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
+  --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
+  --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
+  --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
+  --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
+  --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
+  --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
+  --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
+  --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
+  --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
+  --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
+  --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
+  --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
+  --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
+  --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
+  --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-file-uploader-file-card-gap: var(--b-spacer-040);
+  --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
+  --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
+  --b-file-uploader-title-margin-top: var(--b-spacer-060);
+  --b-file-uploader-files-gap: var(--b-spacer-040);
+  --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
+  --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
+  --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
+  --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
+  --b-file-uploader-icon-width: var(--b-spacer-100);
+  --b-file-uploader-icon-padding: var(--b-spacer-040);
+  --b-file-uploader-icon-height: var(--b-spacer-100);
+  --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
+  --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
+  --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
+  --b-file-uploader-description-margin-top: var(--b-spacer-020);
+  --b-file-uploader-description-color: var(--b-color-label-secondary);
+  --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
+  --b-file-uploader-button-margin-top: var(--b-spacer-060);
+  --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
+  --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
+  --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
+  --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
+  --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
+  --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
+  --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
+  --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
+  --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
+  --b-file-uploader-area-border-radius: var(--b-border-radius-m);
+  --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
+  --b-file-uploader-area-background-color: var(--b-color-background-primary);
+  --b-file-uploader-alert-margin-top: var(--b-spacer-040);
+  --b-file-uploader-gap: var(--b-spacer-040);
   --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
   --b-field-label-requirement-color: var(--b-color-label-secondary);
   --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
@@ -1308,7 +1383,7 @@
   --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
   --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
   --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
-  --b-dialog-page-back-button-z-index: 1;
+  --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
   --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
   --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
   --b-dialog-page-border-radius: var(--b-border-radius-l);
@@ -1335,8 +1410,10 @@
   --b-date-picker-description-error-margin-top: var(--b-spacer-020);
   --b-date-picker-description-margin-top: var(--b-spacer-040);
   --b-date-picker-description-color: var(--b-color-label-secondary);
+  --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-horizontal-scrollbar-background-color: var(--b-color-background-primary);
   --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
-  --b-data-grid-re-order-column-target-separator-z-index: 1;
+  --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
   --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
   --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
   --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
@@ -1359,12 +1436,12 @@
   --b-data-grid-config-settings-button-padding: 0 0 0 var(--b-spacer-020);
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
-  --b-data-grid-config-settings-z-index: 4;
+  --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
-  --b-data-grid-filters-focus-within-z-index: 3;
-  --b-data-grid-filters-z-index: 2;
+  --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
+  --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
   --b-data-grid-filters-padding: var(--b-spacer-060) 0;
   --b-data-grid-filters-border-width: var(--b-border-width-s);
@@ -1374,13 +1451,13 @@
   --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
-  --b-data-grid-pagination-z-index: 2;
+  --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-pagination-background-color: var(--b-color-background-primary);
   --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-data-grid-lazy-load-z-index: 2;
+  --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-lazy-load-background-color: var(--b-color-background-primary);
-  --b-data-grid-footer-z-index: 2;
+  --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
   --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
@@ -1403,8 +1480,8 @@
   --b-data-grid-row-border-width: var(--b-border-width-s);
   --b-data-grid-row-border-color: var(--b-color-separator-primary);
   --b-data-grid-row-background-color: var(--b-color-background-primary);
-  --b-data-grid-rows-frozen-hover-z-index: 2;
-  --b-data-grid-rows-frozen-z-index: 1;
+  --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
+  --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
   --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
   --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
@@ -1412,7 +1489,7 @@
   --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
   --b-data-grid-column-header-gap: var(--b-spacer-040);
   --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
-  --b-data-grid-column-separator-z-index: 1;
+  --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
   --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
   --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
   --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
@@ -1430,14 +1507,14 @@
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
-  --b-data-grid-columns-frozen-z-index: 2;
+  --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
   --b-data-grid-columns-border-width: var(--b-border-width-s);
   --b-data-grid-columns-border-color: var(--b-color-separator-primary);
-  --b-data-grid-column-headers-focus-within-z-index: 3;
+  --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-column-headers-background-color: var(--b-color-background-primary);
-  --b-data-grid-column-headers-z-index: 2;
+  --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
   --b-data-grid-border-width: var(--b-border-width-s);
   --b-data-grid-border-radius: var(--b-border-radius-m);
@@ -1452,7 +1529,7 @@
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
-  --b-data-grid-template-header-z-index: 3;
+  --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);
   --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
@@ -1469,7 +1546,7 @@
   --b-dashboard-section-content-gap: var(--b-spacer-100);
   --b-dashboard-section-gap: var(--b-spacer-060);
   --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
-  --b-dashboard-template-sticky-items-z-index: 1;
+  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
   --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
   --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);
@@ -1835,7 +1912,7 @@
   --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
   --b-action-bar-container-color: var(--b-color-label-inverse-primary);
   --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
-  --b-action-bar-z-index: 5;
+  --b-action-bar-z-index: var(--b-z-index-global-elevated);
   --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
   --b-action-bar-bottom: var(--b-spacer-070);
   --b-accordion-item-animation-easing: var(--b-animation-easing-standard);

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.DF9waESp.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.FxBnzHzb.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.wfnhGWVG.js";
+import { B as t, a as e } from "./chunks/tag.xvqrfTwk.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.DlPNxnUQ.js";
+import { B as o } from "./chunks/textarea.vAp6HFi9.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.CEolKFn0.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.ND_EMuwP.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.Bz6QyDuV.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.LBw_ALfS.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.40.0",
+  "version": "1.42.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.40.0",
+  "version": "1.42.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -35,7 +35,7 @@
     "focus-lock": "0.11.0",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.40.0"
+    "@adyen/bento-design-tokens": "1.42.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -81,7 +81,7 @@
     "@types/node": "22.10.0",
     "@vitejs/plugin-react": "4.3.1",
     "@vitejs/plugin-vue": "5.1.4",
-    "@vitest/coverage-v8": "2.1.4",
+    "@vitest/coverage-v8": "2.1.9",
     "@vue/compat": "3.2.47",
     "@vue/compiler-dom": "3.2.47",
     "@vue/runtime-core": "3.2.47",
@@ -96,17 +96,16 @@
     "react-dom": "18.3.1",
     "sass": "1.54.6",
     "sass-loader": "12.6.0",
-    "svg-url-loader": "6.0.0",
     "ts-patch": "3.3.0",
-    "vite": "5.4.9",
+    "vite": "5.4.16",
     "vite-plugin-css-injected-by-js": "2.4.0",
     "vite-plugin-dynamic-import": "1.5.0",
     "vite-plugin-static-copy": "0.15.0",
-    "vitest": "2.1.4",
+    "vitest": "2.1.9",
     "vue": "3.5.13",
     "vue-docgen-web-types": "0.1.8",
     "vue-i18n": "9.14.3",
-    "vue-i18n-bridge": "9.4.1",
+    "vue-i18n-bridge": "9.14.3",
     "vue-router": "~4.1",
     "vue-style-loader": "4.1.3",
     "vue-tsc": "1.0.24",

package/dist/@types/packages/vue2/src/components/image/image.types.d.ts

@@ -1,19 +0,0 @@
-export declare enum BentoImageAspectRatio {
-    LANDSCAPE = "landscape",
-    P4_3 = "4:3",
-    P3_3 = "3:3",
-    P16_9 = "16:9",
-    P2_1 = "2:1",
-    PORTRAIT = "portrait",
-    P3_4 = "3:4",
-    P2_3 = "2:3",
-    P9_16 = "9:16",
-    P1_2 = "1:2",
-    SQUARE = "square",
-    P1_1 = "1:1"
-}
-export declare enum BentoImageObjectFit {
-    COVER = "cover",
-    FILL = "fill",
-    CONTAIN = "contain"
-}

package/dist/chunks/currency.BGrGBnhm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"currency.BGrGBnhm.js","sources":["../../../vue2/src/utils/ts/currency/countries-list.ts","../../../vue2/src/utils/ts/currency/currency.ts","../../../vue2/src/components/currency/currency.types.ts","../../../vue2/src/components/currency/currency.vue"],"sourcesContent":["/**\n * Contains mapping configuration between currency code and exponent for amount in the corresponding currency.\n * Since the majority of the currencies have an exponent equal to 2, they are not listed here.\n * https://docs.adyen.com/development-resources/currency-codes\n * @type {Array}\n * @internal\n */\nexport const currencyExponentMap = [\n    {\n        exponent: 0,\n        currencies: [\n            'CVE',\n            'DJF',\n            'GNF',\n            'IDR',\n            'JPY',\n            'KMF',\n            'KRW',\n            'PYG',\n            'RWF',\n            'UGX',\n            'VND',\n            'VUV',\n            'XAF',\n            'XOF',\n            'XPF',\n        ],\n    },\n    {\n        exponent: 1,\n        currencies: ['MRO'],\n    },\n    {\n        exponent: 3,\n        currencies: ['BHD', 'IQD', 'JOD', 'KWD', 'LYD', 'OMR', 'TND'],\n    },\n];\n","import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './currency.types';\nimport { currencyExponentMap } from './countries-list';\n\n/**\n * Returns exponent for specified currency code.\n */\nexport const getExponent = (currencyCode: string): number =>\n    currencyExponentMap.find(obj => obj.currencies.includes(currencyCode))?.exponent ?? 2;\n\n/**\n * Converts passed amount from regular to minor units, based on currency exponent\n */\nexport const getMinorUnitsAmount = (amount: CurrencyAmount): number => {\n    const exponent = getExponent(amount.currency);\n    const value = Number(amount.value);\n\n    return Math.round(value * 10 ** exponent);\n};\n\n/**\n * Returns normalized amount value from minor units as decimal point number (when exponent is more than zero).\n */\nexport const getNormalizedAmount = (amount: CurrencyAmount, exponent: number) =>\n    // Amount is in minor units and have to be converted to number with fraction digits\n    // return (amount.value * 100) / 10 ** exp;\n    amount.value / 10 ** exponent;\n\n/**\n * /**\n * Prepares amount to be rendered by Intl.NumberFormat function.\n * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n *\n * It enables language-sensitive number formatting.\n * Adds currency symbol and ISO code based on provided options\n * The result of execution - is a configuration object that is used in 'getLocalizedCurrencyValue' function\n *\n * @param amount - the value and currency to format.\n * @param options - the formatting options that are passed to the Intl.NumberFormat function.\n * @param majorUnits - if set to true, then currency major units will be used instead of minor ones\n */\nexport function getNumberFormatOptions(\n    amount: CurrencyAmount,\n    options: CurrencyOptions = {},\n    majorUnits = false\n): NumberFormatOptionsResult {\n    // Exponent is based on currency, if not specified explicitly.\n    const exp = options?.exponent ?? getExponent(amount.currency);\n    // Minor Units have to be retrieved from component passed amount\n    const minorAmount = majorUnits ? getMinorUnitsAmount(amount) : amount.value;\n    const amountInMinorUnits: CurrencyAmount = { ...amount, value: minorAmount };\n    // Amount is in minor units and have to be converted to number with fraction digits\n    const value = getNormalizedAmount(amountInMinorUnits, exp);\n    // This is the requirement for currency component - to remove currency symbol for negative values\n    const style = value < 0 ? 'decimal' : options?.style || 'currency';\n    // If optionalFractions is true, numbers will not contain fraction digits when they are zero (e.g. 100.00 will be 100)\n    const minimumFractionDigits = options?.optionalFractions ? 0 : exp;\n    // If highPrecision is true, numbers can contain 10 fraction digits (highest precision in Adyen is about 5)\n    const maximumFractionDigits = options?.highPrecision ? 10 : exp;\n\n    return {\n        value,\n        format: {\n            style,\n            currency: amount.currency,\n            currencyDisplay: 'symbol',\n            minimumFractionDigits,\n            maximumFractionDigits,\n        },\n    };\n}\n\n/**\n * Get a formatted and localised currency string given an amount and currency type.\n *\n * @param amountValue - the amount of the currency.\n * @param currency - the ISO 4217 currency code.\n * @param majorUnits - if set to true, then currency major units will be used instead of minor ones\n */\nexport const getLocalizedCurrencyValue = (amountValue: string, currency: string, majorUnits?: boolean): string => {\n    const amount: CurrencyAmount = { value: parseFloat(amountValue), currency };\n    const numberFormatOptions = getNumberFormatOptions(amount, { style: 'decimal' }, majorUnits);\n    // TODO replace hardcoded locale with dynamic one, when i18n strategy is defined\n    const formatter = new Intl.NumberFormat('en-US', numberFormatOptions.format as Intl.NumberFormatOptions);\n\n    return formatter.format(numberFormatOptions.value);\n};\n","export enum BentoCurrencyISOCode {\n    AFA = 'AFA',\n    ALL = 'ALL',\n    DZD = 'DZD',\n    AOA = 'AOA',\n    ARS = 'ARS',\n    AMD = 'AMD',\n    AWG = 'AWG',\n    AUD = 'AUD',\n    AZN = 'AZN',\n    BSD = 'BSD',\n    BHD = 'BHD',\n    BDT = 'BDT',\n    BBD = 'BBD',\n    BYR = 'BYR',\n    BEF = 'BEF',\n    BZD = 'BZD',\n    BMD = 'BMD',\n    BTN = 'BTN',\n    BTC = 'BTC',\n    BOB = 'BOB',\n    BAM = 'BAM',\n    BWP = 'BWP',\n    BRL = 'BRL',\n    GBP = 'GBP',\n    BND = 'BND',\n    BGN = 'BGN',\n    BIF = 'BIF',\n    KHR = 'KHR',\n    CAD = 'CAD',\n    CVE = 'CVE',\n    KYD = 'KYD',\n    XOF = 'XOF',\n    XAF = 'XAF',\n    XPF = 'XPF',\n    CLP = 'CLP',\n    CLF = 'CLF',\n    CNY = 'CNY',\n    COP = 'COP',\n    KMF = 'KMF',\n    CDF = 'CDF',\n    CRC = 'CRC',\n    HRK = 'HRK',\n    CUC = 'CUC',\n    CZK = 'CZK',\n    DKK = 'DKK',\n    DJF = 'DJF',\n    DOP = 'DOP',\n    XCD = 'XCD',\n    EGP = 'EGP',\n    ERN = 'ERN',\n    EEK = 'EEK',\n    ETB = 'ETB',\n    EUR = 'EUR',\n    FKP = 'FKP',\n    FJD = 'FJD',\n    GMD = 'GMD',\n    GEL = 'GEL',\n    DEM = 'DEM',\n    GHS = 'GHS',\n    GIP = 'GIP',\n    GRD = 'GRD',\n    GTQ = 'GTQ',\n    GNF = 'GNF',\n    GYD = 'GYD',\n    HTG = 'HTG',\n    HNL = 'HNL',\n    HKD = 'HKD',\n    HUF = 'HUF',\n    ISK = 'ISK',\n    INR = 'INR',\n    IDR = 'IDR',\n    IRR = 'IRR',\n    IQD = 'IQD',\n    ILS = 'ILS',\n    ITL = 'ITL',\n    JMD = 'JMD',\n    JPY = 'JPY',\n    JOD = 'JOD',\n    KZT = 'KZT',\n    KES = 'KES',\n    KWD = 'KWD',\n    KGS = 'KGS',\n    LAK = 'LAK',\n    LVL = 'LVL',\n    LBP = 'LBP',\n    LSL = 'LSL',\n    LRD = 'LRD',\n    LYD = 'LYD',\n    LTC = 'LTC',\n    LTL = 'LTL',\n    MOP = 'MOP',\n    MKD = 'MKD',\n    MGA = 'MGA',\n    MWK = 'MWK',\n    MYR = 'MYR',\n    MVR = 'MVR',\n    MRO = 'MRO',\n    MUR = 'MUR',\n    MXN = 'MXN',\n    MDL = 'MDL',\n    MNT = 'MNT',\n    MAD = 'MAD',\n    MZM = 'MZM',\n    MMK = 'MMK',\n    NAD = 'NAD',\n    NPR = 'NPR',\n    ANG = 'ANG',\n    TWD = 'TWD',\n    NZD = 'NZD',\n    NIO = 'NIO',\n    NGN = 'NGN',\n    KPW = 'KPW',\n    NOK = 'NOK',\n    OMR = 'OMR',\n    PKR = 'PKR',\n    PAB = 'PAB',\n    PGK = 'PGK',\n    PYG = 'PYG',\n    PEN = 'PEN',\n    PHP = 'PHP',\n    PLN = 'PLN',\n    QAR = 'QAR',\n    RON = 'RON',\n    RUB = 'RUB',\n    RWF = 'RWF',\n    SVC = 'SVC',\n    WST = 'WST',\n    STD = 'STD',\n    SAR = 'SAR',\n    RSD = 'RSD',\n    SCR = 'SCR',\n    SLL = 'SLL',\n    SGD = 'SGD',\n    SKK = 'SKK',\n    SBD = 'SBD',\n    SOS = 'SOS',\n    ZAR = 'ZAR',\n    KRW = 'KRW',\n    SSP = 'SSP',\n    XDR = 'XDR',\n    LKR = 'LKR',\n    SHP = 'SHP',\n    SDG = 'SDG',\n    SRD = 'SRD',\n    SZL = 'SZL',\n    SEK = 'SEK',\n    CHF = 'CHF',\n    SYP = 'SYP',\n    TJS = 'TJS',\n    TZS = 'TZS',\n    THB = 'THB',\n    TOP = 'TOP',\n    TTD = 'TTD',\n    TND = 'TND',\n    TRY = 'TRY',\n    TMT = 'TMT',\n    UGX = 'UGX',\n    UAH = 'UAH',\n    AED = 'AED',\n    UYU = 'UYU',\n    USD = 'USD',\n    UZS = 'UZS',\n    VUV = 'VUV',\n    VEF = 'VEF',\n    VND = 'VND',\n    YER = 'YER',\n    ZMK = 'ZMK',\n    ZWL = 'ZWL',\n}\n","<template>\n    <div class=\"b-currency\">\n        <bento-typography v-if=\"!disableTypography\" class=\"b-currency__amount\" el=\"span\" variant=\"body\" strong>\n            {{ formattedCurrency }} {{ currency }}\n        </bento-typography>\n        <template v-else>{{ formattedCurrency }} {{ currency }}</template>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { getLocalizedCurrencyValue } from '@/utils/ts/currency/currency';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoCurrencyISOCode } from '@/components/currency/currency.types';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n\n    /**\n     * A Currency component is used to display a formatted currency value.\n     *\n     * @example\n     * import { BentoCurrency } from '@adyen/adl-vue-components';\n     * import { BentoCurrency, BentoCurrencyCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCurrency },\n     *     template: `\n     *          <bento-currency :currency=\"CurrencyCode.USD\">\n     *              76.33\n     *          </bento-currency>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-currency',\n        components: { BentoTypography },\n        props: {\n            currency: {\n                type: String as PropType<BentoCurrencyISOCode | `${BentoCurrencyISOCode}`>,\n                default: BentoCurrencyISOCode.EUR,\n                validator: (value: BentoCurrencyISOCode) => Object.values(BentoCurrencyISOCode).includes(value),\n            },\n            /**\n             * Accepts currency value in major units instead of minor ones\n             */\n            majorUnits: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Disable the default typography for the component. Only use this when the component is inside another typography component.\n             */\n            disableTypography: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props, { slots }) {\n            const formattedCurrency = computed((): string => {\n                const value = slots.default ? getSlotText(slots)('default') : null;\n                return getLocalizedCurrencyValue(value, props.currency, props.majorUnits);\n            });\n\n            return {\n                // Values\n                formattedCurrency,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./currency.scss\" />\n"],"names":["currencyExponentMap","getExponent","currencyCode","_a","obj","getMinorUnitsAmount","amount","exponent","value","getNormalizedAmount","getNumberFormatOptions","options","majorUnits","exp","minorAmount","amountInMinorUnits","style","minimumFractionDigits","maximumFractionDigits","getLocalizedCurrencyValue","amountValue","currency","numberFormatOptions","BentoCurrencyISOCode","BentoCurrencyISOCode2","_sfc_main","defineComponent","BentoTypography","props","slots","computed","getSlotText","_ctx","openBlock","createBlock","_component_bento_typography","createTextVNode","toDisplayString"],"mappings":"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AAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OAxKQA,IAAAD,KAAA,CAAA,CAAA;ACgCR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,OAAA;AAAA,IACvB,UAAA;AAAA,MACO,MAAA;AAAA,MACA,SAAAJ,EAAA;AAAA,MACwB,WAAA,CAAAf,MAAA,OAAA,OAAAe,CAAA,EAAA,SAAAf,CAAA;AAAA,IACgE;AAAA;AAAA;AAAA;AAAA,IAClG,YAAA;AAAA,MAIY,MAAA;AAAA,MACF,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,mBAAA;AAAA,MAImB,MAAA;AAAA,MACT,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,MAAAoB,GAAA,EAAA,OAAAC,EAAA,GAAA;AAOI,WAAA;AAAA;AAAA,MAAO,mBALPC,EAAA,MAAA;AACI,cAAAtB,IAAAqB,EAAA,UAAAE,EAAAF,CAAA,EAAA,SAAA,IAAA;AACA,eAAAV,EAAAX,GAAAoB,EAAA,UAAAA,EAAA,UAAA;AAAA,MAAwE,CAAA;AAAA,IAKxE;AAAA,EACJ;AAER,CAAA;;;;IA/DuBI,EAAA;;eAAAC,EAAA,GAAAC,EAAAC,GAAA;AAAA,MAFmD,KAAA;AAAA,MAAI,OAAA;AAAA,MAAc,IAAA;AAAA,MAAQ,SAAA;AAAA,MAFxG,QAAA;AAAA,IAAA,GAAA;AAAA;QAAAC,EAAAC,EAAAL,EAAA,iBAAA,IAAA,MAAAK,EAAAL,EAAA,QAAA,GAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;"}