@adyen/bento-vue2 1.35.1 → 1.37.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 (289) hide show
  1. package/README.md +31 -4
  2. package/dist/@types/index.d.ts +132 -95
  3. package/dist/accordion.js +1 -1
  4. package/dist/action-bar.js +1 -1
  5. package/dist/alert.js +1 -1
  6. package/dist/assets/accordion-item.css +1 -1
  7. package/dist/assets/action-bar.css +1 -1
  8. package/dist/assets/base-modal.css +1 -1
  9. package/dist/assets/button.css +1 -1
  10. package/dist/assets/calendar.css +1 -1
  11. package/dist/assets/card.css +1 -1
  12. package/dist/assets/checkbox-group.css +1 -1
  13. package/dist/assets/checkbox-input.css +1 -1
  14. package/dist/assets/checkbox.css +1 -1
  15. package/dist/assets/code-snippet.css +1 -1
  16. package/dist/assets/dashboard-section.css +1 -1
  17. package/dist/assets/data-grid.css +1 -1
  18. package/dist/assets/date-picker.css +1 -1
  19. package/dist/assets/date-range-picker.css +1 -1
  20. package/dist/assets/date.css +1 -0
  21. package/dist/assets/dialog-page.css +1 -1
  22. package/dist/assets/dropdown-default-textbox.css +1 -1
  23. package/dist/assets/dropdown.css +1 -1
  24. package/dist/assets/empty-state.css +1 -1
  25. package/dist/assets/error-message.css +1 -1
  26. package/dist/assets/filter-bar.css +1 -1
  27. package/dist/assets/form-layout-title.css +1 -1
  28. package/dist/assets/header.css +1 -1
  29. package/dist/assets/info-icon.css +1 -1
  30. package/dist/assets/input-field.css +1 -1
  31. package/dist/assets/inspector.css +1 -1
  32. package/dist/assets/menu.css +1 -1
  33. package/dist/assets/modal-fullscreen.css +1 -1
  34. package/dist/assets/pagination.css +1 -1
  35. package/dist/assets/popover.css +1 -1
  36. package/dist/assets/popper-container.css +1 -1
  37. package/dist/assets/radio-group.css +1 -1
  38. package/dist/assets/radio-input.css +1 -1
  39. package/dist/assets/search-bar.css +1 -1
  40. package/dist/assets/segmented-control.css +1 -1
  41. package/dist/assets/selection-card-group.css +1 -1
  42. package/dist/assets/sidepanel.css +1 -1
  43. package/dist/assets/status.css +1 -1
  44. package/dist/assets/summary-grid-item-custom.css +1 -1
  45. package/dist/assets/tabs.css +1 -1
  46. package/dist/assets/tag.css +1 -1
  47. package/dist/assets/textarea.css +1 -1
  48. package/dist/assets/timeline-item.css +1 -1
  49. package/dist/assets/toggle.css +1 -1
  50. package/dist/assets/tooltip.css +1 -1
  51. package/dist/assets/typography.css +1 -1
  52. package/dist/assets/use-cached-selected-values.css +1 -1
  53. package/dist/avatar.js +1 -1
  54. package/dist/button.js +4 -4
  55. package/dist/card.js +1 -1
  56. package/dist/checkbox.js +3 -3
  57. package/dist/chunks/{accordion-item.BDNSykyK.js → accordion-item.BjXzREaK.js} +6 -6
  58. package/dist/chunks/accordion-item.BjXzREaK.js.map +1 -0
  59. package/dist/chunks/{action-bar.CCVKS1xo.js → action-bar.CjdRoIjd.js} +6 -6
  60. package/dist/chunks/{action-bar.CCVKS1xo.js.map → action-bar.CjdRoIjd.js.map} +1 -1
  61. package/dist/chunks/{alert.CVsckdGC.js → alert.DHu9891u.js} +3 -3
  62. package/dist/chunks/{alert.CVsckdGC.js.map → alert.DHu9891u.js.map} +1 -1
  63. package/dist/chunks/{avatar.qcWk9clF.js → avatar.DXzyWKsI.js} +2 -2
  64. package/dist/chunks/{avatar.qcWk9clF.js.map → avatar.DXzyWKsI.js.map} +1 -1
  65. package/dist/chunks/{base-button.qWj0m9-v.js → base-button.4UYC3kp2.js} +2 -2
  66. package/dist/chunks/{base-button.qWj0m9-v.js.map → base-button.4UYC3kp2.js.map} +1 -1
  67. package/dist/chunks/{base-modal.BaHkDH5f.js → base-modal.D9nvAFwb.js} +18 -18
  68. package/dist/chunks/base-modal.D9nvAFwb.js.map +1 -0
  69. package/dist/chunks/{button-actions-with-menu.Bl82u6yP.js → button-actions-with-menu.BraBlJ_T.js} +4 -4
  70. package/dist/chunks/{button-actions-with-menu.Bl82u6yP.js.map → button-actions-with-menu.BraBlJ_T.js.map} +1 -1
  71. package/dist/chunks/{button-actions.DN4eIQes.js → button-actions.22PlNl4O.js} +3 -3
  72. package/dist/chunks/{button-actions.DN4eIQes.js.map → button-actions.22PlNl4O.js.map} +1 -1
  73. package/dist/chunks/{button.79klAcOK.js → button.PIszagl6.js} +3 -3
  74. package/dist/chunks/{button.79klAcOK.js.map → button.PIszagl6.js.map} +1 -1
  75. package/dist/chunks/{calendar.BFrqPClW.js → calendar.DadXSN5E.js} +6 -6
  76. package/dist/chunks/calendar.DadXSN5E.js.map +1 -0
  77. package/dist/chunks/{card.lWLgpCWM.js → card.7EiG0W8f.js} +5 -5
  78. package/dist/chunks/card.7EiG0W8f.js.map +1 -0
  79. package/dist/chunks/{checkbox-group.C0cqbJWx.js → checkbox-group.BKDaJocG.js} +11 -11
  80. package/dist/chunks/checkbox-group.BKDaJocG.js.map +1 -0
  81. package/dist/chunks/{checkbox-input.BH7MGdMj.js → checkbox-input.DgfJgZaI.js} +5 -5
  82. package/dist/chunks/checkbox-input.DgfJgZaI.js.map +1 -0
  83. package/dist/chunks/{checkbox.B3u_hzUo.js → checkbox.DNsPAfq5.js} +18 -18
  84. package/dist/chunks/checkbox.DNsPAfq5.js.map +1 -0
  85. package/dist/chunks/{code-snippet.BgjvWTHP.js → code-snippet.BPKC0Bxs.js} +7 -7
  86. package/dist/chunks/{code-snippet.BgjvWTHP.js.map → code-snippet.BPKC0Bxs.js.map} +1 -1
  87. package/dist/chunks/{controls-group.DLBxlPfl.js → controls-group.Dx66LdfN.js} +3 -3
  88. package/dist/chunks/{controls-group.DLBxlPfl.js.map → controls-group.Dx66LdfN.js.map} +1 -1
  89. package/dist/chunks/{copy.CmxcGt77.js → copy.fvajyLGQ.js} +3 -3
  90. package/dist/chunks/{copy.CmxcGt77.js.map → copy.fvajyLGQ.js.map} +1 -1
  91. package/dist/chunks/{country.DWQ85WGG.js → country.CM5oZOyZ.js} +2 -2
  92. package/dist/chunks/{country.DWQ85WGG.js.map → country.CM5oZOyZ.js.map} +1 -1
  93. package/dist/chunks/{currency.CbZqZrBz.js → currency.CEqsVP2T.js} +2 -2
  94. package/dist/chunks/{currency.CbZqZrBz.js.map → currency.CEqsVP2T.js.map} +1 -1
  95. package/dist/chunks/{dashboard-section.BfXtTf6l.js → dashboard-section.CilMYHUI.js} +3 -3
  96. package/dist/chunks/{dashboard-section.BfXtTf6l.js.map → dashboard-section.CilMYHUI.js.map} +1 -1
  97. package/dist/chunks/{dashed-underline.xq5j9fGG.js → dashed-underline.3xCL30uf.js} +4 -4
  98. package/dist/chunks/{dashed-underline.xq5j9fGG.js.map → dashed-underline.3xCL30uf.js.map} +1 -1
  99. package/dist/chunks/{data-grid-template.C8AR5CxA.js → data-grid-template.DV7r3myJ.js} +3 -3
  100. package/dist/chunks/{data-grid-template.C8AR5CxA.js.map → data-grid-template.DV7r3myJ.js.map} +1 -1
  101. package/dist/chunks/{data-grid.BCTcokYm.js → data-grid.CAs5qLq1.js} +376 -374
  102. package/dist/chunks/data-grid.CAs5qLq1.js.map +1 -0
  103. package/dist/chunks/{date-picker.CPG0zksD.js → date-picker.Ce5xoP6x.js} +9 -9
  104. package/dist/chunks/date-picker.Ce5xoP6x.js.map +1 -0
  105. package/dist/chunks/{date-range-picker.Bt439x32.js → date-range-picker.WFZu39Kj.js} +12 -12
  106. package/dist/chunks/{date-range-picker.Bt439x32.js.map → date-range-picker.WFZu39Kj.js.map} +1 -1
  107. package/dist/chunks/{date.C0uwNQjg.js → date.BQ29-2L1.js} +24 -23
  108. package/dist/chunks/{date.C0uwNQjg.js.map → date.BQ29-2L1.js.map} +1 -1
  109. package/dist/chunks/{dialog-page.bmDDYmn9.js → dialog-page.Qi9Zc34k.js} +2 -2
  110. package/dist/chunks/{dialog-page.bmDDYmn9.js.map → dialog-page.Qi9Zc34k.js.map} +1 -1
  111. package/dist/chunks/{dropdown-default-textbox.kQ3pHsZe.js → dropdown-default-textbox.DPZmj7xJ.js} +4 -4
  112. package/dist/chunks/dropdown-default-textbox.DPZmj7xJ.js.map +1 -0
  113. package/dist/chunks/{dropdown-tag.Cd4LGtwl.js → dropdown-tag.Df5CcYQ0.js} +6 -6
  114. package/dist/chunks/{dropdown-tag.Cd4LGtwl.js.map → dropdown-tag.Df5CcYQ0.js.map} +1 -1
  115. package/dist/chunks/{dropdown.B4KMM58m.js → dropdown.DpiHAE1l.js} +9 -9
  116. package/dist/chunks/dropdown.DpiHAE1l.js.map +1 -0
  117. package/dist/chunks/{empty-state.C2ba_wDp.js → empty-state.c6UY_tmZ.js} +3 -3
  118. package/dist/chunks/{empty-state.C2ba_wDp.js.map → empty-state.c6UY_tmZ.js.map} +1 -1
  119. package/dist/chunks/{error-message.GCYDEzGL.js → error-message.Btn_7Igx.js} +3 -3
  120. package/dist/chunks/{error-message.GCYDEzGL.js.map → error-message.Btn_7Igx.js.map} +1 -1
  121. package/dist/chunks/es6.BvpG4Oi6.js.map +1 -1
  122. package/dist/chunks/{filter-bar.Co2YeUUg.js → filter-bar.BSWkjktr.js} +27 -27
  123. package/dist/chunks/filter-bar.BSWkjktr.js.map +1 -0
  124. package/dist/chunks/{fixed-scroller.CQWDnydO.js → fixed-scroller.Bv65QAGg.js} +2 -2
  125. package/dist/chunks/{fixed-scroller.CQWDnydO.js.map → fixed-scroller.Bv65QAGg.js.map} +1 -1
  126. package/dist/chunks/{footer-actions.CxxS87iQ.js → footer-actions.BL59SNj4.js} +4 -4
  127. package/dist/chunks/{footer-actions.CxxS87iQ.js.map → footer-actions.BL59SNj4.js.map} +1 -1
  128. package/dist/chunks/{form-layout-title.DomnJXLE.js → form-layout-title.CTnkin8u.js} +3 -3
  129. package/dist/chunks/{form-layout-title.DomnJXLE.js.map → form-layout-title.CTnkin8u.js.map} +1 -1
  130. package/dist/chunks/generate-uid.D-HFI38h.js +32 -0
  131. package/dist/chunks/generate-uid.D-HFI38h.js.map +1 -0
  132. package/dist/chunks/{header.zacQVbjn.js → header.DGuyhMle.js} +7 -7
  133. package/dist/chunks/{header.zacQVbjn.js.map → header.DGuyhMle.js.map} +1 -1
  134. package/dist/chunks/{info-icon.DNn4oZsB.js → info-icon.BxWBisWG.js} +6 -6
  135. package/dist/chunks/info-icon.BxWBisWG.js.map +1 -0
  136. package/dist/chunks/{input-field.DBrzeKBj.js → input-field.CT0_xKvJ.js} +6 -6
  137. package/dist/chunks/input-field.CT0_xKvJ.js.map +1 -0
  138. package/dist/chunks/{inspector.types.lu_MoQn5.js → inspector.types.D1HKmbsJ.js} +5 -5
  139. package/dist/chunks/inspector.types.D1HKmbsJ.js.map +1 -0
  140. package/dist/chunks/{link.Xce4kDGy.js → link.n62xz4hO.js} +2 -2
  141. package/dist/chunks/{link.Xce4kDGy.js.map → link.n62xz4hO.js.map} +1 -1
  142. package/dist/chunks/{listbox-option-tag.RVvWMKvz.js → listbox-option-tag.CuHL51H9.js} +3 -3
  143. package/dist/chunks/{listbox-option-tag.RVvWMKvz.js.map → listbox-option-tag.CuHL51H9.js.map} +1 -1
  144. package/dist/chunks/{loading-button.DoX2sopf.js → loading-button.CgiFM_c7.js} +2 -2
  145. package/dist/chunks/{loading-button.DoX2sopf.js.map → loading-button.CgiFM_c7.js.map} +1 -1
  146. package/dist/chunks/{menu.DHakGFS4.js → menu.DEgYSQA2.js} +7 -7
  147. package/dist/chunks/{menu.DHakGFS4.js.map → menu.DEgYSQA2.js.map} +1 -1
  148. package/dist/chunks/{modal-fullscreen.mIlp0LnL.js → modal-fullscreen.DsJnp4i6.js} +7 -7
  149. package/dist/chunks/modal-fullscreen.DsJnp4i6.js.map +1 -0
  150. package/dist/chunks/{modal.CtTQWN8H.js → modal.B1WqZZpr.js} +6 -6
  151. package/dist/chunks/{modal.CtTQWN8H.js.map → modal.B1WqZZpr.js.map} +1 -1
  152. package/dist/chunks/{pagination.By-p9MjL.js → pagination.8BZz-h13.js} +18 -18
  153. package/dist/chunks/pagination.8BZz-h13.js.map +1 -0
  154. package/dist/chunks/{payment-method.CyQwoqEe.js → payment-method.CoXB0ZAW.js} +2 -2
  155. package/dist/chunks/{payment-method.CyQwoqEe.js.map → payment-method.CoXB0ZAW.js.map} +1 -1
  156. package/dist/chunks/{popover.BDaf6hmW.js → popover.hzeFBXzL.js} +4 -4
  157. package/dist/chunks/{popover.BDaf6hmW.js.map → popover.hzeFBXzL.js.map} +1 -1
  158. package/dist/chunks/{radio-group.OaYz1wJf.js → radio-group.CZaVmmUe.js} +8 -8
  159. package/dist/chunks/radio-group.CZaVmmUe.js.map +1 -0
  160. package/dist/chunks/{search-bar.eC-crOww.js → search-bar.osJS8Cs-.js} +31 -31
  161. package/dist/chunks/search-bar.osJS8Cs-.js.map +1 -0
  162. package/dist/chunks/{secondary-nav.1xw-o8OR.js → secondary-nav.o_1YCWAx.js} +3 -3
  163. package/dist/chunks/{secondary-nav.1xw-o8OR.js.map → secondary-nav.o_1YCWAx.js.map} +1 -1
  164. package/dist/chunks/{segmented-control.BZm0u0wJ.js → segmented-control.uVH5ahVY.js} +13 -13
  165. package/dist/chunks/segmented-control.uVH5ahVY.js.map +1 -0
  166. package/dist/chunks/{selection-card-group.BLPaJy5U.js → selection-card-group.BRFV5iQl.js} +13 -13
  167. package/dist/chunks/selection-card-group.BRFV5iQl.js.map +1 -0
  168. package/dist/chunks/{sidepanel.ZYT_vzbj.js → sidepanel.GSooM2yT.js} +7 -7
  169. package/dist/chunks/sidepanel.GSooM2yT.js.map +1 -0
  170. package/dist/chunks/{status.types.dPBUkNia.js → status.types.UkYKuQHH.js} +2 -2
  171. package/dist/chunks/{status.types.dPBUkNia.js.map → status.types.UkYKuQHH.js.map} +1 -1
  172. package/dist/chunks/{step.CjJtlBk6.js → step.D3-7YL7-.js} +3 -3
  173. package/dist/chunks/{step.CjJtlBk6.js.map → step.D3-7YL7-.js.map} +1 -1
  174. package/dist/chunks/{structured-list-item.D7D8VpQY.js → structured-list-item.JDICCHjN.js} +6 -6
  175. package/dist/chunks/{structured-list-item.D7D8VpQY.js.map → structured-list-item.JDICCHjN.js.map} +1 -1
  176. package/dist/chunks/{summary-grid-item-custom.v0QSLZKT.js → summary-grid-item-custom.C-8hXJcP.js} +5 -5
  177. package/dist/chunks/{summary-grid-item-custom.v0QSLZKT.js.map → summary-grid-item-custom.C-8hXJcP.js.map} +1 -1
  178. package/dist/chunks/tabs.BiTr_PdY.js +154 -0
  179. package/dist/chunks/tabs.BiTr_PdY.js.map +1 -0
  180. package/dist/chunks/tag.DSFSfnAf.js +44 -0
  181. package/dist/chunks/tag.DSFSfnAf.js.map +1 -0
  182. package/dist/chunks/{textarea.C0IMS5XS.js → textarea.CrYT_JJ-.js} +6 -6
  183. package/dist/chunks/textarea.CrYT_JJ-.js.map +1 -0
  184. package/dist/chunks/{timeline-item.Dmd78uwQ.js → timeline-item.BS_P9oEW.js} +11 -11
  185. package/dist/chunks/{timeline-item.Dmd78uwQ.js.map → timeline-item.BS_P9oEW.js.map} +1 -1
  186. package/dist/chunks/{toast.3LxCDPiT.js → toast.C7L41pAm.js} +4 -4
  187. package/dist/chunks/{toast.3LxCDPiT.js.map → toast.C7L41pAm.js.map} +1 -1
  188. package/dist/chunks/{toggle-button.bt3zBzdC.js → toggle-button.D5Ann2NH.js} +2 -2
  189. package/dist/chunks/{toggle-button.bt3zBzdC.js.map → toggle-button.D5Ann2NH.js.map} +1 -1
  190. package/dist/chunks/{toggle.CLgGH4Jr.js → toggle.INRYdQzz.js} +4 -4
  191. package/dist/chunks/toggle.INRYdQzz.js.map +1 -0
  192. package/dist/chunks/{tooltip.BN6fOXzi.js → tooltip.CS2Gij6x.js} +18 -17
  193. package/dist/chunks/tooltip.CS2Gij6x.js.map +1 -0
  194. package/dist/chunks/{tutorial.D64_0i0-.js → tutorial.D_38Tuq-.js} +5 -5
  195. package/dist/chunks/{tutorial.D64_0i0-.js.map → tutorial.D_38Tuq-.js.map} +1 -1
  196. package/dist/chunks/typography.Bu_WAKdf.js +86 -0
  197. package/dist/chunks/typography.Bu_WAKdf.js.map +1 -0
  198. package/dist/chunks/{use-bento-toast-controller.DLKySNHd.js → use-bento-toast-controller.BVVMh0wc.js} +3 -3
  199. package/dist/chunks/use-bento-toast-controller.BVVMh0wc.js.map +1 -0
  200. package/dist/chunks/{use-cached-selected-values.BOAumEi7.js → use-cached-selected-values.DxHmVtct.js} +6 -6
  201. package/dist/chunks/{use-cached-selected-values.BOAumEi7.js.map → use-cached-selected-values.DxHmVtct.js.map} +1 -1
  202. package/dist/code-snippet.js +1 -1
  203. package/dist/country.js +1 -1
  204. package/dist/currency.js +1 -1
  205. package/dist/dashboard-template.js +1 -1
  206. package/dist/dashed-underline.js +1 -1
  207. package/dist/data-grid-template.js +1 -1
  208. package/dist/data-grid.js +1 -1
  209. package/dist/date-picker.js +2 -2
  210. package/dist/date-range-picker.js +2 -2
  211. package/dist/date.js +1 -1
  212. package/dist/dropdown.js +4 -4
  213. package/dist/empty-state.js +1 -1
  214. package/dist/filter-bar.js +1 -1
  215. package/dist/form-layout.js +1 -1
  216. package/dist/header.js +1 -1
  217. package/dist/index.js +316 -299
  218. package/dist/index.js.map +1 -1
  219. package/dist/info-icon.js +1 -1
  220. package/dist/input-field.js +1 -1
  221. package/dist/inspector.js +1 -1
  222. package/dist/internal.js +21 -19
  223. package/dist/internal.js.map +1 -1
  224. package/dist/link.js +1 -1
  225. package/dist/menu.js +1 -1
  226. package/dist/modal-fullscreen.js +1 -1
  227. package/dist/modal.js +2 -2
  228. package/dist/pagination.js +1 -1
  229. package/dist/payment-method.js +1 -1
  230. package/dist/popover.js +1 -1
  231. package/dist/radio-group.js +1 -1
  232. package/dist/search-bar.js +2 -2
  233. package/dist/secondary-nav.js +1 -1
  234. package/dist/segmented-control.js +1 -1
  235. package/dist/selection-card.js +1 -1
  236. package/dist/sidepanel.js +1 -1
  237. package/dist/status.js +1 -1
  238. package/dist/stepper.js +1 -1
  239. package/dist/structured-list.js +1 -1
  240. package/dist/styles/bento-dark.css +1810 -0
  241. package/dist/styles/bento-light.css +1809 -0
  242. package/dist/styles/bento.css +69 -7
  243. package/dist/styles/legacy.css +67 -5
  244. package/dist/styles/styleguide.css +69 -7
  245. package/dist/summary-grid.js +1 -1
  246. package/dist/tabs.js +1 -1
  247. package/dist/tag.js +1 -1
  248. package/dist/textarea.js +1 -1
  249. package/dist/timeline.js +1 -1
  250. package/dist/toast.js +1 -1
  251. package/dist/toggle.js +1 -1
  252. package/dist/tutorial.js +1 -1
  253. package/dist/typography.js +1 -1
  254. package/dist/web-types.json +61 -40
  255. package/package.json +3 -3
  256. package/dist/chunks/accordion-item.BDNSykyK.js.map +0 -1
  257. package/dist/chunks/base-modal.BaHkDH5f.js.map +0 -1
  258. package/dist/chunks/calendar.BFrqPClW.js.map +0 -1
  259. package/dist/chunks/card.lWLgpCWM.js.map +0 -1
  260. package/dist/chunks/checkbox-group.C0cqbJWx.js.map +0 -1
  261. package/dist/chunks/checkbox-input.BH7MGdMj.js.map +0 -1
  262. package/dist/chunks/checkbox.B3u_hzUo.js.map +0 -1
  263. package/dist/chunks/data-grid.BCTcokYm.js.map +0 -1
  264. package/dist/chunks/date-picker.CPG0zksD.js.map +0 -1
  265. package/dist/chunks/dropdown-default-textbox.kQ3pHsZe.js.map +0 -1
  266. package/dist/chunks/dropdown.B4KMM58m.js.map +0 -1
  267. package/dist/chunks/filter-bar.Co2YeUUg.js.map +0 -1
  268. package/dist/chunks/info-icon.DNn4oZsB.js.map +0 -1
  269. package/dist/chunks/input-field.DBrzeKBj.js.map +0 -1
  270. package/dist/chunks/inspector.types.lu_MoQn5.js.map +0 -1
  271. package/dist/chunks/modal-fullscreen.mIlp0LnL.js.map +0 -1
  272. package/dist/chunks/pagination.By-p9MjL.js.map +0 -1
  273. package/dist/chunks/radio-group.OaYz1wJf.js.map +0 -1
  274. package/dist/chunks/search-bar.eC-crOww.js.map +0 -1
  275. package/dist/chunks/segmented-control.BZm0u0wJ.js.map +0 -1
  276. package/dist/chunks/selection-card-group.BLPaJy5U.js.map +0 -1
  277. package/dist/chunks/sidepanel.ZYT_vzbj.js.map +0 -1
  278. package/dist/chunks/tabs.D4ORafqH.js +0 -140
  279. package/dist/chunks/tabs.D4ORafqH.js.map +0 -1
  280. package/dist/chunks/tag.Bo_6RnVE.js +0 -64
  281. package/dist/chunks/tag.Bo_6RnVE.js.map +0 -1
  282. package/dist/chunks/textarea.C0IMS5XS.js.map +0 -1
  283. package/dist/chunks/toggle.CLgGH4Jr.js.map +0 -1
  284. package/dist/chunks/tooltip.BN6fOXzi.js.map +0 -1
  285. package/dist/chunks/typography.CqQaHXhq.js +0 -76
  286. package/dist/chunks/typography.CqQaHXhq.js.map +0 -1
  287. package/dist/chunks/unique-id.XFfoKuc2.js +0 -28
  288. package/dist/chunks/unique-id.XFfoKuc2.js.map +0 -1
  289. package/dist/chunks/use-bento-toast-controller.DLKySNHd.js.map +0 -1
package/dist/styles/bento.css CHANGED
@@ -20,6 +20,7 @@
20
20
  --b-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
21
21
  --b-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
22
22
  --b-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
23
+ --b-gradient-data-grid-hover: linear-gradient(270deg, rgba(247, 247, 248, 1) 0%, rgba(247, 247, 248, 0.99) 8.59%, rgba(247, 247, 248, 0.98) 17.48%, rgba(247, 247, 248, 0.95) 26.53%, rgba(247, 247, 248, 0.92) 35.61%, rgba(247, 247, 248, 0.87) 44.59%, rgba(247, 247, 248, 0.82) 53.34%, rgba(247, 247, 248, 0.75) 61.73%, rgba(247, 247, 248, 0.68) 69.63%, rgba(247, 247, 248, 0.60) 76.9%, rgba(247, 247, 248, 0.52) 83.41%, rgba(247, 247, 248, 0.42) 89.03%, rgba(247, 247, 248, 0.33) 93.63%, rgba(247, 247, 248, 0.22) 97.08%, rgba(247, 247, 248, 0.11) 99.25%, rgba(247, 247, 248, 0.00) 100%);
23
24
  --b-media-query-xxl: 1536px;
24
25
  --b-media-query-xl-max: 1535px;
25
26
  --b-media-query-xl-min: 1280px;
@@ -70,7 +71,7 @@
70
71
  --b-textarea-min-width: 200px;
71
72
  --b-tabs-notification-dot-width: 7px;
72
73
  --b-tabs-notification-dot-height: 7px;
73
- --b-tabs-tab-list-height: 26px;
74
+ --b-tabs-tab-list-height: 30px;
74
75
  --b-stepper-step-index-height: 20px;
75
76
  --b-stepper-step-index-width: 20px;
76
77
  --b-stepper-max-width: 200px;
@@ -239,6 +240,15 @@
239
240
  --b-text-caption-font-weight: 400;
240
241
  --b-text-caption-font-size: 12px;
241
242
  --b-text-caption-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
243
+ --b-text-rich-text-caption-pre-line-height: 20px;
244
+ --b-text-rich-text-table-caption-line-height: 20px;
245
+ --b-text-rich-text-table-header-font-weight: 700;
246
+ --b-text-rich-text-table-line-height: 20px;
247
+ --b-text-rich-text-blockquote-font-weight: 500;
248
+ --b-text-rich-text-pre-line-height: 24px;
249
+ --b-text-rich-text-code-font-weight: 500;
250
+ --b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
251
+ --b-text-rich-text-heading-font-weight: 700;
242
252
  --b-text-font-variant-numeric: slashed-zero;
243
253
  --b-focus-ring-color: rgba(0, 112, 245, 0.8);
244
254
  --b-color-support-shadow: #00112c;
@@ -400,6 +410,7 @@
400
410
  --b-toggle-description-padding: var(--b-spacer-020);
401
411
  --b-toggle-description-color: var(--b-color-label-secondary);
402
412
  --b-toggle-label-padding: var(--b-spacer-070);
413
+ --b-toggle-label-color: var(--b-color-label-primary);
403
414
  --b-toggle-track-toggled-readonly-background-color: var(--b-color-background-quaternary);
404
415
  --b-toggle-track-toggled-disabled-background-color: var(--b-color-background-quaternary);
405
416
  --b-toggle-track-toggled-active-background-color: var(--b-color-background-inverse-primary-active);
@@ -531,6 +542,7 @@
531
542
  --b-textarea-input-padding: var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);
532
543
  --b-textarea-input-border-radius: var(--b-border-radius-m);
533
544
  --b-textarea-input-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
545
+ --b-textarea-input-background-color: var(--b-color-background-primary);
534
546
  --b-textarea-input-box-margin-bottom: var(--b-spacer-040);
535
547
  --b-textarea-label-item-error-color: var(--b-color-label-critical);
536
548
  --b-textarea-label-item-color: var(--b-color-label-secondary);
@@ -551,6 +563,14 @@
551
563
  --b-tag-padding: var(--b-spacer-010) var(--b-spacer-040);
552
564
  --b-tabs-notification-dot-margin-left: var(--b-spacer-030);
553
565
  --b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
566
+ --b-tabs-counter-hover-color: var(--b-color-label-primary);
567
+ --b-tabs-counter-disabled-color: var(--b-color-label-disabled);
568
+ --b-tabs-counter-active-color: var(--b-color-label-primary);
569
+ --b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
570
+ --b-tabs-counter-margin-left: var(--b-spacer-030);
571
+ --b-tabs-counter-color: var(--b-color-label-secondary);
572
+ --b-tabs-counter-border-radius: var(--b-border-radius-s);
573
+ --b-tabs-counter-background-color: var(--b-color-background-secondary);
554
574
  --b-tabs-tab-underline-width: var(--b-spacer-080);
555
575
  --b-tabs-tab-underline-height-active: var(--b-border-width-m);
556
576
  --b-tabs-tab-underline-height: var(--b-border-width-s);
@@ -559,7 +579,8 @@
559
579
  --b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
560
580
  --b-tabs-tab-title-active-color: var(--b-color-label-primary);
561
581
  --b-tabs-tab-title-color: var(--b-color-label-secondary);
562
- --b-tabs-tab-title-border-radius: var(--b-border-radius-xs);
582
+ --b-tabs-tab-text-height: var(--b-spacer-090);
583
+ --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
563
584
  --b-tabs-tab-list-gap: var(--b-spacer-090);
564
585
  --b-tabs-background-color: var(--b-color-background-primary);
565
586
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
@@ -572,6 +593,7 @@
572
593
  --b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
573
594
  --b-summary-grid-item-gap: var(--b-spacer-040);
574
595
  --b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
596
+ --b-summary-grid-item-color: var(--b-color-label-primary);
575
597
  --b-summary-grid-item-border-radius: var(--b-border-radius-m);
576
598
  --b-summary-grid-item-background-color: var(--b-color-background-secondary);
577
599
  --b-summary-grid-gap: var(--b-spacer-040);
@@ -621,14 +643,18 @@
621
643
  --b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
622
644
  --b-status-indicator-green-background-color: var(--b-color-decorative-green);
623
645
  --b-status-indicator-blue-background-color: var(--b-color-decorative-blue);
646
+ --b-status-color: var(--b-color-label-primary);
624
647
  --b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
625
648
  --b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
626
649
  --b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-090);
650
+ --b-sidepanel-page-actions-color: var(--b-color-label-primary);
627
651
  --b-sidepanel-page-actions-background-color: var(--b-color-background-modal);
628
652
  --b-sidepanel-page-content-padding: 0 var(--b-spacer-090);
653
+ --b-sidepanel-page-content-color: var(--b-color-label-primary);
629
654
  --b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
630
655
  --b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);
631
656
  --b-sidepanel-page-header-gap: var(--b-spacer-060);
657
+ --b-sidepanel-page-header-color: var(--b-color-label-primary);
632
658
  --b-sidepanel-page-header-background-color: var(--b-color-background-modal);
633
659
  --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
634
660
  --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
@@ -658,6 +684,7 @@
658
684
  --b-selection-card-container-content-gap: var(--b-spacer-060);
659
685
  --b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
660
686
  --b-selection-card-container-gap: var(--b-spacer-060);
687
+ --b-selection-card-container-color: var(--b-color-label-primary);
661
688
  --b-selection-card-container-border-radius: var(--b-border-radius-l);
662
689
  --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
663
690
  --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
@@ -774,6 +801,7 @@
774
801
  --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
775
802
  --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
776
803
  --b-popover-z-index: 5;
804
+ --b-popover-color: var(--b-color-label-primary);
777
805
  --b-popover-box-shadow: var(--b-shadow-medium-border);
778
806
  --b-popover-border-radius: var(--b-border-radius-m);
779
807
  --b-popover-background-color: var(--b-color-background-modal);
@@ -787,6 +815,7 @@
787
815
  --b-pagination-controls-gap: var(--b-spacer-070);
788
816
  --b-pagination-context-margin: 0 var(--b-spacer-060);
789
817
  --b-pagination-navigation-small-container-gap: var(--b-spacer-050);
818
+ --b-pagination-color: var(--b-color-label-primary);
790
819
  --b-modal-animation-duration: var(--b-animation-duration-moderate);
791
820
  --b-modal-backdrop-background-color: var(--b-color-support-overlay);
792
821
  --b-modal-close-button-z-index: 1;
@@ -799,8 +828,9 @@
799
828
  --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
800
829
  --b-modal-container-column-layout-padding: var(--b-spacer-090);
801
830
  --b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
802
- --b-modal-container-background-color: var(--b-color-background-primary);
831
+ --b-modal-container-background-color: var(--b-color-background-modal);
803
832
  --b-modal-container-gap: var(--b-spacer-070);
833
+ --b-modal-container-color: var(--b-color-label-primary);
804
834
  --b-modal-padding: var(--b-spacer-000);
805
835
  --b-modal-border-radius: var(--b-border-radius-l);
806
836
  --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
@@ -931,6 +961,7 @@
931
961
  --b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
932
962
  --b-listbox-empty-search-message-color: var(--b-color-label-secondary);
933
963
  --b-listbox-padding: var(--b-spacer-040) 0;
964
+ --b-listbox-color: var(--b-color-label-primary);
934
965
  --b-listbox-background-color: var(--b-color-background-modal);
935
966
  --b-link-data-grid-active-color: var(--b-color-link-primary);
936
967
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
@@ -950,10 +981,11 @@
950
981
  --b-inspector-icons-gap: var(--b-spacer-050);
951
982
  --b-inspector-header-gap: var(--b-spacer-060);
952
983
  --b-inspector-header-padding-bottom: var(--b-spacer-070);
984
+ --b-inspector-header-color: var(--b-color-label-primary);
953
985
  --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
954
986
  --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
955
987
  --b-inspector-container-wrapper-z-index: 5;
956
- --b-inspector-container-wrapper-background-color: var(--b-color-background-modal);
988
+ --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
957
989
  --b-input-field-error-message-margin-top: var(--b-spacer-040);
958
990
  --b-input-field-description-padding: var(--b-spacer-000);
959
991
  --b-input-field-description-margin-top: var(--b-spacer-040);
@@ -1021,6 +1053,7 @@
1021
1053
  --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1022
1054
  --b-input-field-label-margin-bottom: var(--b-spacer-040);
1023
1055
  --b-input-field-label-color: var(--b-color-label-primary);
1056
+ --b-info-icon-color: var(--b-color-label-primary);
1024
1057
  --b-header-component-title-margin-top: var(--b-spacer-020);
1025
1058
  --b-header-actions-margin-top: var(--b-spacer-070);
1026
1059
  --b-header-timestamp-margin-block: var(--b-spacer-020);
@@ -1033,6 +1066,7 @@
1033
1066
  --b-header-wrapper-gap: var(--b-spacer-110);
1034
1067
  --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1035
1068
  --b-form-layout-title-description-color: var(--b-color-label-secondary);
1069
+ --b-form-layout-title-color: var(--b-color-label-primary);
1036
1070
  --b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
1037
1071
  --b-form-layout-group-gap: var(--b-spacer-080);
1038
1072
  --b-form-layout-field-tip-gap: var(--b-spacer-060);
@@ -1048,11 +1082,12 @@
1048
1082
  --b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1049
1083
  --b-fixed-scroller-content-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-standard);
1050
1084
  --b-fixed-scroller-button-margin-top: var(--b-spacer-020);
1051
- --b-filter-button-modal-open-background-color: var(--b-color-background-primary-active);
1085
+ --b-filter-button-modal-open-background-color: var(--b-color-background-modal-active);
1052
1086
  --b-filter-button-modal-hover-color: var(--b-color-label-primary);
1053
- --b-filter-button-modal-hover-background-color: var(--b-color-background-primary-hover);
1087
+ --b-filter-button-modal-hover-background-color: var(--b-color-background-modal-hover);
1054
1088
  --b-filter-button-modal-focus-background-color: var(--b-color-background-primary-active);
1055
1089
  --b-filter-button-modal-counter-focus-background-color: var(--b-color-background-tertiary-active);
1090
+ --b-filter-button-modal-background-color: var(--b-color-background-modal);
1056
1091
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1057
1092
  --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1058
1093
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
@@ -1152,6 +1187,7 @@
1152
1187
  --b-empty-state-details-margin-bottom: var(--b-spacer-070);
1153
1188
  --b-empty-state-details-color: var(--b-color-label-secondary);
1154
1189
  --b-empty-state-title-margin-bottom: var(--b-spacer-020);
1190
+ --b-empty-state-title-color: var(--b-color-label-primary);
1155
1191
  --b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
1156
1192
  --b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
1157
1193
  --b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
@@ -1216,6 +1252,8 @@
1216
1252
  --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1217
1253
  --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1218
1254
  --b-dialog-page-border-radius: var(--b-border-radius-l);
1255
+ --b-date-color: var(--b-color-label-primary);
1256
+ --b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
1219
1257
  --b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
1220
1258
  --b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
1221
1259
  --b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
@@ -1261,6 +1299,7 @@
1261
1299
  --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1262
1300
  --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
1263
1301
  --b-data-grid-config-settings-z-index: 4;
1302
+ --b-data-grid-config-settings-color: var(--b-color-label-primary);
1264
1303
  --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1265
1304
  --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1266
1305
  --b-data-grid-filters-focus-within-z-index: 3;
@@ -1287,7 +1326,7 @@
1287
1326
  --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
1288
1327
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1289
1328
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1290
- --b-data-grid-cell-actions-background-gradient-background: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, 0.99) 8.59%, rgba(247, 247, 248, 0.98) 17.48%, rgba(247, 247, 248, 0.95) 26.53%, rgba(247, 247, 248, 0.92) 35.61%, rgba(247, 247, 248, 0.87) 44.59%, rgba(247, 247, 248, 0.82) 53.34%, rgba(247, 247, 248, 0.75) 61.73%, rgba(247, 247, 248, 0.68) 69.63%, rgba(247, 247, 248, 0.60) 76.9%, rgba(247, 247, 248, 0.52) 83.41%, rgba(247, 247, 248, 0.42) 89.03%, rgba(247, 247, 248, 0.33) 93.63%, rgba(247, 247, 248, 0.22) 97.08%, rgba(247, 247, 248, 0.11) 99.25%, rgba(247, 247, 248, 0.00) 100%);
1329
+ --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
1291
1330
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1292
1331
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1293
1332
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
@@ -1396,6 +1435,7 @@
1396
1435
  --b-code-snippet-code-area-border-width: var(--b-border-width-s);
1397
1436
  --b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
1398
1437
  --b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
1438
+ --b-code-snippet-code-area-color: var(--b-color-label-primary);
1399
1439
  --b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
1400
1440
  --b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
1401
1441
  --b-code-snippet-language-picker-background-color: var(--b-color-background-primary);
@@ -1403,6 +1443,7 @@
1403
1443
  --b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
1404
1444
  --b-code-snippet-action-bar-gap: var(--b-spacer-040);
1405
1445
  --b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
1446
+ --b-code-snippet-action-bar-color: var(--b-color-label-primary);
1406
1447
  --b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
1407
1448
  --b-checkbox-input-container-padding: var(--b-spacer-010) 0;
1408
1449
  --b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
@@ -1514,6 +1555,7 @@
1514
1555
  --b-card-body-expandable-padding-top: var(--b-spacer-060);
1515
1556
  --b-card-body-padding-top: var(--b-spacer-020);
1516
1557
  --b-card-body-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-070);
1558
+ --b-card-body-color: var(--b-color-label-primary);
1517
1559
  --b-card-header-focus-background-color: var(--b-color-background-primary-hover);
1518
1560
  --b-card-header-active-background-color: var(--b-color-background-primary-active);
1519
1561
  --b-card-header-hover-background-color: var(--b-color-background-primary-hover);
@@ -1528,6 +1570,7 @@
1528
1570
  --b-card-background-color: var(--b-color-background-primary);
1529
1571
  --b-calendar-month-day-unselected-active-background: var(--b-color-background-primary-active);
1530
1572
  --b-calendar-month-day-unselected-hover-background: var(--b-color-background-primary-hover);
1573
+ --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
1531
1574
  --b-calendar-month-day-selected-active-background: var(--b-color-background-inverse-primary-active);
1532
1575
  --b-calendar-month-day-selected-hover-background: var(--b-color-background-inverse-primary-hover);
1533
1576
  --b-calendar-month-day-selected-color: var(--b-color-label-inverse-primary);
@@ -1547,6 +1590,7 @@
1547
1590
  --b-calendar-month-day-current-day-selected-color: var(--b-color-label-primary);
1548
1591
  --b-calendar-month-day-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
1549
1592
  --b-calendar-month-month-selector-margin-bottom: var(--b-spacer-090);
1593
+ --b-calendar-month-month-selector-color: var(--b-color-label-primary);
1550
1594
  --b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
1551
1595
  --b-calendar-month-day-of-the-week-color: var(--b-color-label-secondary);
1552
1596
  --b-calendar-range-gap: var(--b-spacer-090);
@@ -1742,6 +1786,24 @@
1742
1786
  --b-accordion-item-button-color: var(--b-color-label-primary);
1743
1787
  --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
1744
1788
  --b-accordion-item-background-color: var(--b-color-background-primary);
1789
+ --b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
1790
+ --b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
1791
+ --b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
1792
+ --b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
1793
+ --b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
1794
+ --b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
1795
+ --b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
1796
+ --b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
1797
+ --b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
1798
+ --b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
1799
+ --b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
1800
+ --b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
1801
+ --b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
1802
+ --b-text-rich-text-code-background-color: var(--b-color-background-secondary);
1803
+ --b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
1804
+ --b-text-rich-text-list-padding-left: var(--b-spacer-080);
1805
+ --b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
1806
+ --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
1745
1807
  --b-focus-ring-outline: var(--b-border-width-l);
1746
1808
  --b-focus-ring-spacer: var(--b-border-width-s);
1747
1809
  }
package/dist/styles/legacy.css CHANGED
@@ -20,6 +20,7 @@
20
20
  --b-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
21
21
  --b-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
22
22
  --b-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
23
+ --b-gradient-data-grid-hover: linear-gradient(270deg, rgba(247, 247, 248, 1) 0%, rgba(247, 247, 248, 0.99) 8.59%, rgba(247, 247, 248, 0.98) 17.48%, rgba(247, 247, 248, 0.95) 26.53%, rgba(247, 247, 248, 0.92) 35.61%, rgba(247, 247, 248, 0.87) 44.59%, rgba(247, 247, 248, 0.82) 53.34%, rgba(247, 247, 248, 0.75) 61.73%, rgba(247, 247, 248, 0.68) 69.63%, rgba(247, 247, 248, 0.60) 76.9%, rgba(247, 247, 248, 0.52) 83.41%, rgba(247, 247, 248, 0.42) 89.03%, rgba(247, 247, 248, 0.33) 93.63%, rgba(247, 247, 248, 0.22) 97.08%, rgba(247, 247, 248, 0.11) 99.25%, rgba(247, 247, 248, 0.00) 100%);
23
24
  --b-media-query-xxl: 1536px;
24
25
  --b-media-query-xl-max: 1535px;
25
26
  --b-media-query-xl-min: 1280px;
@@ -266,6 +267,13 @@
266
267
  --b-text-caption-wide-line-height: 20px;
267
268
  --b-text-caption-letter-spacing: 0;
268
269
  --b-text-caption-line-height: 24px;
270
+ --b-text-rich-text-caption-pre-line-height: 20px;
271
+ --b-text-rich-text-table-caption-line-height: 20px;
272
+ --b-text-rich-text-table-header-font-weight: 700;
273
+ --b-text-rich-text-table-line-height: 20px;
274
+ --b-text-rich-text-pre-line-height: 24px;
275
+ --b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
276
+ --b-text-rich-text-heading-font-weight: 700;
269
277
  --b-text-font-variant-numeric: unset;
270
278
  --b-color-navy-50: #00112c;
271
279
  --b-color-navy-40: #20304c;
@@ -470,6 +478,7 @@
470
478
  --b-tooltip-background-color: var(--b-color-navy-40);
471
479
  --b-toggle-description-padding: var(--b-spacer-020);
472
480
  --b-toggle-label-padding: var(--b-spacer-050);
481
+ --b-toggle-label-color: var(--b-color-label-primary);
473
482
  --b-toggle-track-readonly-border-color: var(--b-color-outline-disabled);
474
483
  --b-toggle-track-disabled-border-color: var(--b-color-outline-disabled);
475
484
  --b-toggle-track-border-radius: var(--b-border-radius-l);
@@ -583,13 +592,22 @@
583
592
  --b-tag-padding: 0 var(--b-spacer-040);
584
593
  --b-tabs-notification-dot-margin-left: var(--b-spacer-030);
585
594
  --b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
595
+ --b-tabs-counter-hover-color: var(--b-color-label-primary);
596
+ --b-tabs-counter-disabled-color: var(--b-color-label-disabled);
597
+ --b-tabs-counter-active-color: var(--b-color-label-primary);
598
+ --b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
599
+ --b-tabs-counter-margin-left: var(--b-spacer-030);
600
+ --b-tabs-counter-color: var(--b-color-label-secondary);
601
+ --b-tabs-counter-border-radius: var(--b-border-radius-s);
602
+ --b-tabs-counter-background-color: var(--b-color-background-secondary);
586
603
  --b-tabs-tab-underline-width: var(--b-spacer-080);
587
604
  --b-tabs-tab-underline-color: var(--b-color-outline-primary-active);
588
605
  --b-tabs-tab-title-hover-color: var(--b-color-label-primary);
589
606
  --b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
590
607
  --b-tabs-tab-title-active-color: var(--b-color-label-primary);
591
608
  --b-tabs-tab-title-color: var(--b-color-label-secondary);
592
- --b-tabs-tab-title-border-radius: var(--b-border-radius-xs);
609
+ --b-tabs-tab-text-height: var(--b-spacer-090);
610
+ --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
593
611
  --b-tabs-tab-list-gap: var(--b-spacer-090);
594
612
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
595
613
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
@@ -600,6 +618,7 @@
600
618
  --b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
601
619
  --b-summary-grid-item-gap: var(--b-spacer-040);
602
620
  --b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
621
+ --b-summary-grid-item-color: var(--b-color-label-primary);
603
622
  --b-summary-grid-item-border-radius: var(--b-border-radius-m);
604
623
  --b-summary-grid-gap: var(--b-spacer-060);
605
624
  --b-structured-list-item-icon-margin: var(--b-spacer-010);
@@ -647,15 +666,19 @@
647
666
  --b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
648
667
  --b-status-indicator-green-background-color: var(--b-color-green-40);
649
668
  --b-status-indicator-blue-background-color: var(--b-color-blue-40);
669
+ --b-status-color: var(--b-color-label-primary);
650
670
  --b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
651
671
  --b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
652
672
  --b-sidepanel-page-actions-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
653
673
  --b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-110);
674
+ --b-sidepanel-page-actions-color: var(--b-color-label-primary);
654
675
  --b-sidepanel-page-content-padding: 0 var(--b-spacer-110);
676
+ --b-sidepanel-page-content-color: var(--b-color-label-primary);
655
677
  --b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
656
678
  --b-sidepanel-page-header-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
657
679
  --b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-110);
658
680
  --b-sidepanel-page-header-gap: var(--b-spacer-060);
681
+ --b-sidepanel-page-header-color: var(--b-color-label-primary);
659
682
  --b-sidepanel-page-header-background-color: var(--b-color-grey-10);
660
683
  --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
661
684
  --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
@@ -671,6 +694,7 @@
671
694
  --b-selection-card-container-content-gap: var(--b-spacer-060);
672
695
  --b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
673
696
  --b-selection-card-container-gap: var(--b-spacer-060);
697
+ --b-selection-card-container-color: var(--b-color-label-primary);
674
698
  --b-selection-card-container-border-radius: var(--b-border-radius-l);
675
699
  --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
676
700
  --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
@@ -751,6 +775,7 @@
751
775
  --b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
752
776
  --b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
753
777
  --b-popover-z-index: 5;
778
+ --b-popover-color: var(--b-color-label-primary);
754
779
  --b-popover-border-radius: var(--b-border-radius-s);
755
780
  --b-popover-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
756
781
  --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
@@ -763,6 +788,7 @@
763
788
  --b-pagination-controls-gap: var(--b-spacer-070);
764
789
  --b-pagination-context-margin: 0 var(--b-spacer-060);
765
790
  --b-pagination-navigation-small-container-gap: var(--b-spacer-050);
791
+ --b-pagination-color: var(--b-color-label-primary);
766
792
  --b-modal-wrapper-gap: var(--b-spacer-090);
767
793
  --b-modal-wrapper-padding: var(--b-spacer-090);
768
794
  --b-modal-animation-duration: var(--b-animation-duration-moderate);
@@ -777,6 +803,7 @@
777
803
  --b-modal-container-column-layout-padding: var(--b-spacer-090);
778
804
  --b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
779
805
  --b-modal-container-gap: var(--b-spacer-070);
806
+ --b-modal-container-color: var(--b-color-label-primary);
780
807
  --b-modal-padding: var(--b-spacer-000);
781
808
  --b-modal-border-radius: var(--b-border-radius-l);
782
809
  --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
@@ -891,6 +918,7 @@
891
918
  --b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
892
919
  --b-listbox-empty-search-message-color: var(--b-color-label-secondary);
893
920
  --b-listbox-padding: var(--b-spacer-000);
921
+ --b-listbox-color: var(--b-color-label-primary);
894
922
  --b-link-data-grid-active-color: var(--b-color-link-primary);
895
923
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
896
924
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
@@ -903,6 +931,7 @@
903
931
  --b-inspector-icons-gap: var(--b-spacer-050);
904
932
  --b-inspector-header-gap: var(--b-spacer-060);
905
933
  --b-inspector-header-padding-bottom: var(--b-spacer-070);
934
+ --b-inspector-header-color: var(--b-color-label-primary);
906
935
  --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
907
936
  --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
908
937
  --b-inspector-container-wrapper-z-index: 5;
@@ -969,6 +998,7 @@
969
998
  --b-input-field-label-requirement-color: var(--b-color-label-secondary);
970
999
  --b-input-field-label-margin-bottom: var(--b-spacer-040);
971
1000
  --b-input-field-label-color: var(--b-color-label-primary);
1001
+ --b-info-icon-color: var(--b-color-label-primary);
972
1002
  --b-header-component-title-margin-top: var(--b-spacer-020);
973
1003
  --b-header-actions-margin-top: var(--b-spacer-070);
974
1004
  --b-header-timestamp-margin-block: var(--b-spacer-020);
@@ -981,6 +1011,7 @@
981
1011
  --b-header-wrapper-gap: var(--b-spacer-110);
982
1012
  --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
983
1013
  --b-form-layout-title-description-color: var(--b-color-label-secondary);
1014
+ --b-form-layout-title-color: var(--b-color-label-primary);
984
1015
  --b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
985
1016
  --b-form-layout-group-gap: var(--b-spacer-080);
986
1017
  --b-form-layout-field-tip-gap: var(--b-spacer-060);
@@ -998,7 +1029,6 @@
998
1029
  --b-filter-button-modal-disabled-counter-background-color: var(--b-color-grey-30);
999
1030
  --b-filter-button-modal-disabled-color: var(--b-color-grey-30);
1000
1031
  --b-filter-button-modal-disabled-background-color: var(--b-color-white);
1001
- --b-filter-button-modal-border-radius: var(--b-border-radius-s);
1002
1032
  --b-filter-button-modal-open-background-color: var(--b-color-blue-10);
1003
1033
  --b-filter-button-modal-hover-color: var(--b-color-label-primary);
1004
1034
  --b-filter-button-modal-hover-background-color: var(--b-color-white);
@@ -1007,6 +1037,7 @@
1007
1037
  --b-filter-button-modal-counter-color: var(--b-color-white);
1008
1038
  --b-filter-button-modal-counter-background-color: var(--b-color-blue-40);
1009
1039
  --b-filter-button-modal-counter-focus-background-color: var(--b-color-blue-40);
1040
+ --b-filter-button-modal-border-radius: var(--b-border-radius-s);
1010
1041
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1011
1042
  --b-filter-button-hover-background-color: var(--b-color-white);
1012
1043
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
@@ -1114,6 +1145,7 @@
1114
1145
  --b-empty-state-details-margin-bottom: var(--b-spacer-070);
1115
1146
  --b-empty-state-details-color: var(--b-color-label-secondary);
1116
1147
  --b-empty-state-title-margin-bottom: var(--b-spacer-020);
1148
+ --b-empty-state-title-color: var(--b-color-label-primary);
1117
1149
  --b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
1118
1150
  --b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
1119
1151
  --b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
@@ -1174,8 +1206,10 @@
1174
1206
  --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1175
1207
  --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1176
1208
  --b-dialog-page-border-radius: var(--b-border-radius-l);
1209
+ --b-date-color: var(--b-color-label-primary);
1177
1210
  --b-date-range-picker-container-border-radius: var(--b-border-radius-s);
1178
1211
  --b-date-range-picker-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
1212
+ --b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
1179
1213
  --b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
1180
1214
  --b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
1181
1215
  --b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
@@ -1223,6 +1257,7 @@
1223
1257
  --b-data-grid-config-settings-button-and-separator-padding: var(--b-spacer-070) 0;
1224
1258
  --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-white);
1225
1259
  --b-data-grid-config-settings-z-index: 4;
1260
+ --b-data-grid-config-settings-color: var(--b-color-label-primary);
1226
1261
  --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1227
1262
  --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1228
1263
  --b-data-grid-filters-focus-within-z-index: 3;
@@ -1245,7 +1280,7 @@
1245
1280
  --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
1246
1281
  --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1247
1282
  --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1248
- --b-data-grid-cell-actions-background-gradient-background: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, 0.99) 8.59%, rgba(247, 247, 248, 0.98) 17.48%, rgba(247, 247, 248, 0.95) 26.53%, rgba(247, 247, 248, 0.92) 35.61%, rgba(247, 247, 248, 0.87) 44.59%, rgba(247, 247, 248, 0.82) 53.34%, rgba(247, 247, 248, 0.75) 61.73%, rgba(247, 247, 248, 0.68) 69.63%, rgba(247, 247, 248, 0.60) 76.9%, rgba(247, 247, 248, 0.52) 83.41%, rgba(247, 247, 248, 0.42) 89.03%, rgba(247, 247, 248, 0.33) 93.63%, rgba(247, 247, 248, 0.22) 97.08%, rgba(247, 247, 248, 0.11) 99.25%, rgba(247, 247, 248, 0.00) 100%);
1283
+ --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
1249
1284
  --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1250
1285
  --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1251
1286
  --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
@@ -1345,12 +1380,14 @@
1345
1380
  --b-code-snippet-code-area-border-width: var(--b-border-width-s);
1346
1381
  --b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
1347
1382
  --b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
1383
+ --b-code-snippet-code-area-color: var(--b-color-label-primary);
1348
1384
  --b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
1349
1385
  --b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
1350
1386
  --b-code-snippet-action-bar-border-radius: var(--b-border-radius-m) var(--b-border-radius-m) 0 0;
1351
1387
  --b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
1352
1388
  --b-code-snippet-action-bar-gap: var(--b-spacer-040);
1353
1389
  --b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
1390
+ --b-code-snippet-action-bar-color: var(--b-color-label-primary);
1354
1391
  --b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
1355
1392
  --b-checkbox-input-container-padding: var(--b-spacer-010) 0;
1356
1393
  --b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
@@ -1412,6 +1449,7 @@
1412
1449
  --b-card-body-expandable-padding-top: var(--b-spacer-060);
1413
1450
  --b-card-body-padding-top: var(--b-spacer-020);
1414
1451
  --b-card-body-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-070);
1452
+ --b-card-body-color: var(--b-color-label-primary);
1415
1453
  --b-card-header-focus-background-color: var(--b-color-background-primary-hover);
1416
1454
  --b-card-header-active-background-color: var(--b-color-background-primary-active);
1417
1455
  --b-card-header-hover-background-color: var(--b-color-white);
@@ -1423,12 +1461,14 @@
1423
1461
  --b-card-border-width: var(--b-border-width-s);
1424
1462
  --b-card-border-radius: var(--b-border-radius-s);
1425
1463
  --b-calendar-month-week-header-border-bottom: var(--b-border-width-s) solid var(--b-color-neutral-20);
1464
+ --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
1426
1465
  --b-calendar-month-day-end-after-z-index: 2;
1427
1466
  --b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
1428
1467
  --b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
1429
1468
  --b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
1430
1469
  --b-calendar-month-day-beginning-after-z-index: 2;
1431
1470
  --b-calendar-month-month-selector-margin-bottom: var(--b-spacer-070);
1471
+ --b-calendar-month-month-selector-color: var(--b-color-label-primary);
1432
1472
  --b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
1433
1473
  --b-calendar-range-gap: var(--b-spacer-090);
1434
1474
  --b-button-icon-only-secondary-padding-condensed: calc(4px - var(--b-border-width-s)) calc(var(--b-spacer-030) - var(--b-border-width-s));
@@ -1627,6 +1667,26 @@
1627
1667
  --b-text-caption-font-weight: var(--b-font-weight-400);
1628
1668
  --b-text-caption-font-size: var(--b-font-size-13);
1629
1669
  --b-text-caption-font-family: var(--b-font-family-primary);
1670
+ --b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
1671
+ --b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
1672
+ --b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
1673
+ --b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
1674
+ --b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
1675
+ --b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
1676
+ --b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
1677
+ --b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
1678
+ --b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
1679
+ --b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
1680
+ --b-text-rich-text-blockquote-font-weight: var(--b-font-weight-500);
1681
+ --b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
1682
+ --b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
1683
+ --b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
1684
+ --b-text-rich-text-code-font-weight: var(--b-font-weight-500);
1685
+ --b-text-rich-text-code-background-color: var(--b-color-background-secondary);
1686
+ --b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
1687
+ --b-text-rich-text-list-padding-left: var(--b-spacer-080);
1688
+ --b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
1689
+ --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
1630
1690
  --b-focus-ring-outline: var(--b-border-width-l);
1631
1691
  --b-focus-ring-spacer: var(--b-border-width-s);
1632
1692
  --b-focus-ring-color: var(--b-color-focus);
@@ -1691,6 +1751,7 @@
1691
1751
  --b-toggle-handle-background-color: var(--b-color-neutral-0);
1692
1752
  --b-toggle-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary);
1693
1753
  --b-toggle-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary);
1754
+ --b-textarea-input-background-color: var(--b-color-background-primary);
1694
1755
  --b-tag-white-background-color: var(--b-color-background-primary);
1695
1756
  --b-tag-red-background-color: var(--b-color-error-10);
1696
1757
  --b-tag-red-color: var(--b-color-error-60);
@@ -1761,7 +1822,7 @@
1761
1822
  --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
1762
1823
  --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
1763
1824
  --b-popover-background-color: var(--b-color-background-modal);
1764
- --b-modal-container-background-color: var(--b-color-background-primary);
1825
+ --b-modal-container-background-color: var(--b-color-background-modal);
1765
1826
  --b-modal-fullscreen-background-color: var(--b-color-background-primary);
1766
1827
  --b-menu-submenu-background-color: var(--b-color-background-modal);
1767
1828
  --b-menu-item-list-background-color: var(--b-color-background-modal);
@@ -1789,11 +1850,12 @@
1789
1850
  --b-link-active-color: var(--b-color-primary-40);
1790
1851
  --b-link-hover-color: var(--b-color-primary-40);
1791
1852
  --b-link-color: var(--b-color-primary-40);
1792
- --b-inspector-container-wrapper-background-color: var(--b-color-background-modal);
1853
+ --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
1793
1854
  --b-input-field-input-font-size: var(--b-text-body-font-size);
1794
1855
  --b-input-field-input-box-background-color: var(--b-color-background-primary);
1795
1856
  --b-fixed-scroller-right-background: linear-gradient(270deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1796
1857
  --b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1858
+ --b-filter-button-modal-background-color: var(--b-color-background-modal);
1797
1859
  --b-filter-button-background-color: var(--b-color-background-primary);
1798
1860
  --b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
1799
1861
  --b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);