@adyen/bento-vue2 1.41.0 → 1.43.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 (196) hide show
  1. package/dist/@types/components.d.ts +4 -0
  2. package/dist/@types/index.d.ts +492 -54
  3. package/dist/action-bar.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/assets/accordion-item.css +1 -1
  6. package/dist/assets/action-bar.css +1 -1
  7. package/dist/assets/base-modal.css +1 -1
  8. package/dist/assets/card.css +1 -1
  9. package/dist/assets/data-grid.css +1 -1
  10. package/dist/assets/date-range-picker.css +1 -1
  11. package/dist/assets/dialog-page.css +1 -1
  12. package/dist/assets/file-uploader.css +1 -0
  13. package/dist/assets/filter-bar.css +1 -1
  14. package/dist/assets/input-field-password.css +1 -0
  15. package/dist/assets/input-field.css +1 -1
  16. package/dist/assets/inspector.css +1 -1
  17. package/dist/assets/menu.css +1 -1
  18. package/dist/assets/modal-fullscreen.css +1 -1
  19. package/dist/assets/popover.css +1 -1
  20. package/dist/assets/sidepanel.css +1 -1
  21. package/dist/assets/step.css +1 -1
  22. package/dist/assets/tooltip.css +1 -1
  23. package/dist/assets/typography.css +1 -1
  24. package/dist/button.js +2 -2
  25. package/dist/card.js +1 -1
  26. package/dist/checkbox.js +2 -2
  27. package/dist/chunks/{action-bar.r05wfyni.js → action-bar.kPPYSgQK.js} +5 -5
  28. package/dist/chunks/{action-bar.r05wfyni.js.map → action-bar.kPPYSgQK.js.map} +1 -1
  29. package/dist/chunks/{alert.Y4JUnmhl.js → alert.D2Z_aiFC.js} +19 -19
  30. package/dist/chunks/{alert.Y4JUnmhl.js.map → alert.D2Z_aiFC.js.map} +1 -1
  31. package/dist/chunks/{base-modal.SJX9uGT4.js → base-modal.DroVbSCn.js} +2 -2
  32. package/dist/chunks/{base-modal.SJX9uGT4.js.map → base-modal.DroVbSCn.js.map} +1 -1
  33. package/dist/chunks/{button-actions-with-menu.DZOHTxUi.js → button-actions-with-menu.dp6C-PKX.js} +4 -4
  34. package/dist/chunks/{button-actions-with-menu.DZOHTxUi.js.map → button-actions-with-menu.dp6C-PKX.js.map} +1 -1
  35. package/dist/chunks/{button-actions.BJMK3kZC.js → button-actions.Cpx4PQp0.js} +2 -2
  36. package/dist/chunks/{button-actions.BJMK3kZC.js.map → button-actions.Cpx4PQp0.js.map} +1 -1
  37. package/dist/chunks/{card.Cfj-r6CX.js → card.BcjxzwZV.js} +2 -2
  38. package/dist/chunks/{card.Cfj-r6CX.js.map → card.BcjxzwZV.js.map} +1 -1
  39. package/dist/chunks/{checkbox-group.BEI5FPnW.js → checkbox-group.Bcqac3y8.js} +4 -4
  40. package/dist/chunks/{checkbox-group.BEI5FPnW.js.map → checkbox-group.Bcqac3y8.js.map} +1 -1
  41. package/dist/chunks/{checkbox.5uVM-HLg.js → checkbox.B1qjI4R_.js} +3 -3
  42. package/dist/chunks/{checkbox.5uVM-HLg.js.map → checkbox.B1qjI4R_.js.map} +1 -1
  43. package/dist/chunks/{checkmark-circle-fill.DVl6QSwm.js → checkmark-circle-fill.Cn7JN_Tk.js} +5 -5
  44. package/dist/chunks/{checkmark-circle-fill.DVl6QSwm.js.map → checkmark-circle-fill.Cn7JN_Tk.js.map} +1 -1
  45. package/dist/chunks/{code-snippet.DRH4X9pH.js → code-snippet.DuZDA7gH.js} +5 -5
  46. package/dist/chunks/{code-snippet.DRH4X9pH.js.map → code-snippet.DuZDA7gH.js.map} +1 -1
  47. package/dist/chunks/{controls-group.Sni8leS5.js → controls-group.J8shO_JL.js} +2 -2
  48. package/dist/chunks/{controls-group.Sni8leS5.js.map → controls-group.J8shO_JL.js.map} +1 -1
  49. package/dist/chunks/{copy.C5j6vSQT.js → copy.DgzxvExj.js} +2 -2
  50. package/dist/chunks/{copy.C5j6vSQT.js.map → copy.DgzxvExj.js.map} +1 -1
  51. package/dist/chunks/{dashboard-section.DchlD4B2.js → dashboard-section.CExqPbQb.js} +3 -3
  52. package/dist/chunks/{dashboard-section.DchlD4B2.js.map → dashboard-section.CExqPbQb.js.map} +1 -1
  53. package/dist/chunks/{dashed-underline.6Aw4MP34.js → dashed-underline.dGO33Q_E.js} +3 -3
  54. package/dist/chunks/{dashed-underline.6Aw4MP34.js.map → dashed-underline.dGO33Q_E.js.map} +1 -1
  55. package/dist/chunks/{data-grid-template.Bhotcrsr.js → data-grid-template.BF7JMfoJ.js} +2 -2
  56. package/dist/chunks/{data-grid-template.Bhotcrsr.js.map → data-grid-template.BF7JMfoJ.js.map} +1 -1
  57. package/dist/chunks/data-grid.BXB98JQr.js +2556 -0
  58. package/dist/chunks/data-grid.BXB98JQr.js.map +1 -0
  59. package/dist/chunks/{date-picker.lFLlAGXs.js → date-picker.Dfg1_eo6.js} +3 -3
  60. package/dist/chunks/{date-picker.lFLlAGXs.js.map → date-picker.Dfg1_eo6.js.map} +1 -1
  61. package/dist/chunks/{date-range-picker.Cr_YCwxP.js → date-range-picker.xYGf0SRg.js} +180 -177
  62. package/dist/chunks/date-range-picker.xYGf0SRg.js.map +1 -0
  63. package/dist/chunks/dot.BCX4w7eT.js +24 -0
  64. package/dist/chunks/dot.BCX4w7eT.js.map +1 -0
  65. package/dist/chunks/{dropdown-tag.BPkMWSmY.js → dropdown-tag.B4RMse5R.js} +3 -3
  66. package/dist/chunks/{dropdown-tag.BPkMWSmY.js.map → dropdown-tag.B4RMse5R.js.map} +1 -1
  67. package/dist/chunks/{dropdown.D8xKm1YA.js → dropdown.BfzsI2Th.js} +4 -4
  68. package/dist/chunks/{dropdown.D8xKm1YA.js.map → dropdown.BfzsI2Th.js.map} +1 -1
  69. package/dist/chunks/{error-message.Bk2maRF8.js → error-message.B7uoqQpq.js} +2 -2
  70. package/dist/chunks/{error-message.Bk2maRF8.js.map → error-message.B7uoqQpq.js.map} +1 -1
  71. package/dist/chunks/es6.b4enG1py.js.map +1 -1
  72. package/dist/chunks/file-uploader.CK-Frs_q.js +728 -0
  73. package/dist/chunks/file-uploader.CK-Frs_q.js.map +1 -0
  74. package/dist/chunks/{filter-bar.dQZY8j9C.js → filter-bar.hBPWastb.js} +702 -697
  75. package/dist/chunks/filter-bar.hBPWastb.js.map +1 -0
  76. package/dist/chunks/{footer-actions.B68XcD93.js → footer-actions.DwnLB4NW.js} +2 -2
  77. package/dist/chunks/{footer-actions.B68XcD93.js.map → footer-actions.DwnLB4NW.js.map} +1 -1
  78. package/dist/chunks/{form-layout-title.Cd2WlefD.js → form-layout-title.BarHgyjC.js} +2 -2
  79. package/dist/chunks/{form-layout-title.Cd2WlefD.js.map → form-layout-title.BarHgyjC.js.map} +1 -1
  80. package/dist/chunks/{header.DwTrDlSa.js → header.CAJtHW1k.js} +4 -4
  81. package/dist/chunks/{header.DwTrDlSa.js.map → header.CAJtHW1k.js.map} +1 -1
  82. package/dist/chunks/index.Gcw_BUVh.js +367 -0
  83. package/dist/chunks/index.Gcw_BUVh.js.map +1 -0
  84. package/dist/chunks/{info-icon.CCR-cAFR.js → info-icon.p-28zHUJ.js} +2 -2
  85. package/dist/chunks/{info-icon.CCR-cAFR.js.map → info-icon.p-28zHUJ.js.map} +1 -1
  86. package/dist/chunks/input-field-password.BmfOGkrH.js +191 -0
  87. package/dist/chunks/input-field-password.BmfOGkrH.js.map +1 -0
  88. package/dist/chunks/{input-field.CKOdyDVy.js → input-field.CHD3Fzzg.js} +37 -35
  89. package/dist/chunks/input-field.CHD3Fzzg.js.map +1 -0
  90. package/dist/chunks/{layout-row.CtFsZ5-v.js → layout-row.DzS_XyyF.js} +2 -2
  91. package/dist/chunks/{layout-row.CtFsZ5-v.js.map → layout-row.DzS_XyyF.js.map} +1 -1
  92. package/dist/chunks/{listbox-option-tag.CuHL51H9.js → listbox-option-tag.BnX0H4HE.js} +2 -2
  93. package/dist/chunks/{listbox-option-tag.CuHL51H9.js.map → listbox-option-tag.BnX0H4HE.js.map} +1 -1
  94. package/dist/chunks/{loading-button.2h9RXXIZ.js → loading-button.CiPmvU7F.js} +2 -2
  95. package/dist/chunks/{loading-button.2h9RXXIZ.js.map → loading-button.CiPmvU7F.js.map} +1 -1
  96. package/dist/chunks/{menu.DEeyofbM.js → menu.N41WnXc8.js} +2 -2
  97. package/dist/chunks/{menu.DEeyofbM.js.map → menu.N41WnXc8.js.map} +1 -1
  98. package/dist/chunks/{modal-fullscreen.Ct4aitSv.js → modal-fullscreen.BbNe6M9T.js} +2 -2
  99. package/dist/chunks/{modal-fullscreen.Ct4aitSv.js.map → modal-fullscreen.BbNe6M9T.js.map} +1 -1
  100. package/dist/chunks/{modal.tUtoM34X.js → modal.Cb4zg5fN.js} +4 -4
  101. package/dist/chunks/{modal.tUtoM34X.js.map → modal.Cb4zg5fN.js.map} +1 -1
  102. package/dist/chunks/{pagination.CqrSR1Md.js → pagination.DORr-ox0.js} +2 -2
  103. package/dist/chunks/{pagination.CqrSR1Md.js.map → pagination.DORr-ox0.js.map} +1 -1
  104. package/dist/chunks/{popover.BcWFpCY_.js → popover.Uy-vuQq5.js} +2 -2
  105. package/dist/chunks/{popover.BcWFpCY_.js.map → popover.Uy-vuQq5.js.map} +1 -1
  106. package/dist/chunks/{promo-banner.NSOVGA7M.js → promo-banner.cTUF9seG.js} +2 -2
  107. package/dist/chunks/{promo-banner.NSOVGA7M.js.map → promo-banner.cTUF9seG.js.map} +1 -1
  108. package/dist/chunks/{radio-group.DtlPzh_w.js → radio-group.EnMXbuly.js} +4 -4
  109. package/dist/chunks/{radio-group.DtlPzh_w.js.map → radio-group.EnMXbuly.js.map} +1 -1
  110. package/dist/chunks/{search-bar.CN9pWrLP.js → search-bar.BtFX4039.js} +3 -3
  111. package/dist/chunks/{search-bar.CN9pWrLP.js.map → search-bar.BtFX4039.js.map} +1 -1
  112. package/dist/chunks/{secondary-nav.DMw1l7rH.js → secondary-nav.DtnWRhFW.js} +3 -3
  113. package/dist/chunks/{secondary-nav.DMw1l7rH.js.map → secondary-nav.DtnWRhFW.js.map} +1 -1
  114. package/dist/chunks/{segmented-control.uVH5ahVY.js → segmented-control.CVeUROYR.js} +2 -2
  115. package/dist/chunks/{segmented-control.uVH5ahVY.js.map → segmented-control.CVeUROYR.js.map} +1 -1
  116. package/dist/chunks/{selection-card-group.BjOuUbQD.js → selection-card-group.B6XXbJsv.js} +4 -4
  117. package/dist/chunks/{selection-card-group.BjOuUbQD.js.map → selection-card-group.B6XXbJsv.js.map} +1 -1
  118. package/dist/chunks/show.IEAxtCB7.js +43 -0
  119. package/dist/chunks/show.IEAxtCB7.js.map +1 -0
  120. package/dist/chunks/{sidepanel.BjrsqXLl.js → sidepanel.CRJN9Acz.js} +2 -2
  121. package/dist/chunks/{sidepanel.BjrsqXLl.js.map → sidepanel.CRJN9Acz.js.map} +1 -1
  122. package/dist/chunks/step.5g9BIi15.js +217 -0
  123. package/dist/chunks/step.5g9BIi15.js.map +1 -0
  124. package/dist/chunks/{structured-list-item.CAcBJutf.js → structured-list-item.BEhWyaVP.js} +4 -4
  125. package/dist/chunks/{structured-list-item.CAcBJutf.js.map → structured-list-item.BEhWyaVP.js.map} +1 -1
  126. package/dist/chunks/{summary-grid-item-custom.CPprUptt.js → summary-grid-item-custom.CSXo4NjY.js} +4 -4
  127. package/dist/chunks/{summary-grid-item-custom.CPprUptt.js.map → summary-grid-item-custom.CSXo4NjY.js.map} +1 -1
  128. package/dist/chunks/{tag.DSFSfnAf.js → tag.wTXg-O7i.js} +2 -2
  129. package/dist/chunks/{tag.DSFSfnAf.js.map → tag.wTXg-O7i.js.map} +1 -1
  130. package/dist/chunks/{textarea.B4MZ_pi1.js → textarea.Y3yd_3ll.js} +2 -2
  131. package/dist/chunks/{textarea.B4MZ_pi1.js.map → textarea.Y3yd_3ll.js.map} +1 -1
  132. package/dist/chunks/{timeline-item.CxB3KFiu.js → timeline-item.CCV4U3Zx.js} +5 -5
  133. package/dist/chunks/{timeline-item.CxB3KFiu.js.map → timeline-item.CCV4U3Zx.js.map} +1 -1
  134. package/dist/chunks/{tooltip.CS2Gij6x.js → tooltip.DH8TqpYV.js} +84 -68
  135. package/dist/chunks/tooltip.DH8TqpYV.js.map +1 -0
  136. package/dist/chunks/{tutorial.CGjM0EJT.js → tutorial.4r7MKNEU.js} +4 -4
  137. package/dist/chunks/{tutorial.CGjM0EJT.js.map → tutorial.4r7MKNEU.js.map} +1 -1
  138. package/dist/chunks/{use-cached-selected-values.D5ARl96f.js → use-cached-selected-values.CAlfyb_L.js} +8 -5
  139. package/dist/chunks/{use-cached-selected-values.D5ARl96f.js.map → use-cached-selected-values.CAlfyb_L.js.map} +1 -1
  140. package/dist/code-snippet.js +1 -1
  141. package/dist/dashboard-template.js +1 -1
  142. package/dist/dashed-underline.js +1 -1
  143. package/dist/data-grid-template.js +1 -1
  144. package/dist/data-grid.js +1 -1
  145. package/dist/date-picker.js +1 -1
  146. package/dist/date-range-picker.js +1 -1
  147. package/dist/dropdown.js +3 -3
  148. package/dist/file-uploader.js +5 -0
  149. package/dist/file-uploader.js.map +1 -0
  150. package/dist/filter-bar.js +1 -1
  151. package/dist/form-layout.js +1 -1
  152. package/dist/header.js +1 -1
  153. package/dist/index.js +227 -218
  154. package/dist/index.js.map +1 -1
  155. package/dist/info-icon.js +1 -1
  156. package/dist/input-field-password.js +10 -0
  157. package/dist/input-field-password.js.map +1 -0
  158. package/dist/input-field.js +1 -1
  159. package/dist/internal.js +6 -6
  160. package/dist/layout.js +1 -1
  161. package/dist/menu.js +1 -1
  162. package/dist/modal-fullscreen.js +1 -1
  163. package/dist/modal.js +2 -2
  164. package/dist/pagination.js +1 -1
  165. package/dist/popover.js +1 -1
  166. package/dist/promo-banner.js +1 -1
  167. package/dist/radio-group.js +1 -1
  168. package/dist/search-bar.js +2 -2
  169. package/dist/secondary-nav.js +1 -1
  170. package/dist/segmented-control.js +1 -1
  171. package/dist/selection-card.js +1 -1
  172. package/dist/sidepanel.js +1 -1
  173. package/dist/stepper.js +1 -1
  174. package/dist/structured-list.js +1 -1
  175. package/dist/styles/bento-dark.css +98 -34
  176. package/dist/styles/bento-light.css +98 -34
  177. package/dist/styles/bento.css +98 -34
  178. package/dist/styles/legacy.css +106 -42
  179. package/dist/styles/styleguide.css +98 -34
  180. package/dist/summary-grid.js +1 -1
  181. package/dist/tag.js +1 -1
  182. package/dist/textarea.js +1 -1
  183. package/dist/timeline.js +1 -1
  184. package/dist/tutorial.js +1 -1
  185. package/dist/web-types.json +701 -81
  186. package/package.json +10 -8
  187. package/dist/chunks/data-grid.ahAWR42s.js +0 -2408
  188. package/dist/chunks/data-grid.ahAWR42s.js.map +0 -1
  189. package/dist/chunks/date-range-picker.Cr_YCwxP.js.map +0 -1
  190. package/dist/chunks/filter-bar.dQZY8j9C.js.map +0 -1
  191. package/dist/chunks/index.D5am6ibQ.js +0 -249
  192. package/dist/chunks/index.D5am6ibQ.js.map +0 -1
  193. package/dist/chunks/input-field.CKOdyDVy.js.map +0 -1
  194. package/dist/chunks/step.D3-7YL7-.js +0 -234
  195. package/dist/chunks/step.D3-7YL7-.js.map +0 -1
  196. package/dist/chunks/tooltip.CS2Gij6x.js.map +0 -1
@@ -137,6 +137,7 @@
137
137
  --b-input-field-input-box-focus-border-width: 1px;
138
138
  --b-input-field-input-box-error-outline: 0;
139
139
  --b-input-field-input-box-height: 40px;
140
+ --b-input-field-password-validation-title-font-weight: 700;
140
141
  --b-header-actions-margin-top-desktop: 0;
141
142
  --b-filter-button-label-line-height: 15px;
142
143
  --b-filter-bar-select-filter-button-divider-border-width: 0;
@@ -179,6 +180,7 @@
179
180
  --b-data-grid-resizer-last-child-offset-right: -5px;
180
181
  --b-data-grid-resizer-last-child-right: -4px;
181
182
  --b-data-grid-resizer-width: 8px;
183
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
182
184
  --b-data-grid-column-seperator-height: 100%;
183
185
  --b-data-grid-column-separator-height: 100%;
184
186
  --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 14px 15px 14px 15px;
@@ -303,7 +305,7 @@
303
305
  --b-color-green-70: #03431d;
304
306
  --b-color-green-60: #055f29;
305
307
  --b-color-green-50: #08a648;
306
- --b-color-green-40: #0abf53;
308
+ --b-color-green-40: #0ABF53;
307
309
  --b-color-green-20: #cef2dd;
308
310
  --b-color-green-10: #e6f8ed;
309
311
  --b-color-grey-110: #00112c;
@@ -474,7 +476,7 @@
474
476
  --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
475
477
  --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
476
478
  --b-tutorial-popover-color: var(--b-color-label-secondary);
477
- --b-tooltip-z-index: 5;
479
+ --b-tooltip-z-index: var(--b-z-index-global-elevated);
478
480
  --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
479
481
  --b-tooltip-color: var(--b-color-grey-0);
480
482
  --b-tooltip-border-radius: var(--b-border-radius-s);
@@ -532,7 +534,7 @@
532
534
  --b-toast-item-padding: var(--b-spacer-060) var(--b-spacer-070);
533
535
  --b-toast-item-icon-margin: var(--b-spacer-070);
534
536
  --b-toast-item-icon-color: var(--b-color-grey-40);
535
- --b-toast-item-z-index: 15;
537
+ --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
536
538
  --b-toast-item-spacing: var(--b-spacer-070);
537
539
  --b-toast-item-button-color: var(--b-color-grey-40);
538
540
  --b-toast-item-color: var(--b-color-white);
@@ -685,7 +687,7 @@
685
687
  --b-sidepanel-page-header-background-color: var(--b-color-grey-10);
686
688
  --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
687
689
  --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
688
- --b-sidepanel-close-button-z-index: 1;
690
+ --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
689
691
  --b-sidepanel-close-button-right: var(--b-spacer-090);
690
692
  --b-selection-card-icon-background-color: var(--b-color-background-secondary);
691
693
  --b-selection-card-container-checked-error-border-color: var(--b-color-outline-critical);
@@ -772,7 +774,7 @@
772
774
  --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
773
775
  --b-promo-banner-color: var(--b-color-label-primary);
774
776
  --b-promo-banner-border-radius: var(--b-border-radius-xl);
775
- --b-popper-z-index: 5;
777
+ --b-popper-z-index: var(--b-z-index-global-elevated);
776
778
  --b-popover-animation-duration: var(--b-animation-duration-moderate);
777
779
  --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
778
780
  --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
@@ -786,7 +788,7 @@
786
788
  --b-popover-with-divider-content-padding: var(--b-spacer-000);
787
789
  --b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
788
790
  --b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
789
- --b-popover-z-index: 5;
791
+ --b-popover-z-index: var(--b-z-index-global-elevated);
790
792
  --b-popover-color: var(--b-color-label-primary);
791
793
  --b-popover-border-radius: var(--b-border-radius-s);
792
794
  --b-popover-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
@@ -804,11 +806,11 @@
804
806
  --b-modal-wrapper-gap: var(--b-spacer-090);
805
807
  --b-modal-wrapper-padding: var(--b-spacer-090);
806
808
  --b-modal-animation-duration: var(--b-animation-duration-moderate);
807
- --b-modal-close-button-z-index: 1;
809
+ --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
808
810
  --b-modal-close-button-right: var(--b-spacer-090);
809
811
  --b-modal-close-button-height: var(--b-text-title-line-height);
810
812
  --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
811
- --b-modal-header-container-z-index: 1;
813
+ --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
812
814
  --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
813
815
  --b-modal-header-min-height: var(--b-text-title-line-height);
814
816
  --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
@@ -819,7 +821,7 @@
819
821
  --b-modal-padding: var(--b-spacer-000);
820
822
  --b-modal-border-radius: var(--b-border-radius-l);
821
823
  --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
822
- --b-modal-fullscreen-close-button-z-index: 1;
824
+ --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
823
825
  --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
824
826
  --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
825
827
  --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
@@ -922,7 +924,7 @@
922
924
  --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
923
925
  --b-listbox-option-tag-label-color: var(--b-color-label-primary);
924
926
  --b-listbox-option-description-margin-top: var(--b-spacer-020);
925
- --b-listbox-option-focus-font-color: [object Object];
927
+ --b-listbox-option-focus-font-color: {color.black};
926
928
  --b-listbox-option-focus-background-color: var(--b-color-background-primary-active);
927
929
  --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
928
930
  --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);
@@ -951,7 +953,7 @@
951
953
  --b-inspector-header-color: var(--b-color-label-primary);
952
954
  --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
953
955
  --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
954
- --b-inspector-container-wrapper-z-index: 5;
956
+ --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
955
957
  --b-input-field-error-message-margin-top: var(--b-spacer-040);
956
958
  --b-input-field-description-padding: var(--b-spacer-000);
957
959
  --b-input-field-description-margin-top: var(--b-spacer-040);
@@ -1017,6 +1019,11 @@
1017
1019
  --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1018
1020
  --b-input-field-label-margin-bottom: var(--b-spacer-040);
1019
1021
  --b-input-field-label-color: var(--b-color-label-primary);
1022
+ --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
1023
+ --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
1024
+ --b-input-field-password-validation-list-margin: var(--b-spacer-060);
1025
+ --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
1026
+ --b-input-field-password-validation-list-gap: var(--b-spacer-060);
1020
1027
  --b-info-icon-color: var(--b-color-label-primary);
1021
1028
  --b-header-component-title-margin-top: var(--b-spacer-020);
1022
1029
  --b-header-actions-margin-top: var(--b-spacer-070);
@@ -1116,25 +1123,22 @@
1116
1123
  --b-filter-bar-before-filters-gap: var(--b-spacer-040);
1117
1124
  --b-filter-bar-actions-gap: var(--b-spacer-040);
1118
1125
  --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
1119
- --b-filter-bar-z-index: 5;
1126
+ --b-filter-bar-z-index: var(--b-z-index-global-elevated);
1120
1127
  --b-filter-bar-padding-right: var(--b-spacer-070);
1121
1128
  --b-filter-bar-gap: var(--b-spacer-040);
1122
- --b-filter-bar-button-with-counter-active-counter-color: var(--b-color-navy-50);
1123
- --b-filter-bar-button-with-counter-active-color: var(--b-color-grey-0);
1124
- --b-filter-bar-button-with-counter-active-border-color: var(--b-color-navy-50);
1125
- --b-filter-bar-button-with-counter-active-background-color: var(--b-color-navy-50);
1126
- --b-filter-bar-button-with-counter-color: var(--b-color-grey-0);
1127
- --b-filter-bar-button-with-counter-border: var(--b-border-width-s) solid var(--b-color-navy-40);
1128
- --b-filter-bar-button-with-counter-background-color: var(--b-color-navy-40);
1129
1129
  --b-filter-bar-button-secondary-label-padding: var(--b-spacer-010) var(--b-spacer-030);
1130
1130
  --b-filter-bar-button-secondary-label-color: var(--b-color-grey-90);
1131
1131
  --b-filter-bar-button-secondary-label-border-radius: var(--b-border-radius-s);
1132
1132
  --b-filter-bar-button-secondary-label-background-color: var(--b-color-grey-0);
1133
1133
  --b-filter-bar-button-label-container-gap: var(--b-spacer-050);
1134
- --b-filter-bar-button-hover-color: var(--b-color-label-primary-hover);
1134
+ --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
1135
1135
  --b-filter-bar-button-hover-background-color: var(--b-color-white);
1136
1136
  --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1137
+ --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1138
+ --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1139
+ --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1137
1140
  --b-filter-bar-button-counter-hover-background-color: var(--b-color-grey-0);
1141
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1138
1142
  --b-filter-bar-button-counter-disabled-color: var(--b-color-grey-30);
1139
1143
  --b-filter-bar-button-counter-disabled-background-color: var(--b-color-grey-0);
1140
1144
  --b-filter-bar-button-counter-padding: var(--b-spacer-010) var(--b-spacer-030);
@@ -1145,14 +1149,69 @@
1145
1149
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1146
1150
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1147
1151
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-010);
1148
- --b-filter-bar-button-with-chevron-container-padding-right: var(--b-spacer-040);
1152
+ --b-filter-bar-button-with-counter-active-counter-color: var(--b-color-navy-50);
1153
+ --b-filter-bar-button-with-counter-active-color: var(--b-color-grey-0);
1154
+ --b-filter-bar-button-with-counter-active-border-color: var(--b-color-navy-50);
1155
+ --b-filter-bar-button-with-counter-active-background-color: var(--b-color-navy-50);
1156
+ --b-filter-bar-button-with-counter-color: var(--b-color-grey-0);
1157
+ --b-filter-bar-button-with-counter-border: var(--b-border-width-s) solid var(--b-color-navy-40);
1158
+ --b-filter-bar-button-with-counter-background-color: var(--b-color-navy-40);
1159
+ --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1149
1160
  --b-filter-bar-button-disabled-color: var(--b-color-grey-40);
1150
1161
  --b-filter-bar-button-disabled-background-color: var(--b-color-grey-10);
1151
- --b-filter-bar-button-chevron-padding-right: var(--b-spacer-060);
1162
+ --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1163
+ --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1152
1164
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1153
1165
  --b-filter-bar-button-color: var(--b-color-grey-90);
1154
1166
  --b-filter-bar-button-border-radius: var(--b-border-radius-m);
1155
1167
  --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1168
+ --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
1169
+ --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
1170
+ --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
1171
+ --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
1172
+ --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
1173
+ --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
1174
+ --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
1175
+ --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
1176
+ --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
1177
+ --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
1178
+ --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
1179
+ --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
1180
+ --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
1181
+ --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
1182
+ --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
1183
+ --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
1184
+ --b-file-uploader-file-card-gap: var(--b-spacer-040);
1185
+ --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
1186
+ --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
1187
+ --b-file-uploader-title-margin-top: var(--b-spacer-060);
1188
+ --b-file-uploader-files-gap: var(--b-spacer-040);
1189
+ --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
1190
+ --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
1191
+ --b-file-uploader-icon-width: var(--b-spacer-100);
1192
+ --b-file-uploader-icon-padding: var(--b-spacer-040);
1193
+ --b-file-uploader-icon-height: var(--b-spacer-100);
1194
+ --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
1195
+ --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
1196
+ --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
1197
+ --b-file-uploader-description-margin-top: var(--b-spacer-020);
1198
+ --b-file-uploader-description-color: var(--b-color-label-secondary);
1199
+ --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
1200
+ --b-file-uploader-button-margin-top: var(--b-spacer-060);
1201
+ --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
1202
+ --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
1203
+ --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
1204
+ --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
1205
+ --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
1206
+ --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
1207
+ --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
1208
+ --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
1209
+ --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
1210
+ --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
1211
+ --b-file-uploader-area-border-radius: var(--b-border-radius-m);
1212
+ --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
1213
+ --b-file-uploader-alert-margin-top: var(--b-spacer-040);
1214
+ --b-file-uploader-gap: var(--b-spacer-040);
1156
1215
  --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
1157
1216
  --b-field-label-requirement-color: var(--b-color-label-secondary);
1158
1217
  --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
@@ -1221,7 +1280,7 @@
1221
1280
  --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
1222
1281
  --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1223
1282
  --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1224
- --b-dialog-page-back-button-z-index: 1;
1283
+ --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
1225
1284
  --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1226
1285
  --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1227
1286
  --b-dialog-page-border-radius: var(--b-border-radius-l);
@@ -1251,9 +1310,9 @@
1251
1310
  --b-date-picker-description-error-margin-top: var(--b-spacer-020);
1252
1311
  --b-date-picker-description-margin-top: var(--b-spacer-040);
1253
1312
  --b-date-picker-description-color: var(--b-color-label-secondary);
1254
- --b-data-grid-horizontal-scrollbar-z-index: 2;
1313
+ --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
1255
1314
  --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
1256
- --b-data-grid-re-order-column-target-separator-z-index: 1;
1315
+ --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
1257
1316
  --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
1258
1317
  --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
1259
1318
  --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
@@ -1277,12 +1336,12 @@
1277
1336
  --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1278
1337
  --b-data-grid-config-settings-button-and-separator-padding: var(--b-spacer-070) 0;
1279
1338
  --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-white);
1280
- --b-data-grid-config-settings-z-index: 4;
1339
+ --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
1281
1340
  --b-data-grid-config-settings-color: var(--b-color-label-primary);
1282
1341
  --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1283
1342
  --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1284
- --b-data-grid-filters-focus-within-z-index: 3;
1285
- --b-data-grid-filters-z-index: 2;
1343
+ --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
1344
+ --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
1286
1345
  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
1287
1346
  --b-data-grid-filters-border-width: var(--b-border-width-s);
1288
1347
  --b-data-grid-filters-border-color: var(--b-color-separator-primary);
@@ -1291,11 +1350,11 @@
1291
1350
  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
1292
1351
  --b-data-grid-pagination-border-width: var(--b-border-width-s);
1293
1352
  --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
1294
- --b-data-grid-pagination-z-index: 2;
1353
+ --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
1295
1354
  --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
1296
1355
  --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1297
- --b-data-grid-lazy-load-z-index: 2;
1298
- --b-data-grid-footer-z-index: 2;
1356
+ --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
1357
+ --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1299
1358
  --b-data-grid-footer-padding: var(--b-spacer-040) 0;
1300
1359
  --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
1301
1360
  --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
@@ -1309,12 +1368,14 @@
1309
1368
  --b-data-grid-cell-hover-padding: var(--b-spacer-070) 7px var(--b-spacer-070) 15px;
1310
1369
  --b-data-grid-cell-padding: var(--b-spacer-070) var(--b-spacer-040) var(--b-spacer-070) var(--b-spacer-070);
1311
1370
  --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1371
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1372
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1312
1373
  --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1313
1374
  --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1314
1375
  --b-data-grid-row-color: var(--b-color-label-primary);
1315
1376
  --b-data-grid-row-border-width: var(--b-border-width-s);
1316
- --b-data-grid-rows-frozen-hover-z-index: 2;
1317
- --b-data-grid-rows-frozen-z-index: 1;
1377
+ --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
1378
+ --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
1318
1379
  --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
1319
1380
  --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1320
1381
  --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
@@ -1322,7 +1383,7 @@
1322
1383
  --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1323
1384
  --b-data-grid-column-header-gap: var(--b-spacer-040);
1324
1385
  --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1325
- --b-data-grid-column-separator-z-index: 1;
1386
+ --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
1326
1387
  --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
1327
1388
  --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
1328
1389
  --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
@@ -1339,13 +1400,13 @@
1339
1400
  --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1340
1401
  --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1341
1402
  --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
1342
- --b-data-grid-columns-frozen-z-index: 2;
1403
+ --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1343
1404
  --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1344
1405
  --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
1345
1406
  --b-data-grid-columns-border-width: var(--b-border-width-s);
1346
1407
  --b-data-grid-columns-border-color: var(--b-color-separator-primary);
1347
- --b-data-grid-column-headers-focus-within-z-index: 3;
1348
- --b-data-grid-column-headers-z-index: 2;
1408
+ --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
1409
+ --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
1349
1410
  --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
1350
1411
  --b-data-grid-border-width: var(--b-border-width-s);
1351
1412
  --b-data-grid-border-radius: var(--b-border-radius-m);
@@ -1358,7 +1419,7 @@
1358
1419
  --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
1359
1420
  --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
1360
1421
  --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1361
- --b-data-grid-template-header-z-index: 3;
1422
+ --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
1362
1423
  --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1363
1424
  --b-data-grid-template-gap: var(--b-spacer-060);
1364
1425
  --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
@@ -1375,7 +1436,7 @@
1375
1436
  --b-dashboard-section-content-gap: var(--b-spacer-100);
1376
1437
  --b-dashboard-section-gap: var(--b-spacer-060);
1377
1438
  --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1378
- --b-dashboard-template-sticky-items-z-index: 1;
1439
+ --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-1);
1379
1440
  --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
1380
1441
  --b-dashboard-template-top-section-gap: var(--b-spacer-040);
1381
1442
  --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
@@ -1485,11 +1546,11 @@
1485
1546
  --b-card-border-radius: var(--b-border-radius-s);
1486
1547
  --b-calendar-month-week-header-border-bottom: var(--b-border-width-s) solid var(--b-color-neutral-20);
1487
1548
  --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
1488
- --b-calendar-month-day-end-after-z-index: 2;
1549
+ --b-calendar-month-day-end-after-z-index: var(--b-z-index-local-tier-2);
1489
1550
  --b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
1490
1551
  --b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
1491
1552
  --b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
1492
- --b-calendar-month-day-beginning-after-z-index: 2;
1553
+ --b-calendar-month-day-beginning-after-z-index: var(--b-z-index-local-tier-2);
1493
1554
  --b-calendar-month-month-selector-margin-bottom: var(--b-spacer-070);
1494
1555
  --b-calendar-month-month-selector-color: var(--b-color-label-primary);
1495
1556
  --b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
@@ -1656,7 +1717,7 @@
1656
1717
  --b-action-bar-container-width: calc(100% - var(--b-spacer-070) - var(--b-spacer-070));
1657
1718
  --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
1658
1719
  --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
1659
- --b-action-bar-z-index: 5;
1720
+ --b-action-bar-z-index: var(--b-z-index-global-elevated);
1660
1721
  --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
1661
1722
  --b-action-bar-bottom: var(--b-spacer-070);
1662
1723
  --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
@@ -1883,6 +1944,9 @@
1883
1944
  --b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
1884
1945
  --b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);
1885
1946
  --b-filter-bar-button-background-color: var(--b-color-background-primary);
1947
+ --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
1948
+ --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
1949
+ --b-file-uploader-area-background-color: var(--b-color-background-primary);
1886
1950
  --b-dropdown-options-container-border-color: var(--b-color-neutral-20);
1887
1951
  --b-dropdown-description-color: var(--b-color-neutral-70);
1888
1952
  --b-divider-background-color: var(--b-color-neutral-20);