@adyen/bento-vue3 1.71.0 → 1.72.0

package/dist/input-field-password.js

@@ -1,4 +1,4 @@
-import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.3z2IZUll.js";
+import { i as a, m as s, r as i, b as c, c as u, a as o } from "./chunks/input-field-password.JZkGOiMd.js";
 export {
   a as BentoInputFieldPassword,
   s as minLength,

package/dist/input-field-phone-number.js

@@ -1,4 +1,4 @@
-import { i as o, B as t } from "./chunks/input-field-phone-number.CBtuFrPU.js";
+import { i as o, B as t } from "./chunks/input-field-phone-number.CF5P0_yu.js";
 export {
   o as BentoInputFieldPhoneNumber,
   t as BentoInputFieldPhoneNumberCountries

package/dist/input-field.js

@@ -1,4 +1,4 @@
-import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.BozGzgiG.js";
+import { B as n, b as a, e as o, c as i, d as s, a as l } from "./chunks/input-field.2S8zBviE.js";
 export {
   n as BentoInputField,
   a as BentoInputFieldElementPosition,

package/dist/inspector.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/inspector.D4uxNwOp.js";
+import { B as t } from "./chunks/inspector.C-yVhM15.js";
 import { B as n } from "./chunks/inspector.types.DyHwE18g.js";
 export {
   t as BentoInspector,

package/dist/internal.js

@@ -1,16 +1,16 @@
-import { a as e, b as t, C as r, c as s, d as i } from "./chunks/calendar.DlqxwWsS.js";
-import { C as p, a as l } from "./chunks/copy.CELx3jZU.js";
-import { C as I } from "./chunks/controls-group.hZ7MqEVg.js";
+import { a as e, b as t, C as r, c as s, d as i } from "./chunks/calendar.B1a_mV-Q.js";
+import { C as p, a as l } from "./chunks/copy.Da1OGFTr.js";
+import { C as I } from "./chunks/controls-group.CdTg-WDi.js";
 import { B as x, b as E, a as f, D as m } from "./chunks/dialog-page.1ZVnUqpT.js";
-import { E as d, F as N } from "./chunks/error-message.RHitS8wA.js";
-import { F as O } from "./chunks/fixed-scroller.DSGxXiAH.js";
+import { E as d, F as N } from "./chunks/field-label.DSeawpYh.js";
+import { F as O } from "./chunks/fixed-scroller.BASYH576.js";
 import { G as B, a as A } from "./chunks/grid-layout.DDaRNz4-.js";
-import { H as P, I as c } from "./chunks/header-meta.BA12hEmp.js";
-import { b as g, c as y, u as D } from "./chunks/use-cached-selected-values.TCmNtDra.js";
-import { L as S } from "./chunks/listbox-option-tag.DXkIvvPz.js";
-import { e as W, d as h } from "./chunks/toggle-button.Cg4Kot6V.js";
-import { B as H, a as J, T as K } from "./chunks/tooltip.TBU0Uixq.js";
-import { B as Y } from "./chunks/button-actions-with-menu.VMZpD4ic.js";
+import { H as P, I as c } from "./chunks/header-meta.BXOpbsSR.js";
+import { b as g, c as y, u as D } from "./chunks/use-cached-selected-values.CBOWMI4O.js";
+import { L as S } from "./chunks/listbox-option-tag.CtJUykfB.js";
+import { e as W, d as h } from "./chunks/button-actions.D1eBtYgZ.js";
+import { B as H, a as J, T as K } from "./chunks/tooltip.CEHc6lzU.js";
+import { B as Y } from "./chunks/button-actions-with-menu.DaKPEgPd.js";
 export {
   W as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,
   x as BentoDialogPageAnimation,

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { f as o, g as t } from "./chunks/toggle-button.Cg4Kot6V.js";
+import { f as o, g as t } from "./chunks/button-actions.D1eBtYgZ.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.CVhxBKi5.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.CIxazX33.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./chunks/modal.vue_vue_type_script_setup_true_lang.COJ937I7.js";
-import { c as n, e as l, f as d, g as B, d as M, b as s, B as r, a as i } from "./chunks/base-modal.IFHgu-pI.js";
+import { _ as e } from "./chunks/modal.vue_vue_type_script_setup_true_lang.D4TJY7o_.js";
+import { c as n, e as l, f as d, g as B, d as M, b as s, B as r, a as i } from "./chunks/base-modal.Djw4pVal.js";
 export {
   e as BentoModal,
   n as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.BNmA_Rjf.js";
+import { B as n } from "./chunks/pagination.NDwXq6fh.js";
 export {
   n as BentoPagination
 };

package/dist/popover.js

@@ -1,5 +1,5 @@
-import { h as r } from "./chunks/toggle-button.Cg4Kot6V.js";
-import { B as p } from "./chunks/popover.types.DdQGkMYq.js";
+import { h as r } from "./chunks/button-actions.D1eBtYgZ.js";
+import { B as p } from "./chunks/popover.types.Bp97CGc4.js";
 export {
   r as BentoPopover,
   p as BentoPopoverPositions

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.bSdMC3hi.js";
+import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.5cq-eu41.js";
 export {
   n as PopperContainer,
   a as PopperContainerAriaRole,

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.CHh_3CHv.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.BNiif4On.js";
 import { R as B } from "./chunks/radio-input.odN9FOyr.js";
 export {
   t as BentoRadioButton,

package/dist/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { r as t } from "./chunks/rich-text-editor.C3c1TwV2.js";
+import { r as t } from "./chunks/rich-text-editor.D770fUpS.js";
 export {
   t as BentoRichTextEditor
 };

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.CxvanqNG.js";
-import { u as o } from "./chunks/dropdown.CknmuJDd.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.rZ_38y4j.js";
+import { u as o } from "./chunks/dropdown.GyDAswAO.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.DhLj6zof.js";
+import { s as e } from "./chunks/secondary-nav.BBE8HyDR.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.BCzCfi5u.js";
+import { B as t } from "./chunks/segmented-control.D0SoqGlC.js";
 import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
   t as BentoSegmentedControl,

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.rDJFsSHF.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.KK9ZPqiU.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.C0kqpRKo.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.CyPW8jxA.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.BMSjltwl.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.Ci-e1V9E.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.BgjY9j8w.js";
+import { B as r, a as o } from "./chunks/structured-list-item.CSkcduKn.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -150,10 +150,9 @@
   --b-data-grid-resizer-last-child-right: -4px;
   --b-data-grid-resizer-width: 8px;
   --b-data-grid-cell-hover-padding: 14px 15px;
-  --b-data-grid-row-nested-rows-loading-container-padding: 14px;
   --b-data-grid-column-separator-height: 100%;
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
-  --b-data-grid-column-hover-padding: 7px 15px;
+  --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
@@ -197,6 +196,8 @@
   --b-avatar-image-small-height: 24px;
   --b-alert-tip-icon-height: 20px;
   --b-alert-icon-height: 24px;
+  --b-ai-button-button-z-index: 1;
+  --b-ai-button-animation-background-z-index: -1;
   --b-action-bar-container-border-radius: 28px;
   --b-z-index-local-tier-4: 4;
   --b-z-index-local-tier-3: 3;
@@ -413,6 +414,8 @@
   --b-color-background-primary-active: #363636;
   --b-color-background-primary-hover: #2a2a2a;
   --b-color-background-primary: #111111;
+  --b-gradient-data-grid-highlighted-hover: linear-gradient(270deg, {color.background.warning.weak.hover} 0%, rgba(255, 236, 208, .82) 53.34%, rgba(255, 236, 208, .75) 61.73%, rgba(255, 236, 208, .11) 99.25%, rgba(255, 236, 208, 0) 100%);
+  --b-gradient-data-grid-selected-hover: linear-gradient(270deg, {color.background.selected.hover} 0%, rgba(212, 230, 249, .82) 53.34%, rgba(212, 230, 249, .75) 61.73%, rgba(212, 230, 249, .11) 99.25%, rgba(212, 230, 249, 0) 100%);
   --b-gradient-data-grid-zebra-hover: linear-gradient(270deg, var(--b-color-background-secondary-hover) 0%, rgba(236, 237, 239, .82) 53.34%, rgba(236, 237, 239, .75) 61.73%, rgba(236, 237, 239, .11) 99.25%, rgba(236, 237, 239, 0) 100%);
   --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
   --b-tutorial-popover-footer-padding-top: var(--b-spacer-060);
@@ -578,7 +581,7 @@
   --b-tag-white-color: var(--b-color-label-primary);
   --b-tag-red-background-color: var(--b-color-background-critical-weak);
   --b-tag-red-color: var(--b-color-label-on-background-critical-weak);
-  --b-tag-orange-background-color: var(--b-color-background-warning-weak);
+  --b-tag-orange-background-color: {color.background.warning.weak._};
   --b-tag-orange-color: var(--b-color-label-on-background-warning-weak);
   --b-tag-green-background-color: var(--b-color-background-success-weak);
   --b-tag-green-color: var(--b-color-label-on-background-success-weak);
@@ -717,6 +720,7 @@
   --b-selection-card-container-color: var(--b-color-label-primary);
   --b-selection-card-container-border-radius: var(--b-border-radius-l);
   --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-selection-card-container-background-color: var(--b-color-background-primary);
   --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
   --b-selection-card-group-items-gap: var(--b-spacer-040);
   --b-segmented-control-button-label-container-checked-color: var(--b-color-label-primary);
@@ -1160,7 +1164,7 @@
   --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
   --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
   --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
-  --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
+  --b-header-with-views-all-views-popover-menu-item-dragging-background-color: {color.background.selected._};
   --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
   --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
   --b-header-with-views-modal-description-gap: var(--b-spacer-070);
@@ -1532,29 +1536,34 @@
   --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);
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
-  --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
+  --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
   --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
   --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
   --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
   --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
-  --b-data-grid-cell-padding: 14px var(--b-spacer-070);
-  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
+  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
+  --b-data-grid-cell-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2)) calc(var(--b-spacer-070) - var(--b-border-width-s));
+  --b-data-grid-cell-border: var(--b-border-width-s) solid transparent;
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
   --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
   --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-nested-rows-loading-container-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2));
   --b-data-grid-row-nested-row-hover-background-color: var(--b-color-background-primary-hover);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-primary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-primary);
-  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
+  --b-data-grid-row-selected-hover-background-color: {color.background.selected.hover};
+  --b-data-grid-row-selected-background-color: {color.background.selected._};
+  --b-data-grid-row-highlighted-hover-background-color: {color.background.warning.weak.hover};
+  --b-data-grid-row-highlighted-background-color: {color.background.warning.weak._};
   --b-data-grid-row-disabled-color: var(--b-color-label-primary);
   --b-data-grid-row-hover-background-color: var(--b-color-background-primary-hover);
   --b-data-grid-row-color: var(--b-color-label-primary);
@@ -1569,7 +1578,8 @@
   --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
   --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
   --b-data-grid-column-actions-gap: var(--b-spacer-010);
-  --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
+  --b-data-grid-column-draggable-ghost-background-color: {color.background.selected._};
+  --b-data-grid-column-header-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) 0;
   --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: var(--b-z-index-local-tier-1);
@@ -1584,7 +1594,7 @@
   --b-data-grid-column-hover-sort-icon-color: var(--b-color-label-tertiary);
   --b-data-grid-column-hover-background-color: var(--b-color-background-tertiary);
   --b-data-grid-column-color: var(--b-color-label-primary);
-  --b-data-grid-column-padding: 7px var(--b-spacer-070);
+  --b-data-grid-column-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-column-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
   --b-data-grid-column-background-color: var(--b-color-background-primary);
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
@@ -1593,7 +1603,7 @@
   --b-data-grid-columns-select-column-all-padding-left: var(--b-spacer-010);
   --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-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
   --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);
@@ -1638,7 +1648,9 @@
   --b-dashboard-section-controls-gap: var(--b-spacer-040);
   --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
   --b-dashboard-section-columns-gap: var(--b-spacer-090);
-  --b-dashboard-section-content-gap: var(--b-spacer-100);
+  --b-dashboard-section-content-gap: var(--b-spacer-090);
+  --b-dashboard-section-l-and-up-padding-bottom: var(--b-spacer-100);
+  --b-dashboard-section-padding-bottom: var(--b-spacer-090);
   --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: var(--b-z-index-local-tier-3);
@@ -1647,10 +1659,13 @@
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);
   --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
   --b-dashboard-template-container-m-and-up-spacing: var(--b-spacer-100);
+  --b-dashboard-template-container-l-and-up-spacing: var(--b-spacer-100);
   --b-dashboard-template-container-spacing: var(--b-spacer-090);
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
-  --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-dashboard-template-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
+  --b-dashboard-template-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-dashboard-template-padding: var(--b-spacer-070) var(--b-spacer-070);
   --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
@@ -2014,7 +2029,7 @@
   --b-avatar-image-blue-color: var(--b-color-decorative-blue);
   --b-avatar-image-blue-background-color: var(--b-color-background-highlight-weak);
   --b-avatar-image-yellow-color: var(--b-color-decorative-orange);
-  --b-avatar-image-yellow-background-color: var(--b-color-background-warning-weak);
+  --b-avatar-image-yellow-background-color: {color.background.warning.weak._};
   --b-avatar-image-width: var(--b-spacer-100);
   --b-avatar-image-height: var(--b-spacer-100);
   --b-alert-tip-gap: var(--b-spacer-060);
@@ -2024,7 +2039,7 @@
   --b-alert-critical-background-color: var(--b-color-background-critical-weak);
   --b-alert-warning-icon-color: var(--b-color-background-warning-strong);
   --b-alert-warning-color: var(--b-color-label-primary);
-  --b-alert-warning-background-color: var(--b-color-background-warning-weak);
+  --b-alert-warning-background-color: {color.background.warning.weak._};
   --b-alert-highlight-icon-color: var(--b-color-background-highlight-strong);
   --b-alert-highlight-color: var(--b-color-label-primary);
   --b-alert-highlight-background-color: var(--b-color-background-highlight-weak);
@@ -2039,6 +2054,8 @@
   --b-alert-padding-mobile: var(--b-spacer-070);
   --b-alert-padding: var(--b-spacer-080);
   --b-alert-border-radius: var(--b-border-radius-m);
+  --b-ai-button-icon-color: var(--b-color-decorative-green);
+  --b-ai-button-animation-background: var(--b-color-decorative-green);
   --b-action-bar-animation-duration: var(--b-animation-duration-moderate);
   --b-action-bar-close-button-margin-right-mobile: var(--b-spacer-070);
   --b-action-bar-close-button-margin-right: var(--b-spacer-090);
@@ -2082,5 +2099,7 @@
   --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
   --b-focus-ring-outline: var(--b-border-width-l);
   --b-focus-ring-spacer: var(--b-border-width-s);
+  --b-data-grid-cell-actions-background-gradient-highlighted-background: var(--b-gradient-data-grid-highlighted-hover);
+  --b-data-grid-cell-actions-background-gradient-selected-background: var(--b-gradient-data-grid-selected-hover);
   --b-data-grid-cell-actions-background-gradient-zebra-background: var(--b-gradient-data-grid-zebra-hover);
 }

package/dist/styles/bento-light.css

@@ -149,10 +149,9 @@
   --b-data-grid-resizer-last-child-right: -4px;
   --b-data-grid-resizer-width: 8px;
   --b-data-grid-cell-hover-padding: 14px 15px;
-  --b-data-grid-row-nested-rows-loading-container-padding: 14px;
   --b-data-grid-column-separator-height: 100%;
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
-  --b-data-grid-column-hover-padding: 7px 15px;
+  --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
@@ -196,6 +195,8 @@
   --b-avatar-image-small-height: 24px;
   --b-alert-tip-icon-height: 20px;
   --b-alert-icon-height: 24px;
+  --b-ai-button-button-z-index: 1;
+  --b-ai-button-animation-background-z-index: -1;
   --b-action-bar-container-border-radius: 28px;
   --b-z-index-local-tier-4: 4;
   --b-z-index-local-tier-3: 3;
@@ -388,12 +389,16 @@
   --b-color-background-success-strong: #008845;
   --b-color-background-success-weak: #e4faef;
   --b-color-background-warning-strong: #d77f00;
+  --b-color-background-warning-weak-active: #ffe0b3;
+  --b-color-background-warning-weak-hover: #ffecd0;
   --b-color-background-warning-weak: #fff4e5;
   --b-color-background-critical-strong-active: #751e00;
   --b-color-background-critical-strong-hover: #c13101;
   --b-color-background-critical-strong: #dc3801;
   --b-color-background-critical-weak: #fff3ef;
   --b-color-background-spotlight: #ffe379;
+  --b-color-background-selected-active: #c8dff7;
+  --b-color-background-selected-hover: #d4e6f9;
   --b-color-background-selected: #e3effb;
   --b-color-background-disabled: #ecedef;
   --b-color-background-modal-active: #ecedef;
@@ -411,6 +416,8 @@
   --b-color-background-primary-active: #ecedef;
   --b-color-background-primary-hover: #f4f5f6;
   --b-color-background-primary: #ffffff;
+  --b-gradient-data-grid-highlighted-hover: linear-gradient(270deg, var(--b-color-background-warning-weak-hover) 0%, rgba(255, 236, 208, .82) 53.34%, rgba(255, 236, 208, .75) 61.73%, rgba(255, 236, 208, .11) 99.25%, rgba(255, 236, 208, 0) 100%);
+  --b-gradient-data-grid-selected-hover: linear-gradient(270deg, var(--b-color-background-selected-hover) 0%, rgba(212, 230, 249, .82) 53.34%, rgba(212, 230, 249, .75) 61.73%, rgba(212, 230, 249, .11) 99.25%, rgba(212, 230, 249, 0) 100%);
   --b-gradient-data-grid-zebra-hover: linear-gradient(270deg, var(--b-color-background-secondary-hover) 0%, rgba(236, 237, 239, .82) 53.34%, rgba(236, 237, 239, .75) 61.73%, rgba(236, 237, 239, .11) 99.25%, rgba(236, 237, 239, 0) 100%);
   --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
   --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
@@ -716,6 +723,7 @@
   --b-selection-card-container-color: var(--b-color-label-primary);
   --b-selection-card-container-border-radius: var(--b-border-radius-l);
   --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-selection-card-container-background-color: var(--b-color-background-primary);
   --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
   --b-selection-card-group-items-gap: var(--b-spacer-040);
   --b-segmented-control-button-label-container-checked-color: var(--b-color-label-primary);
@@ -1531,28 +1539,33 @@
   --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);
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
-  --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
+  --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
   --b-data-grid-cell-actions-gap: var(--b-spacer-040);
   --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
   --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
   --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
   --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
-  --b-data-grid-cell-padding: 14px var(--b-spacer-070);
-  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
+  --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
+  --b-data-grid-cell-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2)) calc(var(--b-spacer-070) - var(--b-border-width-s));
+  --b-data-grid-cell-border: var(--b-border-width-s) solid transparent;
   --b-data-grid-cell-background-color: var(--b-color-background-primary);
   --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
   --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
+  --b-data-grid-row-nested-rows-loading-container-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2));
   --b-data-grid-row-nested-row-hover-background-color: var(--b-color-background-primary-hover);
   --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
   --b-data-grid-row-nested-row-background-color: var(--b-color-background-primary);
   --b-data-grid-row-nested-slot-background-color: var(--b-color-background-primary);
-  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
+  --b-data-grid-row-selected-hover-background-color: var(--b-color-background-selected-hover);
+  --b-data-grid-row-selected-background-color: var(--b-color-background-selected);
+  --b-data-grid-row-highlighted-hover-background-color: var(--b-color-background-warning-weak-hover);
+  --b-data-grid-row-highlighted-background-color: var(--b-color-background-warning-weak);
   --b-data-grid-row-disabled-color: var(--b-color-label-primary);
   --b-data-grid-row-hover-background-color: var(--b-color-background-primary-hover);
   --b-data-grid-row-color: var(--b-color-label-primary);
@@ -1568,6 +1581,7 @@
   --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
   --b-data-grid-column-actions-gap: var(--b-spacer-010);
   --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
+  --b-data-grid-column-header-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) 0;
   --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: var(--b-z-index-local-tier-1);
@@ -1582,7 +1596,7 @@
   --b-data-grid-column-hover-sort-icon-color: var(--b-color-label-tertiary);
   --b-data-grid-column-hover-background-color: var(--b-color-background-tertiary);
   --b-data-grid-column-color: var(--b-color-label-primary);
-  --b-data-grid-column-padding: 7px var(--b-spacer-070);
+  --b-data-grid-column-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-column-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
   --b-data-grid-column-background-color: var(--b-color-background-primary);
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
@@ -1591,7 +1605,7 @@
   --b-data-grid-columns-select-column-all-padding-left: var(--b-spacer-010);
   --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-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
   --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);
@@ -1636,7 +1650,9 @@
   --b-dashboard-section-controls-gap: var(--b-spacer-040);
   --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
   --b-dashboard-section-columns-gap: var(--b-spacer-090);
-  --b-dashboard-section-content-gap: var(--b-spacer-100);
+  --b-dashboard-section-content-gap: var(--b-spacer-090);
+  --b-dashboard-section-l-and-up-padding-bottom: var(--b-spacer-100);
+  --b-dashboard-section-padding-bottom: var(--b-spacer-090);
   --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: var(--b-z-index-local-tier-3);
@@ -1645,10 +1661,13 @@
   --b-dashboard-template-top-section-gap: var(--b-spacer-040);
   --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
   --b-dashboard-template-container-m-and-up-spacing: var(--b-spacer-100);
+  --b-dashboard-template-container-l-and-up-spacing: var(--b-spacer-100);
   --b-dashboard-template-container-spacing: var(--b-spacer-090);
   --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
   --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
-  --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
+  --b-dashboard-template-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
+  --b-dashboard-template-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-dashboard-template-padding: var(--b-spacer-070) var(--b-spacer-070);
   --b-currency-color: var(--b-color-label-primary);
   --b-country-label-color: var(--b-color-label-primary);
   --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
@@ -2037,6 +2056,8 @@
   --b-alert-padding-mobile: var(--b-spacer-070);
   --b-alert-padding: var(--b-spacer-080);
   --b-alert-border-radius: var(--b-border-radius-m);
+  --b-ai-button-icon-color: var(--b-color-decorative-green);
+  --b-ai-button-animation-background: var(--b-color-decorative-green);
   --b-action-bar-animation-duration: var(--b-animation-duration-moderate);
   --b-action-bar-close-button-margin-right-mobile: var(--b-spacer-070);
   --b-action-bar-close-button-margin-right: var(--b-spacer-090);
@@ -2080,6 +2101,8 @@
   --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
   --b-focus-ring-outline: var(--b-border-width-l);
   --b-focus-ring-spacer: var(--b-border-width-s);
+  --b-data-grid-cell-actions-background-gradient-highlighted-background: var(--b-gradient-data-grid-highlighted-hover);
+  --b-data-grid-cell-actions-background-gradient-selected-background: var(--b-gradient-data-grid-selected-hover);
   --b-data-grid-cell-actions-background-gradient-zebra-background: var(--b-gradient-data-grid-zebra-hover);
   --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
 }