@adyen/bento-vue3 1.41.0 → 1.42.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 (251) hide show
  1. package/dist/@types/components.d.ts +4 -0
  2. package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +7 -0
  3. package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +7 -0
  4. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/components/file-uploader-file-card-animation/file-uploader-file-card-animation.vue.d.ts +24 -0
  5. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/components/index.d.ts +1 -0
  6. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/composables/use-truncated-file-name.d.ts +10 -0
  7. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.types.d.ts +11 -0
  8. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.vue.d.ts +63 -0
  9. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/index.d.ts +1 -0
  10. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/utils/get-file-icon/get-file-icon.d.ts +8 -0
  11. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/utils/get-file-icon-color/get-file-icon-color.d.ts +8 -0
  12. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/utils/index.d.ts +2 -0
  13. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.types.d.ts +39 -0
  14. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.vue.d.ts +68 -0
  15. package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/index.d.ts +1 -0
  16. package/dist/@types/packages/vue2/src/components/file-uploader/composables/index.d.ts +1 -0
  17. package/dist/@types/packages/vue2/src/components/file-uploader/composables/use-file-type-list/use-file-type-list.d.ts +11 -0
  18. package/dist/@types/packages/vue2/src/components/file-uploader/file-uploader.types.d.ts +99 -0
  19. package/dist/@types/packages/vue2/src/components/file-uploader/file-uploader.vue.d.ts +85 -0
  20. package/dist/@types/packages/vue2/src/components/file-uploader/index.d.ts +2 -0
  21. package/dist/@types/packages/vue2/src/components/file-uploader/utils/format-file-size/format-file-size.d.ts +9 -0
  22. package/dist/@types/packages/vue2/src/components/file-uploader/utils/get-file-type/get-file-type.d.ts +8 -0
  23. package/dist/@types/packages/vue2/src/components/file-uploader/utils/index.d.ts +3 -0
  24. package/dist/@types/packages/vue2/src/components/file-uploader/utils/read-file/read-file.d.ts +14 -0
  25. package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +277 -37
  26. package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue.d.ts +1 -1
  27. package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/base-filter.vue.d.ts +21 -6
  28. package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +1 -1
  29. package/dist/@types/packages/vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +30 -6
  30. package/dist/@types/packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue.d.ts +30 -6
  31. package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +44 -6
  32. package/dist/@types/packages/vue2/src/components/filter-bar/components/filter-bar-button/filter-bar-button.vue.d.ts +5 -7
  33. package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +37 -6
  34. package/dist/@types/packages/vue2/src/components/filter-bar/components/input-with-dropdown-filter/input-with-dropdown-filter.vue.d.ts +8 -0
  35. package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +37 -6
  36. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-button/select-filter-button.vue.d.ts +15 -0
  37. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-dropdown/select-filter-dropdown.vue.d.ts +15 -0
  38. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.props.d.ts +7 -0
  39. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts +9 -0
  40. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +24 -0
  41. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +9 -0
  42. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +24 -0
  43. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +24 -0
  44. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +24 -0
  45. package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +4 -0
  46. package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +274 -30
  47. package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +3 -0
  48. package/dist/@types/packages/vue2/src/components/input-field-password/index.d.ts +3 -0
  49. package/dist/@types/packages/vue2/src/components/input-field-password/input-field-password.types.d.ts +77 -0
  50. package/dist/@types/packages/vue2/src/components/input-field-password/input-field-password.vue.d.ts +90 -0
  51. package/dist/@types/packages/vue2/src/components/input-field-password/utilities/input-field-password.validation.d.ts +37 -0
  52. package/dist/@types/packages/vue2/src/components/internal/tooltip/tooltip.vue.d.ts +43 -8
  53. package/dist/@types/packages/vue2/src/index.d.ts +2 -0
  54. package/dist/action-bar.js +1 -1
  55. package/dist/alert.js +1 -1
  56. package/dist/assets/accordion-item.css +1 -1
  57. package/dist/assets/action-bar.css +1 -1
  58. package/dist/assets/base-modal.css +1 -1
  59. package/dist/assets/card.css +1 -1
  60. package/dist/assets/data-grid.css +1 -1
  61. package/dist/assets/dialog-page.css +1 -1
  62. package/dist/assets/file-uploader.css +1 -0
  63. package/dist/assets/filter-bar.css +1 -1
  64. package/dist/assets/input-field-password.css +1 -0
  65. package/dist/assets/input-field.css +1 -1
  66. package/dist/assets/inspector.css +1 -1
  67. package/dist/assets/menu.css +1 -1
  68. package/dist/assets/modal-fullscreen.css +1 -1
  69. package/dist/assets/popover.css +1 -1
  70. package/dist/assets/sidepanel.css +1 -1
  71. package/dist/assets/step.css +1 -1
  72. package/dist/assets/tooltip.css +1 -1
  73. package/dist/button.js +2 -2
  74. package/dist/card.js +1 -1
  75. package/dist/checkbox.js +2 -2
  76. package/dist/chunks/{action-bar.BZIBGja0.js → action-bar.C1Vu3qJu.js} +5 -5
  77. package/dist/chunks/{action-bar.BZIBGja0.js.map → action-bar.C1Vu3qJu.js.map} +1 -1
  78. package/dist/chunks/{alert.CHddA_lK.js → alert.B9V6kUmo.js} +9 -9
  79. package/dist/chunks/{alert.CHddA_lK.js.map → alert.B9V6kUmo.js.map} +1 -1
  80. package/dist/chunks/{base-modal.6IqnDuvf.js → base-modal.ku0lyHOs.js} +2 -2
  81. package/dist/chunks/{base-modal.6IqnDuvf.js.map → base-modal.ku0lyHOs.js.map} +1 -1
  82. package/dist/chunks/{button-actions-with-menu.ByYlrFqZ.js → button-actions-with-menu.Bn7Kdx4v.js} +4 -4
  83. package/dist/chunks/{button-actions-with-menu.ByYlrFqZ.js.map → button-actions-with-menu.Bn7Kdx4v.js.map} +1 -1
  84. package/dist/chunks/{button-actions.ndsyVgzV.js → button-actions.Bjfo46Q_.js} +2 -2
  85. package/dist/chunks/{button-actions.ndsyVgzV.js.map → button-actions.Bjfo46Q_.js.map} +1 -1
  86. package/dist/chunks/{card.B6tMI3KP.js → card.D_XL2TWr.js} +2 -2
  87. package/dist/chunks/{card.B6tMI3KP.js.map → card.D_XL2TWr.js.map} +1 -1
  88. package/dist/chunks/{checkbox-group.Zf-GivDW.js → checkbox-group.C5IweVVx.js} +4 -4
  89. package/dist/chunks/{checkbox-group.Zf-GivDW.js.map → checkbox-group.C5IweVVx.js.map} +1 -1
  90. package/dist/chunks/{checkbox.DdMkyTo5.js → checkbox.B72ok3Yu.js} +3 -3
  91. package/dist/chunks/{checkbox.DdMkyTo5.js.map → checkbox.B72ok3Yu.js.map} +1 -1
  92. package/dist/chunks/{checkmark-circle-fill.ChV7Jy6r.js → checkmark-circle-fill.ClIf1E3H.js} +7 -7
  93. package/dist/chunks/{checkmark-circle-fill.ChV7Jy6r.js.map → checkmark-circle-fill.ClIf1E3H.js.map} +1 -1
  94. package/dist/chunks/{code-snippet.Dp_tDJ-S.js → code-snippet.CiOcZKKH.js} +5 -5
  95. package/dist/chunks/{code-snippet.Dp_tDJ-S.js.map → code-snippet.CiOcZKKH.js.map} +1 -1
  96. package/dist/chunks/{controls-group.RL8WrYdy.js → controls-group.Dg_YRS1e.js} +2 -2
  97. package/dist/chunks/{controls-group.RL8WrYdy.js.map → controls-group.Dg_YRS1e.js.map} +1 -1
  98. package/dist/chunks/{copy.dbbJppdL.js → copy.CnzLQyvJ.js} +2 -2
  99. package/dist/chunks/{copy.dbbJppdL.js.map → copy.CnzLQyvJ.js.map} +1 -1
  100. package/dist/chunks/{dashboard-section.BdRXcY4u.js → dashboard-section.BCc8HoQG.js} +3 -3
  101. package/dist/chunks/{dashboard-section.BdRXcY4u.js.map → dashboard-section.BCc8HoQG.js.map} +1 -1
  102. package/dist/chunks/{dashed-underline.D6ke20Vd.js → dashed-underline.BKfUevuM.js} +3 -3
  103. package/dist/chunks/{dashed-underline.D6ke20Vd.js.map → dashed-underline.BKfUevuM.js.map} +1 -1
  104. package/dist/chunks/{data-grid-template.CRxJLJsn.js → data-grid-template.DI27ou71.js} +2 -2
  105. package/dist/chunks/{data-grid-template.CRxJLJsn.js.map → data-grid-template.DI27ou71.js.map} +1 -1
  106. package/dist/chunks/{data-grid.BC2tOBxm.js → data-grid.eX0SZIFQ.js} +858 -913
  107. package/dist/chunks/data-grid.eX0SZIFQ.js.map +1 -0
  108. package/dist/chunks/{date-picker.B6HK0sb2.js → date-picker.DDsfecHp.js} +3 -3
  109. package/dist/chunks/{date-picker.B6HK0sb2.js.map → date-picker.DDsfecHp.js.map} +1 -1
  110. package/dist/chunks/{date-range-picker.3iWt1Cd6.js → date-range-picker.C9Ht_Egi.js} +7 -7
  111. package/dist/chunks/{date-range-picker.3iWt1Cd6.js.map → date-range-picker.C9Ht_Egi.js.map} +1 -1
  112. package/dist/chunks/dot.pQfhaKda.js +29 -0
  113. package/dist/chunks/dot.pQfhaKda.js.map +1 -0
  114. package/dist/chunks/{dropdown-tag.ChFJ9l5g.js → dropdown-tag.Bc4qxPRN.js} +3 -3
  115. package/dist/chunks/{dropdown-tag.ChFJ9l5g.js.map → dropdown-tag.Bc4qxPRN.js.map} +1 -1
  116. package/dist/chunks/{dropdown.CMKdLPHi.js → dropdown.BqkUB1So.js} +4 -4
  117. package/dist/chunks/{dropdown.CMKdLPHi.js.map → dropdown.BqkUB1So.js.map} +1 -1
  118. package/dist/chunks/{error-message.CmMyB-k9.js → error-message.BYXS0kUN.js} +2 -2
  119. package/dist/chunks/{error-message.CmMyB-k9.js.map → error-message.BYXS0kUN.js.map} +1 -1
  120. package/dist/chunks/es6.b4enG1py.js.map +1 -1
  121. package/dist/chunks/file-uploader.cRbwpcAw.js +1074 -0
  122. package/dist/chunks/file-uploader.cRbwpcAw.js.map +1 -0
  123. package/dist/chunks/filter-bar.DVLYNNwQ.js +2867 -0
  124. package/dist/chunks/filter-bar.DVLYNNwQ.js.map +1 -0
  125. package/dist/chunks/{footer-actions.DAlN9pd3.js → footer-actions.DvIVWqWv.js} +2 -2
  126. package/dist/chunks/{footer-actions.DAlN9pd3.js.map → footer-actions.DvIVWqWv.js.map} +1 -1
  127. package/dist/chunks/{form-layout-title.w0J-ymMW.js → form-layout-title.BqNDCnLk.js} +2 -2
  128. package/dist/chunks/{form-layout-title.w0J-ymMW.js.map → form-layout-title.BqNDCnLk.js.map} +1 -1
  129. package/dist/chunks/{header.DQmnYarZ.js → header.C0NBlBJv.js} +4 -4
  130. package/dist/chunks/{header.DQmnYarZ.js.map → header.C0NBlBJv.js.map} +1 -1
  131. package/dist/chunks/index.CWuzEfiV.js +6 -0
  132. package/dist/chunks/index.CWuzEfiV.js.map +1 -0
  133. package/dist/chunks/index.Cwtxz7pr.js +344 -0
  134. package/dist/chunks/{index.ChdIlujs.js.map → index.Cwtxz7pr.js.map} +1 -1
  135. package/dist/chunks/{info-icon.CNPSAUM6.js → info-icon.CUC0fwLb.js} +2 -2
  136. package/dist/chunks/{info-icon.CNPSAUM6.js.map → info-icon.CUC0fwLb.js.map} +1 -1
  137. package/dist/chunks/input-field-password.BA0EpVMY.js +306 -0
  138. package/dist/chunks/input-field-password.BA0EpVMY.js.map +1 -0
  139. package/dist/chunks/{input-field.Bk2p3kIb.js → input-field.CWMgbw48.js} +84 -83
  140. package/dist/chunks/input-field.CWMgbw48.js.map +1 -0
  141. package/dist/chunks/{layout-row.rzhGrBQ3.js → layout-row.iTtAEvD2.js} +2 -2
  142. package/dist/chunks/{layout-row.rzhGrBQ3.js.map → layout-row.iTtAEvD2.js.map} +1 -1
  143. package/dist/chunks/{listbox-option-tag.58u_cWFs.js → listbox-option-tag.DU_NVK_z.js} +2 -2
  144. package/dist/chunks/{listbox-option-tag.58u_cWFs.js.map → listbox-option-tag.DU_NVK_z.js.map} +1 -1
  145. package/dist/chunks/{loading-button.CHujR70I.js → loading-button.CNWhVIPK.js} +10 -10
  146. package/dist/chunks/{loading-button.CHujR70I.js.map → loading-button.CNWhVIPK.js.map} +1 -1
  147. package/dist/chunks/{menu.DXVN_WLr.js → menu.BpqOdkxR.js} +3 -3
  148. package/dist/chunks/{menu.DXVN_WLr.js.map → menu.BpqOdkxR.js.map} +1 -1
  149. package/dist/chunks/{modal-fullscreen.D96Avr2Q.js → modal-fullscreen.DtgTb1Xh.js} +2 -2
  150. package/dist/chunks/{modal-fullscreen.D96Avr2Q.js.map → modal-fullscreen.DtgTb1Xh.js.map} +1 -1
  151. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ylWdiVwQ.js → modal.vue_vue_type_script_setup_true_lang.CjD91zJo.js} +4 -4
  152. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ylWdiVwQ.js.map → modal.vue_vue_type_script_setup_true_lang.CjD91zJo.js.map} +1 -1
  153. package/dist/chunks/{pagination.D_4FRHE9.js → pagination.DrWx8K01.js} +2 -2
  154. package/dist/chunks/{pagination.D_4FRHE9.js.map → pagination.DrWx8K01.js.map} +1 -1
  155. package/dist/chunks/{popover.HArIkKve.js → popover.D9Zw4w9l.js} +2 -2
  156. package/dist/chunks/{popover.HArIkKve.js.map → popover.D9Zw4w9l.js.map} +1 -1
  157. package/dist/chunks/{promo-banner.BRn1iznD.js → promo-banner.oUapgyV-.js} +2 -2
  158. package/dist/chunks/{promo-banner.BRn1iznD.js.map → promo-banner.oUapgyV-.js.map} +1 -1
  159. package/dist/chunks/{radio-group.D94e5N12.js → radio-group.DIyCKfOQ.js} +4 -4
  160. package/dist/chunks/{radio-group.D94e5N12.js.map → radio-group.DIyCKfOQ.js.map} +1 -1
  161. package/dist/chunks/{search-bar.D_4u91te.js → search-bar.DDePObYJ.js} +3 -3
  162. package/dist/chunks/{search-bar.D_4u91te.js.map → search-bar.DDePObYJ.js.map} +1 -1
  163. package/dist/chunks/{secondary-nav.CQ3aLyrM.js → secondary-nav.ysDOs9J9.js} +3 -3
  164. package/dist/chunks/{secondary-nav.CQ3aLyrM.js.map → secondary-nav.ysDOs9J9.js.map} +1 -1
  165. package/dist/chunks/{segmented-control.CueLfseV.js → segmented-control.B5H5Wiyz.js} +2 -2
  166. package/dist/chunks/{segmented-control.CueLfseV.js.map → segmented-control.B5H5Wiyz.js.map} +1 -1
  167. package/dist/chunks/{selection-card-group.Du3Cwf47.js → selection-card-group.pUl1EuFV.js} +4 -4
  168. package/dist/chunks/{selection-card-group.Du3Cwf47.js.map → selection-card-group.pUl1EuFV.js.map} +1 -1
  169. package/dist/chunks/show.ChPQTrAT.js +64 -0
  170. package/dist/chunks/show.ChPQTrAT.js.map +1 -0
  171. package/dist/chunks/{sidepanel.CGbl5x5B.js → sidepanel.BywianGe.js} +2 -2
  172. package/dist/chunks/{sidepanel.CGbl5x5B.js.map → sidepanel.BywianGe.js.map} +1 -1
  173. package/dist/chunks/step.Db0UJ8mx.js +264 -0
  174. package/dist/chunks/step.Db0UJ8mx.js.map +1 -0
  175. package/dist/chunks/{structured-list-item.CujUEOTK.js → structured-list-item.C_6ju-IY.js} +4 -4
  176. package/dist/chunks/{structured-list-item.CujUEOTK.js.map → structured-list-item.C_6ju-IY.js.map} +1 -1
  177. package/dist/chunks/{summary-grid-item-custom.DF9waESp.js → summary-grid-item-custom.FxBnzHzb.js} +4 -4
  178. package/dist/chunks/{summary-grid-item-custom.DF9waESp.js.map → summary-grid-item-custom.FxBnzHzb.js.map} +1 -1
  179. package/dist/chunks/{tag.wfnhGWVG.js → tag.xvqrfTwk.js} +2 -2
  180. package/dist/chunks/{tag.wfnhGWVG.js.map → tag.xvqrfTwk.js.map} +1 -1
  181. package/dist/chunks/{teleport.L8qFCYpr.js → teleport.CI0k6eaC.js} +9 -9
  182. package/dist/chunks/teleport.CI0k6eaC.js.map +1 -0
  183. package/dist/chunks/{textarea.DlPNxnUQ.js → textarea.vAp6HFi9.js} +2 -2
  184. package/dist/chunks/{textarea.DlPNxnUQ.js.map → textarea.vAp6HFi9.js.map} +1 -1
  185. package/dist/chunks/{timeline-item.B8VvkDfR.js → timeline-item.ND_EMuwP.js} +5 -5
  186. package/dist/chunks/{timeline-item.B8VvkDfR.js.map → timeline-item.ND_EMuwP.js.map} +1 -1
  187. package/dist/chunks/tooltip.BvJoy09y.js +203 -0
  188. package/dist/chunks/tooltip.BvJoy09y.js.map +1 -0
  189. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CGpbGgfc.js → tutorial.vue_vue_type_script_setup_true_lang.LBw_ALfS.js} +4 -4
  190. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CGpbGgfc.js.map → tutorial.vue_vue_type_script_setup_true_lang.LBw_ALfS.js.map} +1 -1
  191. package/dist/chunks/{use-cached-selected-values.DaRzXFIt.js → use-cached-selected-values.DWVHnlNN.js} +3 -3
  192. package/dist/chunks/{use-cached-selected-values.DaRzXFIt.js.map → use-cached-selected-values.DWVHnlNN.js.map} +1 -1
  193. package/dist/chunks/{warning-filled.Dm_HhqzW.js → warning-filled.OUOUbA6k.js} +2 -2
  194. package/dist/chunks/{warning-filled.Dm_HhqzW.js.map → warning-filled.OUOUbA6k.js.map} +1 -1
  195. package/dist/code-snippet.js +1 -1
  196. package/dist/dashboard-template.js +1 -1
  197. package/dist/dashed-underline.js +1 -1
  198. package/dist/data-grid-template.js +1 -1
  199. package/dist/data-grid.js +1 -1
  200. package/dist/date-picker.js +1 -1
  201. package/dist/date-range-picker.js +1 -1
  202. package/dist/dropdown.js +3 -3
  203. package/dist/file-uploader.js +5 -0
  204. package/dist/file-uploader.js.map +1 -0
  205. package/dist/filter-bar.js +1 -1
  206. package/dist/form-layout.js +1 -1
  207. package/dist/header.js +1 -1
  208. package/dist/index.js +228 -219
  209. package/dist/index.js.map +1 -1
  210. package/dist/info-icon.js +1 -1
  211. package/dist/input-field-password.js +10 -0
  212. package/dist/input-field-password.js.map +1 -0
  213. package/dist/input-field.js +1 -1
  214. package/dist/internal.js +7 -7
  215. package/dist/layout.js +1 -1
  216. package/dist/menu.js +1 -1
  217. package/dist/modal-fullscreen.js +1 -1
  218. package/dist/modal.js +2 -2
  219. package/dist/pagination.js +1 -1
  220. package/dist/popover.js +1 -1
  221. package/dist/promo-banner.js +1 -1
  222. package/dist/radio-group.js +1 -1
  223. package/dist/search-bar.js +2 -2
  224. package/dist/secondary-nav.js +1 -1
  225. package/dist/segmented-control.js +1 -1
  226. package/dist/selection-card.js +1 -1
  227. package/dist/sidepanel.js +1 -1
  228. package/dist/stepper.js +1 -1
  229. package/dist/structured-list.js +1 -1
  230. package/dist/styles/bento-dark.css +95 -34
  231. package/dist/styles/bento-light.css +95 -34
  232. package/dist/styles/bento.css +95 -34
  233. package/dist/styles/legacy.css +103 -42
  234. package/dist/styles/styleguide.css +95 -34
  235. package/dist/summary-grid.js +1 -1
  236. package/dist/tag.js +1 -1
  237. package/dist/textarea.js +1 -1
  238. package/dist/timeline.js +1 -1
  239. package/dist/tutorial.js +1 -1
  240. package/dist/web-types.json +1 -1
  241. package/package.json +6 -7
  242. package/dist/chunks/data-grid.BC2tOBxm.js.map +0 -1
  243. package/dist/chunks/filter-bar.pKcJryD3.js +0 -2898
  244. package/dist/chunks/filter-bar.pKcJryD3.js.map +0 -1
  245. package/dist/chunks/index.ChdIlujs.js +0 -248
  246. package/dist/chunks/input-field.Bk2p3kIb.js.map +0 -1
  247. package/dist/chunks/step.CwuThZ0G.js +0 -285
  248. package/dist/chunks/step.CwuThZ0G.js.map +0 -1
  249. package/dist/chunks/teleport.L8qFCYpr.js.map +0 -1
  250. package/dist/chunks/tooltip.BEl_LdFo.js +0 -188
  251. package/dist/chunks/tooltip.BEl_LdFo.js.map +0 -1
package/dist/styles/bento-light.css CHANGED
@@ -103,6 +103,7 @@
103
103
  --b-link-text-decoration: underline;
104
104
  --b-input-field-input-box-focus-border-width: 1.5px;
105
105
  --b-input-field-input-box-height: 36px;
106
+ --b-input-field-password-validation-title-font-weight: 700;
106
107
  --b-header-actions-margin-top-desktop: 0;
107
108
  --b-filter-button-label-line-height: 20px;
108
109
  --b-filter-bar-select-filter-button-divider-border-width: 0;
@@ -405,7 +406,7 @@
405
406
  --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
406
407
  --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
407
408
  --b-tutorial-popover-color: var(--b-color-label-secondary);
408
- --b-tooltip-z-index: 5;
409
+ --b-tooltip-z-index: var(--b-z-index-global-elevated);
409
410
  --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
410
411
  --b-tooltip-color: var(--b-color-label-inverse-primary);
411
412
  --b-tooltip-border-radius: var(--b-border-radius-s);
@@ -487,7 +488,7 @@
487
488
  --b-toast-item-shadow: var(--b-shadow-medium-border);
488
489
  --b-toast-item-icon-margin: var(--b-spacer-070);
489
490
  --b-toast-item-icon-color: var(--b-color-label-highlight);
490
- --b-toast-item-z-index: 15;
491
+ --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
491
492
  --b-toast-item-spacing: var(--b-spacer-070);
492
493
  --b-toast-item-button-color: var(--b-color-label-inverse-primary);
493
494
  --b-toast-item-color: var(--b-color-label-inverse-primary);
@@ -589,7 +590,7 @@
589
590
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
590
591
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
591
592
  --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
592
- --b-summary-grid-item-content-label-font-weight: 600;
593
+ --b-summary-grid-item-content-label-font-weight: var(--b-text-body-strongest-font-weight);
593
594
  --b-summary-grid-item-title-icons-margin-left: var(--b-spacer-060);
594
595
  --b-summary-grid-item-title-icons-height: var(--b-text-body-line-height);
595
596
  --b-summary-grid-item-title-icons-gap: var(--b-spacer-060);
@@ -661,7 +662,7 @@
661
662
  --b-sidepanel-page-header-background-color: var(--b-color-background-modal);
662
663
  --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
663
664
  --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
664
- --b-sidepanel-close-button-z-index: 1;
665
+ --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
665
666
  --b-sidepanel-close-button-right: var(--b-spacer-090);
666
667
  --b-sidepanel-border-radius: var(--b-border-radius-l);
667
668
  --b-sidepanel-background-color: var(--b-color-background-modal);
@@ -794,7 +795,7 @@
794
795
  --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
795
796
  --b-promo-banner-color: var(--b-color-label-primary);
796
797
  --b-promo-banner-border-radius: var(--b-border-radius-xl);
797
- --b-popper-z-index: 5;
798
+ --b-popper-z-index: var(--b-z-index-global-elevated);
798
799
  --b-popover-animation-duration: var(--b-animation-duration-moderate);
799
800
  --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
800
801
  --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
@@ -812,7 +813,7 @@
812
813
  --b-popover-dismiss-button-on-image-icon-active-color: var(--b-color-label-inverse-primary);
813
814
  --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
814
815
  --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
815
- --b-popover-z-index: 5;
816
+ --b-popover-z-index: var(--b-z-index-global-elevated);
816
817
  --b-popover-color: var(--b-color-label-primary);
817
818
  --b-popover-box-shadow: var(--b-shadow-medium-border);
818
819
  --b-popover-border-radius: var(--b-border-radius-m);
@@ -830,11 +831,11 @@
830
831
  --b-pagination-color: var(--b-color-label-primary);
831
832
  --b-modal-animation-duration: var(--b-animation-duration-moderate);
832
833
  --b-modal-backdrop-background-color: var(--b-color-support-overlay);
833
- --b-modal-close-button-z-index: 1;
834
+ --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
834
835
  --b-modal-close-button-right: var(--b-spacer-090);
835
836
  --b-modal-close-button-height: var(--b-text-title-line-height);
836
837
  --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
837
- --b-modal-header-container-z-index: 1;
838
+ --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
838
839
  --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
839
840
  --b-modal-header-min-height: var(--b-text-title-line-height);
840
841
  --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
@@ -846,7 +847,7 @@
846
847
  --b-modal-padding: var(--b-spacer-000);
847
848
  --b-modal-border-radius: var(--b-border-radius-l);
848
849
  --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
849
- --b-modal-fullscreen-close-button-z-index: 1;
850
+ --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
850
851
  --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
851
852
  --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
852
853
  --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
@@ -1001,7 +1002,7 @@
1001
1002
  --b-inspector-header-color: var(--b-color-label-primary);
1002
1003
  --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
1003
1004
  --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
1004
- --b-inspector-container-wrapper-z-index: 5;
1005
+ --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
1005
1006
  --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
1006
1007
  --b-input-field-error-message-margin-top: var(--b-spacer-040);
1007
1008
  --b-input-field-description-padding: var(--b-spacer-000);
@@ -1072,6 +1073,11 @@
1072
1073
  --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1073
1074
  --b-input-field-label-margin-bottom: var(--b-spacer-040);
1074
1075
  --b-input-field-label-color: var(--b-color-label-primary);
1076
+ --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
1077
+ --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
1078
+ --b-input-field-password-validation-list-margin: var(--b-spacer-060);
1079
+ --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
1080
+ --b-input-field-password-validation-list-gap: var(--b-spacer-060);
1075
1081
  --b-info-icon-color: var(--b-color-label-primary);
1076
1082
  --b-header-component-title-margin-top: var(--b-spacer-020);
1077
1083
  --b-header-actions-margin-top: var(--b-spacer-070);
@@ -1167,34 +1173,89 @@
1167
1173
  --b-filter-bar-actions-gap: var(--b-spacer-040);
1168
1174
  --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
1169
1175
  --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
1170
- --b-filter-bar-z-index: 5;
1176
+ --b-filter-bar-z-index: var(--b-z-index-global-elevated);
1171
1177
  --b-filter-bar-padding-right: var(--b-spacer-070);
1172
1178
  --b-filter-bar-gap: var(--b-spacer-040);
1173
- --b-filter-bar-button-secondary-label-color: var(--b-color-label-secondary);
1179
+ --color: {color.label.primary};
1174
1180
  --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
1175
- --b-filter-bar-button-hover-color: var(--b-color-label-primary-hover);
1181
+ --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
1176
1182
  --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
1177
1183
  --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1184
+ --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1185
+ --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1186
+ --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1178
1187
  --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1188
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1179
1189
  --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1180
1190
  --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-disabled);
1181
1191
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1182
1192
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1183
- --b-filter-bar-button-counter-color: var(--b-color-label-secondary);
1193
+ --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1184
1194
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1185
1195
  --b-filter-bar-button-counter-background-color: var(--b-color-background-tertiary);
1186
1196
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1187
1197
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1188
1198
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1189
- --b-filter-bar-button-with-chevron-container-padding-right: var(--b-spacer-040);
1199
+ --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1190
1200
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1191
1201
  --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1192
- --b-filter-bar-button-chevron-padding-right: var(--b-spacer-060);
1202
+ --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1203
+ --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1193
1204
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1194
1205
  --b-filter-bar-button-color: var(--b-color-label-primary);
1195
1206
  --b-filter-bar-button-border-radius: var(--b-border-radius-m);
1196
1207
  --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1197
1208
  --b-filter-bar-button-background-color: var(--b-color-background-primary);
1209
+ --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
1210
+ --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
1211
+ --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
1212
+ --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
1213
+ --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
1214
+ --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
1215
+ --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
1216
+ --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
1217
+ --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
1218
+ --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
1219
+ --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
1220
+ --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
1221
+ --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
1222
+ --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
1223
+ --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
1224
+ --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
1225
+ --b-file-uploader-file-card-gap: var(--b-spacer-040);
1226
+ --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
1227
+ --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
1228
+ --b-file-uploader-title-margin-top: var(--b-spacer-060);
1229
+ --b-file-uploader-files-gap: var(--b-spacer-040);
1230
+ --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
1231
+ --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
1232
+ --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
1233
+ --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
1234
+ --b-file-uploader-icon-width: var(--b-spacer-100);
1235
+ --b-file-uploader-icon-padding: var(--b-spacer-040);
1236
+ --b-file-uploader-icon-height: var(--b-spacer-100);
1237
+ --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
1238
+ --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
1239
+ --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
1240
+ --b-file-uploader-description-margin-top: var(--b-spacer-020);
1241
+ --b-file-uploader-description-color: var(--b-color-label-secondary);
1242
+ --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
1243
+ --b-file-uploader-button-margin-top: var(--b-spacer-060);
1244
+ --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
1245
+ --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
1246
+ --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
1247
+ --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
1248
+ --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
1249
+ --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
1250
+ --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
1251
+ --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
1252
+ --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
1253
+ --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
1254
+ --b-file-uploader-area-border-radius: var(--b-border-radius-m);
1255
+ --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
1256
+ --b-file-uploader-area-background-color: var(--b-color-background-primary);
1257
+ --b-file-uploader-alert-margin-top: var(--b-spacer-040);
1258
+ --b-file-uploader-gap: var(--b-spacer-040);
1198
1259
  --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
1199
1260
  --b-field-label-requirement-color: var(--b-color-label-secondary);
1200
1261
  --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
@@ -1267,7 +1328,7 @@
1267
1328
  --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
1268
1329
  --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1269
1330
  --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1270
- --b-dialog-page-back-button-z-index: 1;
1331
+ --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
1271
1332
  --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1272
1333
  --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1273
1334
  --b-dialog-page-border-radius: var(--b-border-radius-l);
@@ -1294,10 +1355,10 @@
1294
1355
  --b-date-picker-description-error-margin-top: var(--b-spacer-020);
1295
1356
  --b-date-picker-description-margin-top: var(--b-spacer-040);
1296
1357
  --b-date-picker-description-color: var(--b-color-label-secondary);
1297
- --b-data-grid-horizontal-scrollbar-z-index: 2;
1358
+ --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
1298
1359
  --b-data-grid-horizontal-scrollbar-background-color: var(--b-color-background-primary);
1299
1360
  --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
1300
- --b-data-grid-re-order-column-target-separator-z-index: 1;
1361
+ --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
1301
1362
  --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
1302
1363
  --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
1303
1364
  --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
@@ -1320,12 +1381,12 @@
1320
1381
  --b-data-grid-config-settings-button-padding: 0 0 0 var(--b-spacer-020);
1321
1382
  --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1322
1383
  --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
1323
- --b-data-grid-config-settings-z-index: 4;
1384
+ --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
1324
1385
  --b-data-grid-config-settings-color: var(--b-color-label-primary);
1325
1386
  --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1326
1387
  --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1327
- --b-data-grid-filters-focus-within-z-index: 3;
1328
- --b-data-grid-filters-z-index: 2;
1388
+ --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
1389
+ --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
1329
1390
  --b-data-grid-filters-background-color: var(--b-color-background-primary);
1330
1391
  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
1331
1392
  --b-data-grid-filters-border-width: var(--b-border-width-s);
@@ -1335,13 +1396,13 @@
1335
1396
  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
1336
1397
  --b-data-grid-pagination-border-width: var(--b-border-width-s);
1337
1398
  --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
1338
- --b-data-grid-pagination-z-index: 2;
1399
+ --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
1339
1400
  --b-data-grid-pagination-background-color: var(--b-color-background-primary);
1340
1401
  --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
1341
1402
  --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1342
- --b-data-grid-lazy-load-z-index: 2;
1403
+ --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
1343
1404
  --b-data-grid-lazy-load-background-color: var(--b-color-background-primary);
1344
- --b-data-grid-footer-z-index: 2;
1405
+ --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1345
1406
  --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
1346
1407
  --b-data-grid-footer-background-color: var(--b-color-background-primary);
1347
1408
  --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
@@ -1364,8 +1425,8 @@
1364
1425
  --b-data-grid-row-border-width: var(--b-border-width-s);
1365
1426
  --b-data-grid-row-border-color: var(--b-color-separator-primary);
1366
1427
  --b-data-grid-row-background-color: var(--b-color-background-primary);
1367
- --b-data-grid-rows-frozen-hover-z-index: 2;
1368
- --b-data-grid-rows-frozen-z-index: 1;
1428
+ --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
1429
+ --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
1369
1430
  --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
1370
1431
  --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1371
1432
  --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
@@ -1373,7 +1434,7 @@
1373
1434
  --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1374
1435
  --b-data-grid-column-header-gap: var(--b-spacer-040);
1375
1436
  --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1376
- --b-data-grid-column-separator-z-index: 1;
1437
+ --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
1377
1438
  --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
1378
1439
  --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
1379
1440
  --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
@@ -1391,14 +1452,14 @@
1391
1452
  --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1392
1453
  --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1393
1454
  --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
1394
- --b-data-grid-columns-frozen-z-index: 2;
1455
+ --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1395
1456
  --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1396
1457
  --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
1397
1458
  --b-data-grid-columns-border-width: var(--b-border-width-s);
1398
1459
  --b-data-grid-columns-border-color: var(--b-color-separator-primary);
1399
- --b-data-grid-column-headers-focus-within-z-index: 3;
1460
+ --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
1400
1461
  --b-data-grid-column-headers-background-color: var(--b-color-background-primary);
1401
- --b-data-grid-column-headers-z-index: 2;
1462
+ --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
1402
1463
  --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
1403
1464
  --b-data-grid-border-width: var(--b-border-width-s);
1404
1465
  --b-data-grid-border-radius: var(--b-border-radius-m);
@@ -1413,7 +1474,7 @@
1413
1474
  --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
1414
1475
  --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
1415
1476
  --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1416
- --b-data-grid-template-header-z-index: 3;
1477
+ --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
1417
1478
  --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1418
1479
  --b-data-grid-template-gap: var(--b-spacer-060);
1419
1480
  --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
@@ -1430,7 +1491,7 @@
1430
1491
  --b-dashboard-section-content-gap: var(--b-spacer-100);
1431
1492
  --b-dashboard-section-gap: var(--b-spacer-060);
1432
1493
  --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1433
- --b-dashboard-template-sticky-items-z-index: 1;
1494
+ --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
1434
1495
  --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
1435
1496
  --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
1436
1497
  --b-dashboard-template-top-section-gap: var(--b-spacer-040);
@@ -1796,7 +1857,7 @@
1796
1857
  --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
1797
1858
  --b-action-bar-container-color: var(--b-color-label-inverse-primary);
1798
1859
  --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
1799
- --b-action-bar-z-index: 5;
1860
+ --b-action-bar-z-index: var(--b-z-index-global-elevated);
1800
1861
  --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
1801
1862
  --b-action-bar-bottom: var(--b-spacer-070);
1802
1863
  --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
package/dist/styles/bento.css CHANGED
@@ -103,6 +103,7 @@
103
103
  --b-link-text-decoration: underline;
104
104
  --b-input-field-input-box-focus-border-width: 1.5px;
105
105
  --b-input-field-input-box-height: 36px;
106
+ --b-input-field-password-validation-title-font-weight: 700;
106
107
  --b-header-actions-margin-top-desktop: 0;
107
108
  --b-filter-button-label-line-height: 20px;
108
109
  --b-filter-bar-select-filter-button-divider-border-width: 0;
@@ -405,7 +406,7 @@
405
406
  --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
406
407
  --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
407
408
  --b-tutorial-popover-color: var(--b-color-label-secondary);
408
- --b-tooltip-z-index: 5;
409
+ --b-tooltip-z-index: var(--b-z-index-global-elevated);
409
410
  --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
410
411
  --b-tooltip-color: var(--b-color-label-inverse-primary);
411
412
  --b-tooltip-border-radius: var(--b-border-radius-s);
@@ -487,7 +488,7 @@
487
488
  --b-toast-item-shadow: var(--b-shadow-medium-border);
488
489
  --b-toast-item-icon-margin: var(--b-spacer-070);
489
490
  --b-toast-item-icon-color: var(--b-color-label-highlight);
490
- --b-toast-item-z-index: 15;
491
+ --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
491
492
  --b-toast-item-spacing: var(--b-spacer-070);
492
493
  --b-toast-item-button-color: var(--b-color-label-inverse-primary);
493
494
  --b-toast-item-color: var(--b-color-label-inverse-primary);
@@ -589,7 +590,7 @@
589
590
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
590
591
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
591
592
  --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
592
- --b-summary-grid-item-content-label-font-weight: 600;
593
+ --b-summary-grid-item-content-label-font-weight: var(--b-text-body-strongest-font-weight);
593
594
  --b-summary-grid-item-title-icons-margin-left: var(--b-spacer-060);
594
595
  --b-summary-grid-item-title-icons-height: var(--b-text-body-line-height);
595
596
  --b-summary-grid-item-title-icons-gap: var(--b-spacer-060);
@@ -661,7 +662,7 @@
661
662
  --b-sidepanel-page-header-background-color: var(--b-color-background-modal);
662
663
  --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
663
664
  --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
664
- --b-sidepanel-close-button-z-index: 1;
665
+ --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
665
666
  --b-sidepanel-close-button-right: var(--b-spacer-090);
666
667
  --b-sidepanel-border-radius: var(--b-border-radius-l);
667
668
  --b-sidepanel-background-color: var(--b-color-background-modal);
@@ -794,7 +795,7 @@
794
795
  --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
795
796
  --b-promo-banner-color: var(--b-color-label-primary);
796
797
  --b-promo-banner-border-radius: var(--b-border-radius-xl);
797
- --b-popper-z-index: 5;
798
+ --b-popper-z-index: var(--b-z-index-global-elevated);
798
799
  --b-popover-animation-duration: var(--b-animation-duration-moderate);
799
800
  --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
800
801
  --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
@@ -812,7 +813,7 @@
812
813
  --b-popover-dismiss-button-on-image-icon-active-color: var(--b-color-label-inverse-primary);
813
814
  --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
814
815
  --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
815
- --b-popover-z-index: 5;
816
+ --b-popover-z-index: var(--b-z-index-global-elevated);
816
817
  --b-popover-color: var(--b-color-label-primary);
817
818
  --b-popover-box-shadow: var(--b-shadow-medium-border);
818
819
  --b-popover-border-radius: var(--b-border-radius-m);
@@ -830,11 +831,11 @@
830
831
  --b-pagination-color: var(--b-color-label-primary);
831
832
  --b-modal-animation-duration: var(--b-animation-duration-moderate);
832
833
  --b-modal-backdrop-background-color: var(--b-color-support-overlay);
833
- --b-modal-close-button-z-index: 1;
834
+ --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
834
835
  --b-modal-close-button-right: var(--b-spacer-090);
835
836
  --b-modal-close-button-height: var(--b-text-title-line-height);
836
837
  --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
837
- --b-modal-header-container-z-index: 1;
838
+ --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
838
839
  --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
839
840
  --b-modal-header-min-height: var(--b-text-title-line-height);
840
841
  --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
@@ -846,7 +847,7 @@
846
847
  --b-modal-padding: var(--b-spacer-000);
847
848
  --b-modal-border-radius: var(--b-border-radius-l);
848
849
  --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
849
- --b-modal-fullscreen-close-button-z-index: 1;
850
+ --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
850
851
  --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
851
852
  --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
852
853
  --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
@@ -1001,7 +1002,7 @@
1001
1002
  --b-inspector-header-color: var(--b-color-label-primary);
1002
1003
  --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
1003
1004
  --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
1004
- --b-inspector-container-wrapper-z-index: 5;
1005
+ --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
1005
1006
  --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
1006
1007
  --b-input-field-error-message-margin-top: var(--b-spacer-040);
1007
1008
  --b-input-field-description-padding: var(--b-spacer-000);
@@ -1072,6 +1073,11 @@
1072
1073
  --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1073
1074
  --b-input-field-label-margin-bottom: var(--b-spacer-040);
1074
1075
  --b-input-field-label-color: var(--b-color-label-primary);
1076
+ --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
1077
+ --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
1078
+ --b-input-field-password-validation-list-margin: var(--b-spacer-060);
1079
+ --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
1080
+ --b-input-field-password-validation-list-gap: var(--b-spacer-060);
1075
1081
  --b-info-icon-color: var(--b-color-label-primary);
1076
1082
  --b-header-component-title-margin-top: var(--b-spacer-020);
1077
1083
  --b-header-actions-margin-top: var(--b-spacer-070);
@@ -1167,34 +1173,89 @@
1167
1173
  --b-filter-bar-actions-gap: var(--b-spacer-040);
1168
1174
  --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
1169
1175
  --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
1170
- --b-filter-bar-z-index: 5;
1176
+ --b-filter-bar-z-index: var(--b-z-index-global-elevated);
1171
1177
  --b-filter-bar-padding-right: var(--b-spacer-070);
1172
1178
  --b-filter-bar-gap: var(--b-spacer-040);
1173
- --b-filter-bar-button-secondary-label-color: var(--b-color-label-secondary);
1179
+ --color: {color.label.primary};
1174
1180
  --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
1175
- --b-filter-bar-button-hover-color: var(--b-color-label-primary-hover);
1181
+ --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
1176
1182
  --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
1177
1183
  --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1184
+ --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1185
+ --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1186
+ --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1178
1187
  --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1188
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1179
1189
  --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1180
1190
  --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-disabled);
1181
1191
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1182
1192
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1183
- --b-filter-bar-button-counter-color: var(--b-color-label-secondary);
1193
+ --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1184
1194
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1185
1195
  --b-filter-bar-button-counter-background-color: var(--b-color-background-tertiary);
1186
1196
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1187
1197
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1188
1198
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1189
- --b-filter-bar-button-with-chevron-container-padding-right: var(--b-spacer-040);
1199
+ --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1190
1200
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1191
1201
  --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1192
- --b-filter-bar-button-chevron-padding-right: var(--b-spacer-060);
1202
+ --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1203
+ --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1193
1204
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1194
1205
  --b-filter-bar-button-color: var(--b-color-label-primary);
1195
1206
  --b-filter-bar-button-border-radius: var(--b-border-radius-m);
1196
1207
  --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1197
1208
  --b-filter-bar-button-background-color: var(--b-color-background-primary);
1209
+ --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
1210
+ --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
1211
+ --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
1212
+ --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
1213
+ --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
1214
+ --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
1215
+ --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
1216
+ --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
1217
+ --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
1218
+ --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
1219
+ --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
1220
+ --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
1221
+ --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
1222
+ --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
1223
+ --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
1224
+ --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
1225
+ --b-file-uploader-file-card-gap: var(--b-spacer-040);
1226
+ --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
1227
+ --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
1228
+ --b-file-uploader-title-margin-top: var(--b-spacer-060);
1229
+ --b-file-uploader-files-gap: var(--b-spacer-040);
1230
+ --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
1231
+ --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
1232
+ --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
1233
+ --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
1234
+ --b-file-uploader-icon-width: var(--b-spacer-100);
1235
+ --b-file-uploader-icon-padding: var(--b-spacer-040);
1236
+ --b-file-uploader-icon-height: var(--b-spacer-100);
1237
+ --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
1238
+ --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
1239
+ --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
1240
+ --b-file-uploader-description-margin-top: var(--b-spacer-020);
1241
+ --b-file-uploader-description-color: var(--b-color-label-secondary);
1242
+ --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
1243
+ --b-file-uploader-button-margin-top: var(--b-spacer-060);
1244
+ --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
1245
+ --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
1246
+ --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
1247
+ --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
1248
+ --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
1249
+ --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
1250
+ --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
1251
+ --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
1252
+ --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
1253
+ --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
1254
+ --b-file-uploader-area-border-radius: var(--b-border-radius-m);
1255
+ --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
1256
+ --b-file-uploader-area-background-color: var(--b-color-background-primary);
1257
+ --b-file-uploader-alert-margin-top: var(--b-spacer-040);
1258
+ --b-file-uploader-gap: var(--b-spacer-040);
1198
1259
  --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
1199
1260
  --b-field-label-requirement-color: var(--b-color-label-secondary);
1200
1261
  --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
@@ -1267,7 +1328,7 @@
1267
1328
  --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
1268
1329
  --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1269
1330
  --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1270
- --b-dialog-page-back-button-z-index: 1;
1331
+ --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
1271
1332
  --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1272
1333
  --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1273
1334
  --b-dialog-page-border-radius: var(--b-border-radius-l);
@@ -1294,10 +1355,10 @@
1294
1355
  --b-date-picker-description-error-margin-top: var(--b-spacer-020);
1295
1356
  --b-date-picker-description-margin-top: var(--b-spacer-040);
1296
1357
  --b-date-picker-description-color: var(--b-color-label-secondary);
1297
- --b-data-grid-horizontal-scrollbar-z-index: 2;
1358
+ --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
1298
1359
  --b-data-grid-horizontal-scrollbar-background-color: var(--b-color-background-primary);
1299
1360
  --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
1300
- --b-data-grid-re-order-column-target-separator-z-index: 1;
1361
+ --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
1301
1362
  --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
1302
1363
  --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
1303
1364
  --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
@@ -1320,12 +1381,12 @@
1320
1381
  --b-data-grid-config-settings-button-padding: 0 0 0 var(--b-spacer-020);
1321
1382
  --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1322
1383
  --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
1323
- --b-data-grid-config-settings-z-index: 4;
1384
+ --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
1324
1385
  --b-data-grid-config-settings-color: var(--b-color-label-primary);
1325
1386
  --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1326
1387
  --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1327
- --b-data-grid-filters-focus-within-z-index: 3;
1328
- --b-data-grid-filters-z-index: 2;
1388
+ --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
1389
+ --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
1329
1390
  --b-data-grid-filters-background-color: var(--b-color-background-primary);
1330
1391
  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
1331
1392
  --b-data-grid-filters-border-width: var(--b-border-width-s);
@@ -1335,13 +1396,13 @@
1335
1396
  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
1336
1397
  --b-data-grid-pagination-border-width: var(--b-border-width-s);
1337
1398
  --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
1338
- --b-data-grid-pagination-z-index: 2;
1399
+ --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
1339
1400
  --b-data-grid-pagination-background-color: var(--b-color-background-primary);
1340
1401
  --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
1341
1402
  --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1342
- --b-data-grid-lazy-load-z-index: 2;
1403
+ --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
1343
1404
  --b-data-grid-lazy-load-background-color: var(--b-color-background-primary);
1344
- --b-data-grid-footer-z-index: 2;
1405
+ --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1345
1406
  --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
1346
1407
  --b-data-grid-footer-background-color: var(--b-color-background-primary);
1347
1408
  --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
@@ -1364,8 +1425,8 @@
1364
1425
  --b-data-grid-row-border-width: var(--b-border-width-s);
1365
1426
  --b-data-grid-row-border-color: var(--b-color-separator-primary);
1366
1427
  --b-data-grid-row-background-color: var(--b-color-background-primary);
1367
- --b-data-grid-rows-frozen-hover-z-index: 2;
1368
- --b-data-grid-rows-frozen-z-index: 1;
1428
+ --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
1429
+ --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
1369
1430
  --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
1370
1431
  --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1371
1432
  --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
@@ -1373,7 +1434,7 @@
1373
1434
  --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1374
1435
  --b-data-grid-column-header-gap: var(--b-spacer-040);
1375
1436
  --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1376
- --b-data-grid-column-separator-z-index: 1;
1437
+ --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
1377
1438
  --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
1378
1439
  --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
1379
1440
  --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
@@ -1391,14 +1452,14 @@
1391
1452
  --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1392
1453
  --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1393
1454
  --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
1394
- --b-data-grid-columns-frozen-z-index: 2;
1455
+ --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1395
1456
  --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1396
1457
  --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
1397
1458
  --b-data-grid-columns-border-width: var(--b-border-width-s);
1398
1459
  --b-data-grid-columns-border-color: var(--b-color-separator-primary);
1399
- --b-data-grid-column-headers-focus-within-z-index: 3;
1460
+ --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
1400
1461
  --b-data-grid-column-headers-background-color: var(--b-color-background-primary);
1401
- --b-data-grid-column-headers-z-index: 2;
1462
+ --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
1402
1463
  --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
1403
1464
  --b-data-grid-border-width: var(--b-border-width-s);
1404
1465
  --b-data-grid-border-radius: var(--b-border-radius-m);
@@ -1413,7 +1474,7 @@
1413
1474
  --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
1414
1475
  --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
1415
1476
  --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1416
- --b-data-grid-template-header-z-index: 3;
1477
+ --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
1417
1478
  --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1418
1479
  --b-data-grid-template-gap: var(--b-spacer-060);
1419
1480
  --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
@@ -1430,7 +1491,7 @@
1430
1491
  --b-dashboard-section-content-gap: var(--b-spacer-100);
1431
1492
  --b-dashboard-section-gap: var(--b-spacer-060);
1432
1493
  --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1433
- --b-dashboard-template-sticky-items-z-index: 1;
1494
+ --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
1434
1495
  --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
1435
1496
  --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
1436
1497
  --b-dashboard-template-top-section-gap: var(--b-spacer-040);
@@ -1796,7 +1857,7 @@
1796
1857
  --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
1797
1858
  --b-action-bar-container-color: var(--b-color-label-inverse-primary);
1798
1859
  --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
1799
- --b-action-bar-z-index: 5;
1860
+ --b-action-bar-z-index: var(--b-z-index-global-elevated);
1800
1861
  --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
1801
1862
  --b-action-bar-bottom: var(--b-spacer-070);
1802
1863
  --b-accordion-item-animation-easing: var(--b-animation-easing-standard);