@adyen/bento-vue3 1.71.0 → 1.72.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/dist/@types/index.d.ts +435 -631
  2. package/dist/action-bar.js +1 -1
  3. package/dist/assets/accordion-item.css +1 -1
  4. package/dist/assets/action-bar.css +1 -1
  5. package/dist/assets/ai-button.css +1 -0
  6. package/dist/assets/base-button.css +1 -1
  7. package/dist/assets/base-modal.css +1 -1
  8. package/dist/assets/button-actions.css +1 -0
  9. package/dist/assets/calendar.css +1 -1
  10. package/dist/assets/card.css +1 -1
  11. package/dist/assets/code-snippet.css +1 -1
  12. package/dist/assets/dashboard-section.css +1 -1
  13. package/dist/assets/data-grid-template.css +1 -1
  14. package/dist/assets/data-grid.css +1 -1
  15. package/dist/assets/date-picker.css +1 -1
  16. package/dist/assets/dialog-page.css +1 -1
  17. package/dist/assets/empty-state.css +1 -1
  18. package/dist/assets/field-label.css +1 -0
  19. package/dist/assets/file-uploader.css +1 -1
  20. package/dist/assets/filter-bar.css +1 -1
  21. package/dist/assets/focus-trap.css +1 -1
  22. package/dist/assets/inspector.css +1 -1
  23. package/dist/assets/layout-row.css +1 -1
  24. package/dist/assets/modal-fullscreen.css +1 -1
  25. package/dist/assets/popper-container.css +1 -1
  26. package/dist/assets/selection-card-group.css +1 -1
  27. package/dist/assets/sidepanel.css +1 -1
  28. package/dist/assets/structured-list-item.css +1 -1
  29. package/dist/button.js +11 -9
  30. package/dist/button.js.map +1 -1
  31. package/dist/card.js +1 -1
  32. package/dist/checkbox.js +2 -2
  33. package/dist/chip.js +1 -1
  34. package/dist/chunks/{action-bar.DXP5aDZy.js → action-bar.DDLTN9TB.js} +3 -3
  35. package/dist/chunks/{action-bar.DXP5aDZy.js.map → action-bar.DDLTN9TB.js.map} +1 -1
  36. package/dist/chunks/ai-button.DsNrcgpK.js +93 -0
  37. package/dist/chunks/ai-button.DsNrcgpK.js.map +1 -0
  38. package/dist/chunks/{base-button.CjYb5Y8k.js → base-button.BYhf0xf3.js} +2 -2
  39. package/dist/chunks/base-button.BYhf0xf3.js.map +1 -0
  40. package/dist/chunks/{base-modal.IFHgu-pI.js → base-modal.Djw4pVal.js} +4 -4
  41. package/dist/chunks/{base-modal.IFHgu-pI.js.map → base-modal.Djw4pVal.js.map} +1 -1
  42. package/dist/chunks/{button-actions-with-menu.VMZpD4ic.js → button-actions-with-menu.DaKPEgPd.js} +2 -2
  43. package/dist/chunks/{button-actions-with-menu.VMZpD4ic.js.map → button-actions-with-menu.DaKPEgPd.js.map} +1 -1
  44. package/dist/chunks/{toggle-button.Cg4Kot6V.js → button-actions.D1eBtYgZ.js} +313 -310
  45. package/dist/chunks/button-actions.D1eBtYgZ.js.map +1 -0
  46. package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -1
  47. package/dist/chunks/{calendar.DlqxwWsS.js → calendar.B1a_mV-Q.js} +427 -417
  48. package/dist/chunks/{calendar.DlqxwWsS.js.map → calendar.B1a_mV-Q.js.map} +1 -1
  49. package/dist/chunks/{card.BInbSY-o.js → card.B9lWURmF.js} +2 -2
  50. package/dist/chunks/{card.BInbSY-o.js.map → card.B9lWURmF.js.map} +1 -1
  51. package/dist/chunks/{checkbox-group.CCvD8KVS.js → checkbox-group.CcgOK4yt.js} +4 -4
  52. package/dist/chunks/{checkbox-group.CCvD8KVS.js.map → checkbox-group.CcgOK4yt.js.map} +1 -1
  53. package/dist/chunks/{checkbox.BRIYlBom.js → checkbox.73QYC0y8.js} +3 -3
  54. package/dist/chunks/{checkbox.BRIYlBom.js.map → checkbox.73QYC0y8.js.map} +1 -1
  55. package/dist/chunks/{chevron-right.Brdj0WlO.js → chevron-left.Cfn1uGLH.js} +5 -5
  56. package/dist/chunks/chevron-left.Cfn1uGLH.js.map +1 -0
  57. package/dist/chunks/{chip.DcpP3zb6.js → chip.CUwVpPVo.js} +2 -2
  58. package/dist/chunks/{chip.DcpP3zb6.js.map → chip.CUwVpPVo.js.map} +1 -1
  59. package/dist/chunks/code-snippet.DL_1HNKV.js +343 -0
  60. package/dist/chunks/code-snippet.DL_1HNKV.js.map +1 -0
  61. package/dist/chunks/{controls-group.hZ7MqEVg.js → controls-group.CdTg-WDi.js} +2 -2
  62. package/dist/chunks/{controls-group.hZ7MqEVg.js.map → controls-group.CdTg-WDi.js.map} +1 -1
  63. package/dist/chunks/{copy.CELx3jZU.js → copy.Da1OGFTr.js} +3 -3
  64. package/dist/chunks/{copy.CELx3jZU.js.map → copy.Da1OGFTr.js.map} +1 -1
  65. package/dist/chunks/{dashboard-section.CBzzHoDx.js → dashboard-section.BXE7_Y9R.js} +3 -3
  66. package/dist/chunks/{dashboard-section.CBzzHoDx.js.map → dashboard-section.BXE7_Y9R.js.map} +1 -1
  67. package/dist/chunks/{dashed-underline.D6p0_Yi3.js → dashed-underline.28J-9i5D.js} +3 -3
  68. package/dist/chunks/{dashed-underline.D6p0_Yi3.js.map → dashed-underline.28J-9i5D.js.map} +1 -1
  69. package/dist/chunks/{data-grid-template.CE8j-4IU.js → data-grid-template.B13OrA1T.js} +36 -36
  70. package/dist/chunks/data-grid-template.B13OrA1T.js.map +1 -0
  71. package/dist/chunks/{data-grid.D_xkGMg9.js → data-grid._xo6LEB-.js} +1061 -1009
  72. package/dist/chunks/data-grid._xo6LEB-.js.map +1 -0
  73. package/dist/chunks/{date-picker.DNdV16PL.js → date-picker.Bkz4GmyC.js} +92 -86
  74. package/dist/chunks/date-picker.Bkz4GmyC.js.map +1 -0
  75. package/dist/chunks/{date-range-picker.C5KDhklL.js → date-range-picker.9Zlg9xnH.js} +7 -7
  76. package/dist/chunks/{date-range-picker.C5KDhklL.js.map → date-range-picker.9Zlg9xnH.js.map} +1 -1
  77. package/dist/chunks/{dropdown-tag.DqNHp5mb.js → dropdown-tag.hIiGmmBD.js} +3 -3
  78. package/dist/chunks/{dropdown-tag.DqNHp5mb.js.map → dropdown-tag.hIiGmmBD.js.map} +1 -1
  79. package/dist/chunks/{dropdown.CknmuJDd.js → dropdown.GyDAswAO.js} +5 -5
  80. package/dist/chunks/{dropdown.CknmuJDd.js.map → dropdown.GyDAswAO.js.map} +1 -1
  81. package/dist/chunks/{empty-state.BTaeZdQu.js → empty-state.BsKJ-1pT.js} +74 -119
  82. package/dist/chunks/empty-state.BsKJ-1pT.js.map +1 -0
  83. package/dist/chunks/es6.MoTTyETW.js.map +1 -1
  84. package/dist/chunks/{error-message.RHitS8wA.js → field-label.DSeawpYh.js} +60 -60
  85. package/dist/chunks/field-label.DSeawpYh.js.map +1 -0
  86. package/dist/chunks/{file-uploader.BEzjOvcm.js → file-uploader.DELe6_NM.js} +3 -3
  87. package/dist/chunks/{file-uploader.BEzjOvcm.js.map → file-uploader.DELe6_NM.js.map} +1 -1
  88. package/dist/chunks/{filter-bar.DlGlB8KV.js → filter-bar.BLhRZzJa.js} +175 -176
  89. package/dist/chunks/filter-bar.BLhRZzJa.js.map +1 -0
  90. package/dist/chunks/{fixed-scroller.DSGxXiAH.js → fixed-scroller.BASYH576.js} +2 -2
  91. package/dist/chunks/{fixed-scroller.DSGxXiAH.js.map → fixed-scroller.BASYH576.js.map} +1 -1
  92. package/dist/chunks/{focus-trap.BkNwCiVP.js → focus-trap.CpNGD7PH.js} +156 -145
  93. package/dist/chunks/focus-trap.CpNGD7PH.js.map +1 -0
  94. package/dist/chunks/{footer-actions.0aDpxgET.js → footer-actions.Bqn-Jp0p.js} +2 -2
  95. package/dist/chunks/{footer-actions.0aDpxgET.js.map → footer-actions.Bqn-Jp0p.js.map} +1 -1
  96. package/dist/chunks/{header-meta.BA12hEmp.js → header-meta.BXOpbsSR.js} +3 -3
  97. package/dist/chunks/{header-meta.BA12hEmp.js.map → header-meta.BXOpbsSR.js.map} +1 -1
  98. package/dist/chunks/{header-with-views.BhAcH_b0.js → header-with-views.afPw_Czi.js} +8 -8
  99. package/dist/chunks/{header-with-views.BhAcH_b0.js.map → header-with-views.afPw_Czi.js.map} +1 -1
  100. package/dist/chunks/{header.But-8DTA.js → header.9kRuPR3K.js} +3 -3
  101. package/dist/chunks/{header.But-8DTA.js.map → header.9kRuPR3K.js.map} +1 -1
  102. package/dist/chunks/{info-icon.BZoBshSv.js → info-icon.CRnO5lpq.js} +3 -3
  103. package/dist/chunks/{info-icon.BZoBshSv.js.map → info-icon.CRnO5lpq.js.map} +1 -1
  104. package/dist/chunks/{input-field-password.3z2IZUll.js → input-field-password.JZkGOiMd.js} +5 -5
  105. package/dist/chunks/{input-field-password.3z2IZUll.js.map → input-field-password.JZkGOiMd.js.map} +1 -1
  106. package/dist/chunks/{input-field-phone-number.CBtuFrPU.js → input-field-phone-number.CF5P0_yu.js} +4 -4
  107. package/dist/chunks/{input-field-phone-number.CBtuFrPU.js.map → input-field-phone-number.CF5P0_yu.js.map} +1 -1
  108. package/dist/chunks/{input-field.BozGzgiG.js → input-field.2S8zBviE.js} +3 -3
  109. package/dist/chunks/{input-field.BozGzgiG.js.map → input-field.2S8zBviE.js.map} +1 -1
  110. package/dist/chunks/{inspector.D4uxNwOp.js → inspector.C-yVhM15.js} +2 -2
  111. package/dist/chunks/{inspector.D4uxNwOp.js.map → inspector.C-yVhM15.js.map} +1 -1
  112. package/dist/chunks/{listbox-option-tag.DXkIvvPz.js → listbox-option-tag.CtJUykfB.js} +2 -2
  113. package/dist/chunks/{listbox-option-tag.DXkIvvPz.js.map → listbox-option-tag.CtJUykfB.js.map} +1 -1
  114. package/dist/chunks/{modal-fullscreen.CVhxBKi5.js → modal-fullscreen.CIxazX33.js} +3 -3
  115. package/dist/chunks/{modal-fullscreen.CVhxBKi5.js.map → modal-fullscreen.CIxazX33.js.map} +1 -1
  116. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.COJ937I7.js → modal.vue_vue_type_script_setup_true_lang.D4TJY7o_.js} +4 -4
  117. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.COJ937I7.js.map → modal.vue_vue_type_script_setup_true_lang.D4TJY7o_.js.map} +1 -1
  118. package/dist/chunks/{pagination.BNmA_Rjf.js → pagination.NDwXq6fh.js} +2 -2
  119. package/dist/chunks/{pagination.BNmA_Rjf.js.map → pagination.NDwXq6fh.js.map} +1 -1
  120. package/dist/chunks/popover.types.Bp97CGc4.js +6 -0
  121. package/dist/chunks/popover.types.Bp97CGc4.js.map +1 -0
  122. package/dist/chunks/{popper-container.bSdMC3hi.js → popper-container.5cq-eu41.js} +178 -170
  123. package/dist/chunks/{popper-container.bSdMC3hi.js.map → popper-container.5cq-eu41.js.map} +1 -1
  124. package/dist/chunks/{radio-group.CHh_3CHv.js → radio-group.BNiif4On.js} +4 -4
  125. package/dist/chunks/{radio-group.CHh_3CHv.js.map → radio-group.BNiif4On.js.map} +1 -1
  126. package/dist/chunks/{rich-text-editor.C3c1TwV2.js → rich-text-editor.D770fUpS.js} +4 -4
  127. package/dist/chunks/{rich-text-editor.C3c1TwV2.js.map → rich-text-editor.D770fUpS.js.map} +1 -1
  128. package/dist/chunks/{search-bar.CxvanqNG.js → search-bar.rZ_38y4j.js} +3 -3
  129. package/dist/chunks/{search-bar.CxvanqNG.js.map → search-bar.rZ_38y4j.js.map} +1 -1
  130. package/dist/chunks/{secondary-nav.DhLj6zof.js → secondary-nav.BBE8HyDR.js} +2 -2
  131. package/dist/chunks/{secondary-nav.DhLj6zof.js.map → secondary-nav.BBE8HyDR.js.map} +1 -1
  132. package/dist/chunks/{segmented-control.BCzCfi5u.js → segmented-control.D0SoqGlC.js} +2 -2
  133. package/dist/chunks/{segmented-control.BCzCfi5u.js.map → segmented-control.D0SoqGlC.js.map} +1 -1
  134. package/dist/chunks/{selection-card-group.rDJFsSHF.js → selection-card-group.KK9ZPqiU.js} +3 -3
  135. package/dist/chunks/{selection-card-group.rDJFsSHF.js.map → selection-card-group.KK9ZPqiU.js.map} +1 -1
  136. package/dist/chunks/{sidepanel.C0kqpRKo.js → sidepanel.CyPW8jxA.js} +4 -4
  137. package/dist/chunks/{sidepanel.C0kqpRKo.js.map → sidepanel.CyPW8jxA.js.map} +1 -1
  138. package/dist/chunks/{step.BMSjltwl.js → step.Ci-e1V9E.js} +2 -2
  139. package/dist/chunks/{step.BMSjltwl.js.map → step.Ci-e1V9E.js.map} +1 -1
  140. package/dist/chunks/structured-list-item.CSkcduKn.js +111 -0
  141. package/dist/chunks/structured-list-item.CSkcduKn.js.map +1 -0
  142. package/dist/chunks/{summary-grid.types.CgsPaFIi.js → summary-grid.types.C-gcwqwB.js} +5 -5
  143. package/dist/chunks/{summary-grid.types.CgsPaFIi.js.map → summary-grid.types.C-gcwqwB.js.map} +1 -1
  144. package/dist/chunks/{tab.C3R_VoJL.js → tab.8bEkiAkk.js} +2 -2
  145. package/dist/chunks/{tab.C3R_VoJL.js.map → tab.8bEkiAkk.js.map} +1 -1
  146. package/dist/chunks/{tag.DW6y9sn1.js → tag.BFYNxO6t.js} +2 -2
  147. package/dist/chunks/{tag.DW6y9sn1.js.map → tag.BFYNxO6t.js.map} +1 -1
  148. package/dist/chunks/{textarea.uiOivwAV.js → textarea.C7RmLKEx.js} +2 -2
  149. package/dist/chunks/{textarea.uiOivwAV.js.map → textarea.C7RmLKEx.js.map} +1 -1
  150. package/dist/chunks/{timeline-item.BKXebGLj.js → timeline-item.BiivSMPD.js} +5 -5
  151. package/dist/chunks/{timeline-item.BKXebGLj.js.map → timeline-item.BiivSMPD.js.map} +1 -1
  152. package/dist/chunks/{tooltip.TBU0Uixq.js → tooltip.CEHc6lzU.js} +2 -2
  153. package/dist/chunks/{tooltip.TBU0Uixq.js.map → tooltip.CEHc6lzU.js.map} +1 -1
  154. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.Unfr3oTn.js → tutorial.vue_vue_type_script_setup_true_lang.BDCDB169.js} +4 -4
  155. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.Unfr3oTn.js.map → tutorial.vue_vue_type_script_setup_true_lang.BDCDB169.js.map} +1 -1
  156. package/dist/chunks/{use-cached-selected-values.TCmNtDra.js → use-cached-selected-values.CBOWMI4O.js} +4 -4
  157. package/dist/chunks/use-cached-selected-values.CBOWMI4O.js.map +1 -0
  158. package/dist/code-snippet.js +1 -1
  159. package/dist/dashboard-template.js +1 -1
  160. package/dist/dashed-underline.js +1 -1
  161. package/dist/data-grid-template.js +1 -1
  162. package/dist/data-grid.js +1 -1
  163. package/dist/date-picker.js +2 -2
  164. package/dist/date-range-picker.js +2 -2
  165. package/dist/dropdown.js +3 -3
  166. package/dist/empty-state.js +1 -1
  167. package/dist/file-uploader.js +1 -1
  168. package/dist/filter-bar.js +1 -1
  169. package/dist/focus-trap.js +1 -1
  170. package/dist/header-with-views.js +1 -1
  171. package/dist/header.js +1 -1
  172. package/dist/index.js +181 -179
  173. package/dist/index.js.map +1 -1
  174. package/dist/info-icon.js +1 -1
  175. package/dist/input-field-password.js +1 -1
  176. package/dist/input-field-phone-number.js +1 -1
  177. package/dist/input-field.js +1 -1
  178. package/dist/inspector.js +1 -1
  179. package/dist/internal.js +11 -11
  180. package/dist/menu.js +1 -1
  181. package/dist/modal-fullscreen.js +1 -1
  182. package/dist/modal.js +2 -2
  183. package/dist/pagination.js +1 -1
  184. package/dist/popover.js +2 -2
  185. package/dist/popper-container.js +1 -1
  186. package/dist/radio-group.js +1 -1
  187. package/dist/rich-text-editor.js +1 -1
  188. package/dist/search-bar.js +2 -2
  189. package/dist/secondary-nav.js +1 -1
  190. package/dist/segmented-control.js +1 -1
  191. package/dist/selection-card.js +1 -1
  192. package/dist/sidepanel.js +1 -1
  193. package/dist/stepper.js +1 -1
  194. package/dist/structured-list.js +1 -1
  195. package/dist/styles/bento-dark.css +35 -16
  196. package/dist/styles/bento-light.css +34 -11
  197. package/dist/styles/bento.css +34 -11
  198. package/dist/styles/legacy.css +2108 -0
  199. package/dist/styles/styleguide.css +34 -11
  200. package/dist/styles/utility.css +12 -0
  201. package/dist/summary-grid.js +1 -1
  202. package/dist/tabs.js +1 -1
  203. package/dist/tag.js +1 -1
  204. package/dist/textarea.js +1 -1
  205. package/dist/timeline.js +1 -1
  206. package/dist/tutorial.js +1 -1
  207. package/dist/web-types.json +1 -1
  208. package/package.json +6 -10
  209. package/dist/assets/error-message.css +0 -1
  210. package/dist/assets/toggle-button.css +0 -1
  211. package/dist/chunks/base-button.CjYb5Y8k.js.map +0 -1
  212. package/dist/chunks/chevron-right.Brdj0WlO.js.map +0 -1
  213. package/dist/chunks/code-snippet.DeecUpfA.js +0 -334
  214. package/dist/chunks/code-snippet.DeecUpfA.js.map +0 -1
  215. package/dist/chunks/data-grid-template.CE8j-4IU.js.map +0 -1
  216. package/dist/chunks/data-grid.D_xkGMg9.js.map +0 -1
  217. package/dist/chunks/date-picker.DNdV16PL.js.map +0 -1
  218. package/dist/chunks/empty-state.BTaeZdQu.js.map +0 -1
  219. package/dist/chunks/error-message.RHitS8wA.js.map +0 -1
  220. package/dist/chunks/filter-bar.DlGlB8KV.js.map +0 -1
  221. package/dist/chunks/focus-trap.BkNwCiVP.js.map +0 -1
  222. package/dist/chunks/popover.types.DdQGkMYq.js +0 -6
  223. package/dist/chunks/popover.types.DdQGkMYq.js.map +0 -1
  224. package/dist/chunks/structured-list-item.BgjY9j8w.js +0 -107
  225. package/dist/chunks/structured-list-item.BgjY9j8w.js.map +0 -1
  226. package/dist/chunks/toggle-button.Cg4Kot6V.js.map +0 -1
  227. package/dist/chunks/use-cached-selected-values.TCmNtDra.js.map +0 -1
package/dist/styles/bento.css CHANGED
@@ -149,10 +149,9 @@
149
149
  --b-data-grid-resizer-last-child-right: -4px;
150
150
  --b-data-grid-resizer-width: 8px;
151
151
  --b-data-grid-cell-hover-padding: 14px 15px;
152
- --b-data-grid-row-nested-rows-loading-container-padding: 14px;
153
152
  --b-data-grid-column-separator-height: 100%;
154
153
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
155
- --b-data-grid-column-hover-padding: 7px 15px;
154
+ --b-data-grid-column-min-height: 34px;
156
155
  --b-data-grid-column-height: auto;
157
156
  --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
158
157
  --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 @@
196
195
  --b-avatar-image-small-height: 24px;
197
196
  --b-alert-tip-icon-height: 20px;
198
197
  --b-alert-icon-height: 24px;
198
+ --b-ai-button-button-z-index: 1;
199
+ --b-ai-button-animation-background-z-index: -1;
199
200
  --b-action-bar-container-border-radius: 28px;
200
201
  --b-z-index-local-tier-4: 4;
201
202
  --b-z-index-local-tier-3: 3;
@@ -388,12 +389,16 @@
388
389
  --b-color-background-success-strong: #008845;
389
390
  --b-color-background-success-weak: #e4faef;
390
391
  --b-color-background-warning-strong: #d77f00;
392
+ --b-color-background-warning-weak-active: #ffe0b3;
393
+ --b-color-background-warning-weak-hover: #ffecd0;
391
394
  --b-color-background-warning-weak: #fff4e5;
392
395
  --b-color-background-critical-strong-active: #751e00;
393
396
  --b-color-background-critical-strong-hover: #c13101;
394
397
  --b-color-background-critical-strong: #dc3801;
395
398
  --b-color-background-critical-weak: #fff3ef;
396
399
  --b-color-background-spotlight: #ffe379;
400
+ --b-color-background-selected-active: #c8dff7;
401
+ --b-color-background-selected-hover: #d4e6f9;
397
402
  --b-color-background-selected: #e3effb;
398
403
  --b-color-background-disabled: #ecedef;
399
404
  --b-color-background-modal-active: #ecedef;
@@ -411,6 +416,8 @@
411
416
  --b-color-background-primary-active: #ecedef;
412
417
  --b-color-background-primary-hover: #f4f5f6;
413
418
  --b-color-background-primary: #ffffff;
419
+ --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%);
420
+ --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%);
414
421
  --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%);
415
422
  --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%);
416
423
  --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
@@ -716,6 +723,7 @@
716
723
  --b-selection-card-container-color: var(--b-color-label-primary);
717
724
  --b-selection-card-container-border-radius: var(--b-border-radius-l);
718
725
  --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
726
+ --b-selection-card-container-background-color: var(--b-color-background-primary);
719
727
  --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
720
728
  --b-selection-card-group-items-gap: var(--b-spacer-040);
721
729
  --b-segmented-control-button-label-container-checked-color: var(--b-color-label-primary);
@@ -1531,28 +1539,33 @@
1531
1539
  --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1532
1540
  --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
1533
1541
  --b-data-grid-footer-background-color: var(--b-color-background-primary);
1534
- --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
1542
+ --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1535
1543
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1536
1544
  --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1537
1545
  --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1538
- --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
1546
+ --b-data-grid-cell-actions-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s)) 0 0;
1539
1547
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1540
1548
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1541
1549
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1542
1550
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1543
1551
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1544
- --b-data-grid-cell-padding: 14px var(--b-spacer-070);
1545
- --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1552
+ --b-data-grid-cell-hover-border-color: var(--b-color-separator-primary);
1553
+ --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));
1554
+ --b-data-grid-cell-border: var(--b-border-width-s) solid transparent;
1546
1555
  --b-data-grid-cell-background-color: var(--b-color-background-primary);
1547
1556
  --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
1548
1557
  --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
1549
1558
  --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
1550
1559
  --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
1560
+ --b-data-grid-row-nested-rows-loading-container-padding: calc(var(--b-spacer-070) - (var(--b-border-width-s) * 2));
1551
1561
  --b-data-grid-row-nested-row-hover-background-color: var(--b-color-background-primary-hover);
1552
1562
  --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1553
1563
  --b-data-grid-row-nested-row-background-color: var(--b-color-background-primary);
1554
1564
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-primary);
1555
- --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1565
+ --b-data-grid-row-selected-hover-background-color: var(--b-color-background-selected-hover);
1566
+ --b-data-grid-row-selected-background-color: var(--b-color-background-selected);
1567
+ --b-data-grid-row-highlighted-hover-background-color: var(--b-color-background-warning-weak-hover);
1568
+ --b-data-grid-row-highlighted-background-color: var(--b-color-background-warning-weak);
1556
1569
  --b-data-grid-row-disabled-color: var(--b-color-label-primary);
1557
1570
  --b-data-grid-row-hover-background-color: var(--b-color-background-primary-hover);
1558
1571
  --b-data-grid-row-color: var(--b-color-label-primary);
@@ -1568,6 +1581,7 @@
1568
1581
  --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
1569
1582
  --b-data-grid-column-actions-gap: var(--b-spacer-010);
1570
1583
  --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1584
+ --b-data-grid-column-header-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) 0;
1571
1585
  --b-data-grid-column-header-gap: var(--b-spacer-040);
1572
1586
  --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1573
1587
  --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
@@ -1582,7 +1596,7 @@
1582
1596
  --b-data-grid-column-hover-sort-icon-color: var(--b-color-label-tertiary);
1583
1597
  --b-data-grid-column-hover-background-color: var(--b-color-background-tertiary);
1584
1598
  --b-data-grid-column-color: var(--b-color-label-primary);
1585
- --b-data-grid-column-padding: 7px var(--b-spacer-070);
1599
+ --b-data-grid-column-padding: 0 calc(var(--b-spacer-070) - var(--b-border-width-s));
1586
1600
  --b-data-grid-column-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1587
1601
  --b-data-grid-column-background-color: var(--b-color-background-primary);
1588
1602
  --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
@@ -1591,7 +1605,7 @@
1591
1605
  --b-data-grid-columns-select-column-all-padding-left: var(--b-spacer-010);
1592
1606
  --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1593
1607
  --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1594
- --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
1608
+ --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
1595
1609
  --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1596
1610
  --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1597
1611
  --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1636,7 +1650,9 @@
1636
1650
  --b-dashboard-section-controls-gap: var(--b-spacer-040);
1637
1651
  --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
1638
1652
  --b-dashboard-section-columns-gap: var(--b-spacer-090);
1639
- --b-dashboard-section-content-gap: var(--b-spacer-100);
1653
+ --b-dashboard-section-content-gap: var(--b-spacer-090);
1654
+ --b-dashboard-section-l-and-up-padding-bottom: var(--b-spacer-100);
1655
+ --b-dashboard-section-padding-bottom: var(--b-spacer-090);
1640
1656
  --b-dashboard-section-gap: var(--b-spacer-060);
1641
1657
  --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1642
1658
  --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
@@ -1645,10 +1661,13 @@
1645
1661
  --b-dashboard-template-top-section-gap: var(--b-spacer-040);
1646
1662
  --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
1647
1663
  --b-dashboard-template-container-m-and-up-spacing: var(--b-spacer-100);
1664
+ --b-dashboard-template-container-l-and-up-spacing: var(--b-spacer-100);
1648
1665
  --b-dashboard-template-container-spacing: var(--b-spacer-090);
1649
1666
  --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
1650
1667
  --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
1651
- --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
1668
+ --b-dashboard-template-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
1669
+ --b-dashboard-template-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-090);
1670
+ --b-dashboard-template-padding: var(--b-spacer-070) var(--b-spacer-070);
1652
1671
  --b-currency-color: var(--b-color-label-primary);
1653
1672
  --b-country-label-color: var(--b-color-label-primary);
1654
1673
  --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
@@ -2037,6 +2056,8 @@
2037
2056
  --b-alert-padding-mobile: var(--b-spacer-070);
2038
2057
  --b-alert-padding: var(--b-spacer-080);
2039
2058
  --b-alert-border-radius: var(--b-border-radius-m);
2059
+ --b-ai-button-icon-color: var(--b-color-decorative-green);
2060
+ --b-ai-button-animation-background: var(--b-color-decorative-green);
2040
2061
  --b-action-bar-animation-duration: var(--b-animation-duration-moderate);
2041
2062
  --b-action-bar-close-button-margin-right-mobile: var(--b-spacer-070);
2042
2063
  --b-action-bar-close-button-margin-right: var(--b-spacer-090);
@@ -2080,6 +2101,8 @@
2080
2101
  --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
2081
2102
  --b-focus-ring-outline: var(--b-border-width-l);
2082
2103
  --b-focus-ring-spacer: var(--b-border-width-s);
2104
+ --b-data-grid-cell-actions-background-gradient-highlighted-background: var(--b-gradient-data-grid-highlighted-hover);
2105
+ --b-data-grid-cell-actions-background-gradient-selected-background: var(--b-gradient-data-grid-selected-hover);
2083
2106
  --b-data-grid-cell-actions-background-gradient-zebra-background: var(--b-gradient-data-grid-zebra-hover);
2084
2107
  --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
2085
2108
  }