@adyen/bento-vue2 1.68.2 → 1.70.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 (451) hide show
  1. package/README.md +43 -97
  2. package/dist/@types/components.d.ts +1 -0
  3. package/dist/@types/index.d.ts +829 -2056
  4. package/dist/accordion.js +1 -1
  5. package/dist/action-bar.js +1 -1
  6. package/dist/alert.js +1 -1
  7. package/dist/assets/accordion-item.css +1 -1
  8. package/dist/assets/action-bar.css +1 -1
  9. package/dist/assets/alert.css +1 -1
  10. package/dist/assets/base-button.css +1 -1
  11. package/dist/assets/base-modal.css +1 -1
  12. package/dist/assets/button-actions-with-menu.css +1 -1
  13. package/dist/assets/button.css +1 -1
  14. package/dist/assets/calendar.css +1 -1
  15. package/dist/assets/card.css +1 -1
  16. package/dist/assets/checkbox-group.css +1 -1
  17. package/dist/assets/checkbox-input.css +1 -1
  18. package/dist/assets/checkbox.css +1 -1
  19. package/dist/assets/chip.css +1 -1
  20. package/dist/assets/code-snippet.css +1 -1
  21. package/dist/assets/controls-group.css +1 -1
  22. package/dist/assets/copy.css +1 -1
  23. package/dist/assets/country.css +1 -1
  24. package/dist/assets/currency.css +1 -1
  25. package/dist/assets/dashed-underline.css +1 -1
  26. package/dist/assets/data-grid-template.css +1 -1
  27. package/dist/assets/data-grid.css +1 -1
  28. package/dist/assets/date-picker.css +1 -1
  29. package/dist/assets/date-range-picker.css +1 -1
  30. package/dist/assets/dialog-page.css +1 -1
  31. package/dist/assets/divider.css +1 -1
  32. package/dist/assets/dropdown-default-textbox.css +1 -1
  33. package/dist/assets/dropdown-tag.css +1 -1
  34. package/dist/assets/dropdown.css +1 -1
  35. package/dist/assets/empty-state.css +1 -1
  36. package/dist/assets/error-message.css +1 -1
  37. package/dist/assets/file-uploader.css +1 -1
  38. package/dist/assets/filter-bar.css +1 -1
  39. package/dist/assets/focus-trap.css +1 -1
  40. package/dist/assets/footer-actions.css +1 -1
  41. package/dist/assets/form-layout-title.css +1 -1
  42. package/dist/assets/grid-layout.css +1 -1
  43. package/dist/assets/header-meta.css +1 -1
  44. package/dist/assets/header-with-views.css +1 -1
  45. package/dist/assets/header.css +1 -1
  46. package/dist/assets/info-icon.css +1 -1
  47. package/dist/assets/input-field-password.css +1 -1
  48. package/dist/assets/input-field-phone-number.css +1 -1
  49. package/dist/assets/input-field.css +1 -1
  50. package/dist/assets/inspector.css +1 -1
  51. package/dist/assets/layout-row.css +1 -1
  52. package/dist/assets/link.css +1 -1
  53. package/dist/assets/listbox-option-tag.css +1 -1
  54. package/dist/assets/loading-indicator.css +1 -1
  55. package/dist/assets/modal-fullscreen.css +1 -1
  56. package/dist/assets/pagination.css +1 -1
  57. package/dist/assets/payment-method.css +1 -1
  58. package/dist/assets/popper-container.css +1 -1
  59. package/dist/assets/promo-banner.css +1 -1
  60. package/dist/assets/radio-group.css +1 -1
  61. package/dist/assets/radio-input.css +1 -1
  62. package/dist/assets/rich-text-editor.css +1 -1
  63. package/dist/assets/search-bar.css +1 -1
  64. package/dist/assets/secondary-nav.css +1 -1
  65. package/dist/assets/segmented-control.css +1 -1
  66. package/dist/assets/selection-card-group.css +1 -1
  67. package/dist/assets/sidepanel.css +1 -1
  68. package/dist/assets/status.css +1 -1
  69. package/dist/assets/step.css +1 -1
  70. package/dist/assets/structured-list-item.css +1 -1
  71. package/dist/assets/tab.css +1 -1
  72. package/dist/assets/tag.css +1 -1
  73. package/dist/assets/textarea.css +1 -1
  74. package/dist/assets/timeline-item.css +1 -1
  75. package/dist/assets/toast.css +1 -1
  76. package/dist/assets/toggle-button.css +1 -1
  77. package/dist/assets/toggle.css +1 -1
  78. package/dist/assets/tooltip.css +1 -1
  79. package/dist/assets/tutorial.css +1 -1
  80. package/dist/assets/typography.css +1 -1
  81. package/dist/assets/use-cached-selected-values.css +1 -1
  82. package/dist/avatar.js +1 -1
  83. package/dist/button.js +9 -9
  84. package/dist/card.js +1 -1
  85. package/dist/checkbox.js +2 -2
  86. package/dist/chip.js +1 -1
  87. package/dist/chunks/{accordion-item.BNtdoVto.js → accordion-item.CoqaoVnC.js} +3 -3
  88. package/dist/chunks/accordion-item.CoqaoVnC.js.map +1 -0
  89. package/dist/chunks/{action-bar.DQb7WVVd.js → action-bar.LaW4Tzlo.js} +18 -19
  90. package/dist/chunks/action-bar.LaW4Tzlo.js.map +1 -0
  91. package/dist/chunks/{alert.c1rhDDrU.js → alert.CMyL-zWT.js} +17 -17
  92. package/dist/chunks/alert.CMyL-zWT.js.map +1 -0
  93. package/dist/chunks/aria-label.CaUURpnB.js.map +1 -1
  94. package/dist/chunks/{avatar.BgwjpLQO.js → avatar.KdcsNOsm.js} +2 -2
  95. package/dist/chunks/avatar.KdcsNOsm.js.map +1 -0
  96. package/dist/chunks/{base-button.-gx_u8Bd.js → base-button.BB5tkzjh.js} +6 -6
  97. package/dist/chunks/base-button.BB5tkzjh.js.map +1 -0
  98. package/dist/chunks/{base-modal.CkkfT6r6.js → base-modal.D8Rh5NUz.js} +19 -19
  99. package/dist/chunks/base-modal.D8Rh5NUz.js.map +1 -0
  100. package/dist/chunks/bin.Ddb69cr1.js +24 -0
  101. package/dist/chunks/bin.Ddb69cr1.js.map +1 -0
  102. package/dist/chunks/button-actions-with-menu.BDpWI2Fh.js +85 -0
  103. package/dist/chunks/button-actions-with-menu.BDpWI2Fh.js.map +1 -0
  104. package/dist/chunks/button-actions.types.BptAXjD8.js +8 -0
  105. package/dist/chunks/button-actions.types.BptAXjD8.js.map +1 -0
  106. package/dist/chunks/{button.hF-nD1Og.js → button.CilT7NmM.js} +4 -4
  107. package/dist/chunks/button.CilT7NmM.js.map +1 -0
  108. package/dist/chunks/{calendar.DvIQEYwN.js → calendar.DYI4omOF.js} +25 -25
  109. package/dist/chunks/calendar.DYI4omOF.js.map +1 -0
  110. package/dist/chunks/{card.CASAAsuJ.js → card.C5Uub0Fb.js} +20 -19
  111. package/dist/chunks/card.C5Uub0Fb.js.map +1 -0
  112. package/dist/chunks/{checkbox-group.QdX-NrSG.js → checkbox-group.CLYgcDZl.js} +6 -6
  113. package/dist/chunks/checkbox-group.CLYgcDZl.js.map +1 -0
  114. package/dist/chunks/{checkbox-input.CNWigbX4.js → checkbox-input.B0NsfSNR.js} +2 -2
  115. package/dist/chunks/checkbox-input.B0NsfSNR.js.map +1 -0
  116. package/dist/chunks/{checkbox.DCD6SSXC.js → checkbox.lwLS8MMI.js} +6 -6
  117. package/dist/chunks/checkbox.lwLS8MMI.js.map +1 -0
  118. package/dist/chunks/{chip.OV0EWIP3.js → chip.Bfi-ff5E.js} +10 -10
  119. package/dist/chunks/chip.Bfi-ff5E.js.map +1 -0
  120. package/dist/chunks/{code-snippet.dIKi0D7d.js → code-snippet.DsHNr3DK.js} +8 -8
  121. package/dist/chunks/code-snippet.DsHNr3DK.js.map +1 -0
  122. package/dist/chunks/{controls-group.CccuLkgP.js → controls-group.az4jCZQF.js} +30 -27
  123. package/dist/chunks/controls-group.az4jCZQF.js.map +1 -0
  124. package/dist/chunks/{copy.CF8Fzu2Y.js → copy.Cb7gQhU4.js} +15 -15
  125. package/dist/chunks/copy.Cb7gQhU4.js.map +1 -0
  126. package/dist/chunks/{country.melpzEsY.js → country.1yIZNjdj.js} +7 -7
  127. package/dist/chunks/country.1yIZNjdj.js.map +1 -0
  128. package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -1
  129. package/dist/chunks/{currency.BM9OXTqe.js → currency.MT3baDtO.js} +3 -3
  130. package/dist/chunks/currency.MT3baDtO.js.map +1 -0
  131. package/dist/chunks/{dashboard-section.BIe6eVHq.js → dashboard-section.C6zV9yL-.js} +4 -4
  132. package/dist/chunks/{dashboard-section.BIe6eVHq.js.map → dashboard-section.C6zV9yL-.js.map} +1 -1
  133. package/dist/chunks/{dashed-underline.BbH6Lnd2.js → dashed-underline.Dry6H2zs.js} +12 -13
  134. package/dist/chunks/dashed-underline.Dry6H2zs.js.map +1 -0
  135. package/dist/chunks/{data-grid-template.Co0Ecr79.js → data-grid-template.Dlevchxd.js} +5 -5
  136. package/dist/chunks/data-grid-template.Dlevchxd.js.map +1 -0
  137. package/dist/chunks/{data-grid.erxjh5TN.js → data-grid.CrvFYgjF.js} +1234 -1182
  138. package/dist/chunks/data-grid.CrvFYgjF.js.map +1 -0
  139. package/dist/chunks/{date-picker.DGIS6Pp-.js → date-picker.DPasFJS2.js} +11 -11
  140. package/dist/chunks/date-picker.DPasFJS2.js.map +1 -0
  141. package/dist/chunks/date-range-picker.BIj17geh.js +967 -0
  142. package/dist/chunks/date-range-picker.BIj17geh.js.map +1 -0
  143. package/dist/chunks/{date.BfyWX2PY.js → date.BTdCYdkj.js} +2 -2
  144. package/dist/chunks/{date.BfyWX2PY.js.map → date.BTdCYdkj.js.map} +1 -1
  145. package/dist/chunks/{dialog-page.CLHZqQeU.js → dialog-page.D20YBRQF.js} +9 -9
  146. package/dist/chunks/dialog-page.D20YBRQF.js.map +1 -0
  147. package/dist/chunks/{divider.Cc4JFWG_.js → divider.CFbtmKeQ.js} +6 -6
  148. package/dist/chunks/divider.CFbtmKeQ.js.map +1 -0
  149. package/dist/chunks/{dropdown-default-textbox.94q6opSD.js → dropdown-default-textbox.CDm-PQfc.js} +81 -80
  150. package/dist/chunks/dropdown-default-textbox.CDm-PQfc.js.map +1 -0
  151. package/dist/chunks/dropdown-tag.cmaM8C2X.js +306 -0
  152. package/dist/chunks/dropdown-tag.cmaM8C2X.js.map +1 -0
  153. package/dist/chunks/{dropdown.DazYAy4B.js → dropdown.CEZXrC1C.js} +43 -43
  154. package/dist/chunks/dropdown.CEZXrC1C.js.map +1 -0
  155. package/dist/chunks/{empty-state.mtXfb1BB.js → empty-state.DAbj9xWF.js} +6 -6
  156. package/dist/chunks/empty-state.DAbj9xWF.js.map +1 -0
  157. package/dist/chunks/{error-message.BgxnwPLF.js → error-message.D_QAOG-5.js} +9 -9
  158. package/dist/chunks/{error-message.BgxnwPLF.js.map → error-message.D_QAOG-5.js.map} +1 -1
  159. package/dist/chunks/es6.MoTTyETW.js +12 -0
  160. package/dist/chunks/es6.MoTTyETW.js.map +1 -0
  161. package/dist/chunks/events.CMzGybJJ.js.map +1 -1
  162. package/dist/chunks/{file-uploader.BPslxGI8.js → file-uploader.D2k8GceS.js} +49 -49
  163. package/dist/chunks/file-uploader.D2k8GceS.js.map +1 -0
  164. package/dist/chunks/{filter-bar.DL19SXF1.js → filter-bar.C9suxxv-.js} +310 -316
  165. package/dist/chunks/filter-bar.C9suxxv-.js.map +1 -0
  166. package/dist/chunks/{fixed-scroller.XN-jvWqb.js → fixed-scroller.DDYpO7Li.js} +2 -2
  167. package/dist/chunks/{fixed-scroller.XN-jvWqb.js.map → fixed-scroller.DDYpO7Li.js.map} +1 -1
  168. package/dist/chunks/{focus-trap.C-wIQqpO.js → focus-trap.B4C5TXxl.js} +2 -2
  169. package/dist/chunks/focus-trap.B4C5TXxl.js.map +1 -0
  170. package/dist/chunks/{footer-actions.BE_zzX-e.js → footer-actions.Bbu1_rUb.js} +12 -12
  171. package/dist/chunks/footer-actions.Bbu1_rUb.js.map +1 -0
  172. package/dist/chunks/{form-layout-title.CIynHgCF.js → form-layout-title.aXVuAWiG.js} +5 -5
  173. package/dist/chunks/form-layout-title.aXVuAWiG.js.map +1 -0
  174. package/dist/chunks/{grid-layout.HvTAa4to.js → grid-layout.1aIiz2N_.js} +4 -4
  175. package/dist/chunks/grid-layout.1aIiz2N_.js.map +1 -0
  176. package/dist/chunks/{header-meta.CfloYa86.js → header-meta.Dj742jL5.js} +26 -27
  177. package/dist/chunks/{header-meta.CfloYa86.js.map → header-meta.Dj742jL5.js.map} +1 -1
  178. package/dist/chunks/{header-with-views.BUQ-MlAq.js → header-with-views.Cis2Ixho.js} +160 -164
  179. package/dist/chunks/header-with-views.Cis2Ixho.js.map +1 -0
  180. package/dist/chunks/{header.uyxNdQa3.js → header.Bo2fbjCm.js} +8 -8
  181. package/dist/chunks/header.Bo2fbjCm.js.map +1 -0
  182. package/dist/chunks/image.C2D2hKat.js.map +1 -1
  183. package/dist/chunks/{info-icon.CYOXx8CL.js → info-icon.BWC7gGmM.js} +7 -7
  184. package/dist/chunks/info-icon.BWC7gGmM.js.map +1 -0
  185. package/dist/chunks/info.CcMZ4aGg.js +24 -0
  186. package/dist/chunks/info.CcMZ4aGg.js.map +1 -0
  187. package/dist/chunks/{input-field-password.C1zTapiN.js → input-field-password.D6wAD55v.js} +29 -29
  188. package/dist/chunks/input-field-password.D6wAD55v.js.map +1 -0
  189. package/dist/chunks/{input-field-phone-number.K8BYjWfa.js → input-field-phone-number.CLHuEXO7.js} +12 -11
  190. package/dist/chunks/{input-field-phone-number.K8BYjWfa.js.map → input-field-phone-number.CLHuEXO7.js.map} +1 -1
  191. package/dist/chunks/{input-field.5S-pUNxA.js → input-field.C3KYlPYa.js} +5 -5
  192. package/dist/chunks/input-field.C3KYlPYa.js.map +1 -0
  193. package/dist/chunks/{inspector.BI28vKQz.js → inspector.CH4kvF9q.js} +6 -6
  194. package/dist/chunks/inspector.CH4kvF9q.js.map +1 -0
  195. package/dist/chunks/keyboard-navigation.pB8weElW.js.map +1 -1
  196. package/dist/chunks/{layout-row.C_F2wX6d.js → layout-row.BLGCVZkD.js} +12 -12
  197. package/dist/chunks/layout-row.BLGCVZkD.js.map +1 -0
  198. package/dist/chunks/{link.CXy_LoFI.js → link.C4htMrDV.js} +3 -3
  199. package/dist/chunks/link.C4htMrDV.js.map +1 -0
  200. package/dist/chunks/{listbox-option-tag.D0Cql_R3.js → listbox-option-tag.3zcrQQvI.js} +4 -4
  201. package/dist/chunks/listbox-option-tag.3zcrQQvI.js.map +1 -0
  202. package/dist/chunks/{loading-indicator.z8COalOc.js → loading-indicator.DXc7I1Lm.js} +2 -2
  203. package/dist/chunks/loading-indicator.DXc7I1Lm.js.map +1 -0
  204. package/dist/chunks/minus-small.DJacLGTw.js.map +1 -1
  205. package/dist/chunks/{modal-fullscreen.DHotw1RI.js → modal-fullscreen.DNxrRLZ5.js} +61 -56
  206. package/dist/chunks/modal-fullscreen.DNxrRLZ5.js.map +1 -0
  207. package/dist/chunks/{modal.eoNQ6E3U.js → modal.BjoHqKYF.js} +6 -6
  208. package/dist/chunks/modal.BjoHqKYF.js.map +1 -0
  209. package/dist/chunks/{pagination.4J7ZMyf5.js → pagination.BNjvTjtR.js} +5 -5
  210. package/dist/chunks/pagination.BNjvTjtR.js.map +1 -0
  211. package/dist/chunks/{payment-method.Cx4nPDtE.js → payment-method.DtvfUnit.js} +3 -3
  212. package/dist/chunks/payment-method.DtvfUnit.js.map +1 -0
  213. package/dist/chunks/popover.types.CiUPrUuw.js +6 -0
  214. package/dist/chunks/popover.types.CiUPrUuw.js.map +1 -0
  215. package/dist/chunks/{popper-container.DIFqmRsp.js → popper-container.BRkYcBmL.js} +3 -3
  216. package/dist/chunks/popper-container.BRkYcBmL.js.map +1 -0
  217. package/dist/chunks/{promo-banner.Bbc2U3S3.js → promo-banner.CmkrgQsm.js} +6 -6
  218. package/dist/chunks/promo-banner.CmkrgQsm.js.map +1 -0
  219. package/dist/chunks/{radio-group.4_KKjvAm.js → radio-group.ANbubbQK.js} +14 -12
  220. package/dist/chunks/radio-group.ANbubbQK.js.map +1 -0
  221. package/dist/chunks/{radio-input.uJAhxKRs.js → radio-input.D8mv2EYC.js} +2 -2
  222. package/dist/chunks/radio-input.D8mv2EYC.js.map +1 -0
  223. package/dist/chunks/{rich-text-editor.BUKLdRkN.js → rich-text-editor.DfUK2cie.js} +8 -8
  224. package/dist/chunks/rich-text-editor.DfUK2cie.js.map +1 -0
  225. package/dist/chunks/{search-bar.CuBj5FAE.js → search-bar.B4ln_DGC.js} +6 -5
  226. package/dist/chunks/search-bar.B4ln_DGC.js.map +1 -0
  227. package/dist/chunks/{secondary-nav.C6usurfD.js → secondary-nav.DGRvSeRY.js} +9 -9
  228. package/dist/chunks/secondary-nav.DGRvSeRY.js.map +1 -0
  229. package/dist/chunks/{segmented-control.DHZEfmT-.js → segmented-control.5-G1EwGt.js} +11 -11
  230. package/dist/chunks/segmented-control.5-G1EwGt.js.map +1 -0
  231. package/dist/chunks/{selection-card-group.0o5T4tab.js → selection-card-group.xs_M1a46.js} +10 -10
  232. package/dist/chunks/selection-card-group.xs_M1a46.js.map +1 -0
  233. package/dist/chunks/{sidepanel.DyThBUgV.js → sidepanel.DJAmLLPS.js} +9 -9
  234. package/dist/chunks/sidepanel.DJAmLLPS.js.map +1 -0
  235. package/dist/chunks/{status.types.p_TCvoo0.js → status.types.BpMK-6IT.js} +3 -3
  236. package/dist/chunks/status.types.BpMK-6IT.js.map +1 -0
  237. package/dist/chunks/{step.DMMofD4B.js → step.DwXkOVky.js} +5 -5
  238. package/dist/chunks/step.DwXkOVky.js.map +1 -0
  239. package/dist/chunks/{structured-list-item.Bnn6-Z3q.js → structured-list-item.TPZLf2rC.js} +7 -7
  240. package/dist/chunks/structured-list-item.TPZLf2rC.js.map +1 -0
  241. package/dist/chunks/{summary-grid.types.D_FU3sUq.js → summary-grid.types.Mua4SprI.js} +7 -7
  242. package/dist/chunks/{summary-grid.types.D_FU3sUq.js.map → summary-grid.types.Mua4SprI.js.map} +1 -1
  243. package/dist/chunks/{tab.BhWPBxcB.js → tab.ClkH0GtX.js} +5 -5
  244. package/dist/chunks/tab.ClkH0GtX.js.map +1 -0
  245. package/dist/chunks/{tag.CGkclKVL.js → tag.D1niMJDQ.js} +4 -4
  246. package/dist/chunks/tag.D1niMJDQ.js.map +1 -0
  247. package/dist/chunks/textarea.BNGBZJ3C.js +214 -0
  248. package/dist/chunks/textarea.BNGBZJ3C.js.map +1 -0
  249. package/dist/chunks/timeline-item.DYUON6R3.js +387 -0
  250. package/dist/chunks/timeline-item.DYUON6R3.js.map +1 -0
  251. package/dist/chunks/{toast.BOyeuS19.js → toast.gMDjItrP.js} +5 -5
  252. package/dist/chunks/toast.gMDjItrP.js.map +1 -0
  253. package/dist/chunks/toggle-button.COXDzXWu.js +1031 -0
  254. package/dist/chunks/toggle-button.COXDzXWu.js.map +1 -0
  255. package/dist/chunks/{toggle.DyXL09-x.js → toggle.Ct-5NUGu.js} +8 -8
  256. package/dist/chunks/toggle.Ct-5NUGu.js.map +1 -0
  257. package/dist/chunks/{tooltip.wQsyAwkC.js → tooltip.B2XJl4VK.js} +64 -60
  258. package/dist/chunks/tooltip.B2XJl4VK.js.map +1 -0
  259. package/dist/chunks/{tutorial.CxrGhLS7.js → tutorial.BiGj42TP.js} +29 -31
  260. package/dist/chunks/tutorial.BiGj42TP.js.map +1 -0
  261. package/dist/chunks/{typography.J1v_SPG3.js → typography.hlOAxsEn.js} +9 -9
  262. package/dist/chunks/typography.hlOAxsEn.js.map +1 -0
  263. package/dist/chunks/{use-bento-toast-controller.Cn_2Eogn.js → use-bento-toast-controller.BKHU1qBv.js} +2 -2
  264. package/dist/chunks/{use-bento-toast-controller.Cn_2Eogn.js.map → use-bento-toast-controller.BKHU1qBv.js.map} +1 -1
  265. package/dist/chunks/{use-cached-selected-values.0EeyFfyF.js → use-cached-selected-values.ysbHRJ6L.js} +12 -12
  266. package/dist/chunks/use-cached-selected-values.ysbHRJ6L.js.map +1 -0
  267. package/dist/chunks/{use-country-items.BllTb5MK.js → use-country-items.DFdM2Ank.js} +2 -2
  268. package/dist/chunks/use-country-items.DFdM2Ank.js.map +1 -0
  269. package/dist/chunks/{use-country-phon-code.BOaJ9PDl.js → use-country-phon-code.Bui3zD6W.js} +5 -3
  270. package/dist/chunks/{use-country-phon-code.BOaJ9PDl.js.map → use-country-phon-code.Bui3zD6W.js.map} +1 -1
  271. package/dist/chunks/use-has-slot.C9lQZ6nz.js.map +1 -1
  272. package/dist/chunks/warning-filled.CbJ1pcB2.js +24 -0
  273. package/dist/chunks/warning-filled.CbJ1pcB2.js.map +1 -0
  274. package/dist/code-snippet.js +1 -1
  275. package/dist/country.js +2 -2
  276. package/dist/currency.js +1 -1
  277. package/dist/dashboard-template.js +1 -1
  278. package/dist/dashed-underline.js +1 -1
  279. package/dist/data-grid-template.js +1 -1
  280. package/dist/data-grid.js +1 -1
  281. package/dist/date-picker.js +2 -2
  282. package/dist/date-range-picker.js +2 -2
  283. package/dist/date.js +1 -1
  284. package/dist/divider.js +1 -1
  285. package/dist/dropdown.js +4 -4
  286. package/dist/empty-state.js +1 -1
  287. package/dist/file-uploader.js +1 -1
  288. package/dist/filter-bar.js +1 -1
  289. package/dist/focus-trap.js +1 -1
  290. package/dist/form-layout.js +1 -1
  291. package/dist/header-with-views.js +1 -1
  292. package/dist/header.js +1 -1
  293. package/dist/index.js +225 -227
  294. package/dist/index.js.map +1 -1
  295. package/dist/info-icon.js +1 -1
  296. package/dist/input-field-password.js +1 -1
  297. package/dist/input-field-phone-number.js +3 -2
  298. package/dist/input-field.js +1 -1
  299. package/dist/inspector.js +1 -1
  300. package/dist/internal.js +33 -32
  301. package/dist/internal.js.map +1 -1
  302. package/dist/layout.js +1 -1
  303. package/dist/link.js +1 -1
  304. package/dist/loading-indicator.js +1 -1
  305. package/dist/menu.js +1 -1
  306. package/dist/modal-fullscreen.js +1 -1
  307. package/dist/modal.js +2 -2
  308. package/dist/pagination.js +1 -1
  309. package/dist/payment-method.js +1 -1
  310. package/dist/popover.js +2 -2
  311. package/dist/popper-container.js +1 -1
  312. package/dist/promo-banner.js +1 -1
  313. package/dist/radio-group.js +2 -2
  314. package/dist/rich-text-editor.js +1 -1
  315. package/dist/search-bar.js +2 -2
  316. package/dist/secondary-nav.js +1 -1
  317. package/dist/segmented-control.js +1 -1
  318. package/dist/selection-card.js +1 -1
  319. package/dist/sidepanel.js +1 -1
  320. package/dist/status.js +1 -1
  321. package/dist/stepper.js +1 -1
  322. package/dist/structured-list.js +1 -1
  323. package/dist/styles/bento-dark.css +17 -4
  324. package/dist/styles/bento-light.css +17 -4
  325. package/dist/styles/bento.css +17 -4
  326. package/dist/styles/styleguide.css +17 -4
  327. package/dist/styles/utility.css +3 -0
  328. package/dist/summary-grid.js +1 -1
  329. package/dist/tabs.js +1 -1
  330. package/dist/tag.js +1 -1
  331. package/dist/textarea.js +1 -1
  332. package/dist/timeline.js +1 -1
  333. package/dist/toast.js +1 -1
  334. package/dist/toggle.js +1 -1
  335. package/dist/tutorial.js +1 -1
  336. package/dist/typography.js +1 -1
  337. package/dist/use-form-v4.js.map +1 -1
  338. package/dist/web-types.json +1825 -740
  339. package/package.json +9 -13
  340. package/dist/assets/button-actions.css +0 -1
  341. package/dist/assets/menu.css +0 -1
  342. package/dist/assets/popover.css +0 -1
  343. package/dist/assets/teleport.css +0 -1
  344. package/dist/chunks/accordion-item.BNtdoVto.js.map +0 -1
  345. package/dist/chunks/action-bar.DQb7WVVd.js.map +0 -1
  346. package/dist/chunks/alert.c1rhDDrU.js.map +0 -1
  347. package/dist/chunks/avatar.BgwjpLQO.js.map +0 -1
  348. package/dist/chunks/base-button.-gx_u8Bd.js.map +0 -1
  349. package/dist/chunks/base-modal.CkkfT6r6.js.map +0 -1
  350. package/dist/chunks/base-modal.keys.C2PQXcE2.js +0 -5
  351. package/dist/chunks/base-modal.keys.C2PQXcE2.js.map +0 -1
  352. package/dist/chunks/bin.DLXkAVvw.js +0 -24
  353. package/dist/chunks/bin.DLXkAVvw.js.map +0 -1
  354. package/dist/chunks/button-actions-with-menu.nPj7sdGE.js +0 -83
  355. package/dist/chunks/button-actions-with-menu.nPj7sdGE.js.map +0 -1
  356. package/dist/chunks/button-actions.Ju27CRNG.js +0 -194
  357. package/dist/chunks/button-actions.Ju27CRNG.js.map +0 -1
  358. package/dist/chunks/button.hF-nD1Og.js.map +0 -1
  359. package/dist/chunks/calendar.DvIQEYwN.js.map +0 -1
  360. package/dist/chunks/card.CASAAsuJ.js.map +0 -1
  361. package/dist/chunks/checkbox-group.QdX-NrSG.js.map +0 -1
  362. package/dist/chunks/checkbox-input.CNWigbX4.js.map +0 -1
  363. package/dist/chunks/checkbox.DCD6SSXC.js.map +0 -1
  364. package/dist/chunks/chip.OV0EWIP3.js.map +0 -1
  365. package/dist/chunks/code-snippet.dIKi0D7d.js.map +0 -1
  366. package/dist/chunks/controls-group.CccuLkgP.js.map +0 -1
  367. package/dist/chunks/copy.CF8Fzu2Y.js.map +0 -1
  368. package/dist/chunks/country.melpzEsY.js.map +0 -1
  369. package/dist/chunks/currency.BM9OXTqe.js.map +0 -1
  370. package/dist/chunks/dashed-underline.BbH6Lnd2.js.map +0 -1
  371. package/dist/chunks/data-grid-template.Co0Ecr79.js.map +0 -1
  372. package/dist/chunks/data-grid.erxjh5TN.js.map +0 -1
  373. package/dist/chunks/date-picker.DGIS6Pp-.js.map +0 -1
  374. package/dist/chunks/date-range-picker.CIaKRXIQ.js +0 -1021
  375. package/dist/chunks/date-range-picker.CIaKRXIQ.js.map +0 -1
  376. package/dist/chunks/dialog-page.CLHZqQeU.js.map +0 -1
  377. package/dist/chunks/divider.Cc4JFWG_.js.map +0 -1
  378. package/dist/chunks/dropdown-default-textbox.94q6opSD.js.map +0 -1
  379. package/dist/chunks/dropdown-tag.BaosvGGZ.js +0 -240
  380. package/dist/chunks/dropdown-tag.BaosvGGZ.js.map +0 -1
  381. package/dist/chunks/dropdown.DazYAy4B.js.map +0 -1
  382. package/dist/chunks/empty-state.mtXfb1BB.js.map +0 -1
  383. package/dist/chunks/es6.n1ewaW31.js +0 -11
  384. package/dist/chunks/es6.n1ewaW31.js.map +0 -1
  385. package/dist/chunks/file-uploader.BPslxGI8.js.map +0 -1
  386. package/dist/chunks/filter-bar.DL19SXF1.js.map +0 -1
  387. package/dist/chunks/focus-trap.C-wIQqpO.js.map +0 -1
  388. package/dist/chunks/footer-actions.BE_zzX-e.js.map +0 -1
  389. package/dist/chunks/form-layout-title.CIynHgCF.js.map +0 -1
  390. package/dist/chunks/grid-layout.HvTAa4to.js.map +0 -1
  391. package/dist/chunks/header-with-views.BUQ-MlAq.js.map +0 -1
  392. package/dist/chunks/header.uyxNdQa3.js.map +0 -1
  393. package/dist/chunks/info-icon.CYOXx8CL.js.map +0 -1
  394. package/dist/chunks/info.CszJ0kMi.js +0 -24
  395. package/dist/chunks/info.CszJ0kMi.js.map +0 -1
  396. package/dist/chunks/input-field-password.C1zTapiN.js.map +0 -1
  397. package/dist/chunks/input-field.5S-pUNxA.js.map +0 -1
  398. package/dist/chunks/inspector.BI28vKQz.js.map +0 -1
  399. package/dist/chunks/layout-row.C_F2wX6d.js.map +0 -1
  400. package/dist/chunks/link.CXy_LoFI.js.map +0 -1
  401. package/dist/chunks/listbox-option-tag.D0Cql_R3.js.map +0 -1
  402. package/dist/chunks/loading-indicator.z8COalOc.js.map +0 -1
  403. package/dist/chunks/menu.D0OQgk40.js +0 -515
  404. package/dist/chunks/menu.D0OQgk40.js.map +0 -1
  405. package/dist/chunks/modal-fullscreen.DHotw1RI.js.map +0 -1
  406. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js +0 -5
  407. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js.map +0 -1
  408. package/dist/chunks/modal.eoNQ6E3U.js.map +0 -1
  409. package/dist/chunks/pagination.4J7ZMyf5.js.map +0 -1
  410. package/dist/chunks/payment-method.Cx4nPDtE.js.map +0 -1
  411. package/dist/chunks/popover.Bo4Bkudr.js +0 -145
  412. package/dist/chunks/popover.Bo4Bkudr.js.map +0 -1
  413. package/dist/chunks/popover.types.CBqyA4ly.js +0 -6
  414. package/dist/chunks/popover.types.CBqyA4ly.js.map +0 -1
  415. package/dist/chunks/popper-container.DIFqmRsp.js.map +0 -1
  416. package/dist/chunks/promo-banner.Bbc2U3S3.js.map +0 -1
  417. package/dist/chunks/radio-group.4_KKjvAm.js.map +0 -1
  418. package/dist/chunks/radio-input.uJAhxKRs.js.map +0 -1
  419. package/dist/chunks/rich-text-editor.BUKLdRkN.js.map +0 -1
  420. package/dist/chunks/search-bar.CuBj5FAE.js.map +0 -1
  421. package/dist/chunks/secondary-nav.C6usurfD.js.map +0 -1
  422. package/dist/chunks/segmented-control.DHZEfmT-.js.map +0 -1
  423. package/dist/chunks/selection-card-group.0o5T4tab.js.map +0 -1
  424. package/dist/chunks/sidepanel.DyThBUgV.js.map +0 -1
  425. package/dist/chunks/sidepanel.keys.R0DKQuYx.js +0 -5
  426. package/dist/chunks/sidepanel.keys.R0DKQuYx.js.map +0 -1
  427. package/dist/chunks/status.types.p_TCvoo0.js.map +0 -1
  428. package/dist/chunks/step.DMMofD4B.js.map +0 -1
  429. package/dist/chunks/structured-list-item.Bnn6-Z3q.js.map +0 -1
  430. package/dist/chunks/tab.BhWPBxcB.js.map +0 -1
  431. package/dist/chunks/tag.CGkclKVL.js.map +0 -1
  432. package/dist/chunks/teleport.BV6zrDjA.js +0 -128
  433. package/dist/chunks/teleport.BV6zrDjA.js.map +0 -1
  434. package/dist/chunks/textarea.UPM6N9V1.js +0 -203
  435. package/dist/chunks/textarea.UPM6N9V1.js.map +0 -1
  436. package/dist/chunks/timeline-item.DqLhj0Lb.js +0 -385
  437. package/dist/chunks/timeline-item.DqLhj0Lb.js.map +0 -1
  438. package/dist/chunks/toast.BOyeuS19.js.map +0 -1
  439. package/dist/chunks/toggle-button.DEVVvpkw.js +0 -83
  440. package/dist/chunks/toggle-button.DEVVvpkw.js.map +0 -1
  441. package/dist/chunks/toggle.DyXL09-x.js.map +0 -1
  442. package/dist/chunks/tooltip.wQsyAwkC.js.map +0 -1
  443. package/dist/chunks/tutorial.CxrGhLS7.js.map +0 -1
  444. package/dist/chunks/typography.J1v_SPG3.js.map +0 -1
  445. package/dist/chunks/use-cached-selected-values.0EeyFfyF.js.map +0 -1
  446. package/dist/chunks/use-click-outside.BnhTgpSt.js +0 -14
  447. package/dist/chunks/use-click-outside.BnhTgpSt.js.map +0 -1
  448. package/dist/chunks/use-country-items.BllTb5MK.js.map +0 -1
  449. package/dist/chunks/warning-filled.tWOyLUQT.js +0 -24
  450. package/dist/chunks/warning-filled.tWOyLUQT.js.map +0 -1
  451. package/dist/styles/legacy.css +0 -2226
package/dist/styles/legacy.css DELETED
@@ -1,2226 +0,0 @@
1
- .b-legacy-theme {
2
- --b-spacer-090: 24px;
3
- --b-spacer-080: 20px;
4
- --b-spacer-070: 16px;
5
- --b-spacer-060: 12px;
6
- --b-spacer-050: 10px;
7
- --b-spacer-040: 8px;
8
- --b-spacer-030: 6px;
9
- --b-spacer-020: 4px;
10
- --b-spacer-010: 2px;
11
- --b-spacer-000: 0px;
12
- --b-spacer-140: 64px;
13
- --b-spacer-130: 56px;
14
- --b-spacer-120: 48px;
15
- --b-spacer-110: 40px;
16
- --b-spacer-100: 32px;
17
- --b-shadow-high-border: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1);
18
- --b-shadow-medium-border: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1);
19
- --b-shadow-low-border: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1);
20
- --b-shadow-high: 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06);
21
- --b-shadow-medium: 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04);
22
- --b-shadow-low: 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02);
23
- --b-media-query-xxl: 1536px;
24
- --b-media-query-xl-max: 1535px;
25
- --b-media-query-xl-min: 1280px;
26
- --b-media-query-l-max: 1279px;
27
- --b-media-query-l-min: 768px;
28
- --b-media-query-m-max: 767px;
29
- --b-media-query-m-min: 500px;
30
- --b-media-query-s-max: 499px;
31
- --b-media-query-s-min: 376px;
32
- --b-media-query-xs-max: 375px;
33
- --b-media-query-xs-min: 0px;
34
- --b-border-width-attention: 1.5px;
35
- --b-border-width-l: 3px;
36
- --b-border-width-m: 2px;
37
- --b-border-width-s: 1px;
38
- --b-border-radius-xl: 24px;
39
- --b-border-radius-l: 12px;
40
- --b-border-radius-m: 8px;
41
- --b-border-radius-s: 4px;
42
- --b-border-radius-xs: 2px;
43
- --b-animation-duration-slow: 250ms;
44
- --b-animation-duration-moderate: 150ms;
45
- --b-animation-duration-fast: 100ms;
46
- --b-animation-easing-linear: linear;
47
- --b-animation-easing-exit: cubic-bezier(0.4, 0, 1, 1);
48
- --b-animation-easing-enter: cubic-bezier(0.12, 0.6, 0.4, 0.95);
49
- --b-animation-easing-standard: cubic-bezier(0.2, 0, 0.4, 0.9);
50
- --b-font-family-primary: Fakt, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
51
- --b-font-weight-600: 600;
52
- --b-font-weight-500: 500;
53
- --b-font-weight-400: 400;
54
- --b-font-weight-100: 100;
55
- --b-font-size-45: 45px;
56
- --b-font-size-30: 30px;
57
- --b-font-size-21: 21px;
58
- --b-font-size-15: 15px;
59
- --b-font-size-13: 13px;
60
- --b-tutorial-indicator-border-offset: -2px;
61
- --b-tutorial-popover-ripple-after-position: -24px;
62
- --b-tutorial-popover-ripple-before-position: -48px;
63
- --b-tutorial-popover-steps-line-height: 26px;
64
- --b-tooltip-max-width: 400px;
65
- --b-toggle-track-toggled-border: 1px solid transparent;
66
- --b-toggle-track-toggled-padding: 1px solid transparent;
67
- --b-toggle-track-active-border-color: transparent;
68
- --b-toggle-track-margin-top: 3px;
69
- --b-toggle-track-border: 1px solid transparent;
70
- --b-toggle-track-padding: 1px;
71
- --b-toggle-track-width: 33px;
72
- --b-toggle-track-height: 17px;
73
- --b-toggle-handle-toggled-readonly-color: transparent;
74
- --b-toggle-handle-toggled-disabled-color: transparent;
75
- --b-toggle-handle-toggled-offset: 4px;
76
- --b-toggle-handle-toggled-color: transparent;
77
- --b-toggle-handle-toggled-width: 13px;
78
- --b-toggle-handle-toggled-height: 13px;
79
- --b-toggle-handle-width: 13px;
80
- --b-toggle-handle-height: 13px;
81
- --b-toggle-button-tertiary-disabled-background-color-inverse: rgba(0, 0, 0, 0);
82
- --b-toggle-button-tertiary-disabled-background-color: rgba(0, 0, 0, 0);
83
- --b-toggle-button-primary-toggled-disabled-box-shadow-inverse: none;
84
- --b-toggle-button-primary-toggled-disabled-box-shadow: none;
85
- --b-toast-item-shadow: transparent;
86
- --b-toast-item-border-radius: 6px;
87
- --b-toast-item-background-color: #001222;
88
- --b-toast-width: 420px;
89
- --b-timeline-item-data-list-margin-top: 0;
90
- --b-timeline-item-description-margin-top: 0;
91
- --b-timeline-item-title-margin-bottom: 0;
92
- --b-timeline-max-width: 500px;
93
- --b-textarea-description-padding: 0;
94
- --b-textarea-input-min-height: 44px;
95
- --b-textarea-min-width: 200px;
96
- --b-tabs-notification-dot-width: 7px;
97
- --b-tabs-notification-dot-height: 7px;
98
- --b-tabs-tab-underline-border-radius: 0;
99
- --b-tabs-tab-underline-height-active: 3px;
100
- --b-tabs-tab-underline-height: 3px;
101
- --b-tabs-tab-list-height: 44px;
102
- --b-stepper-step-index-height: 20px;
103
- --b-stepper-step-index-width: 20px;
104
- --b-stepper-max-width: 200px;
105
- --b-status-indicator-wrapper-height: 20px;
106
- --b-status-indicator-size: 12px;
107
- --b-status-column-gap: 8px;
108
- --b-sidepanel-page-actions-height: 68px;
109
- --b-sidepanel-page-header-flex-basis: 64px;
110
- --b-sidepanel-close-button-height: 64px;
111
- --b-sidepanel-l-and-up-max-width: 680px;
112
- --b-sidepanel-l-and-up-min-width: 480px;
113
- --b-sidepanel-width: 480px;
114
- --b-sidepanel-border-radius: 0;
115
- --b-selection-card-icon-width: 48px;
116
- --b-selection-card-icon-height: 48px;
117
- --b-secondary-nav-max-width: 200px;
118
- --b-rich-text-editor-content-area-min-height: 80px;
119
- --b-rich-text-editor-renderer-min-height: 80px;
120
- --b-radio-input-knob-size: 6px;
121
- --b-radio-input-knob-offset-error: 3.5px;
122
- --b-radio-input-unchecked-error-border-width: 1.5px;
123
- --b-radio-button-knob-size: 6px;
124
- --b-radio-button-knob-offset-error: 3.5px;
125
- --b-radio-button-unchecked-error-border-width: 1.5px;
126
- --b-radio-button-line-height: 20px;
127
- --b-popover-box-shadow: 0px 8px 8px rgba(0, 17, 44, 0.04), 0px 2px 4px rgba(0, 17, 44, 0.08);
128
- --b-modal-backdrop-background-color: #00112c;
129
- --b-modal-header-container-padding-block: 19px;
130
- --b-loading-button-tertiary-loading-text-decoration: underline;
131
- --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
132
- --b-loading-button-secondary-success-disabled-border-color: rgba(0, 0, 0, 0);
133
- --b-loading-button-secondary-success-active-border-color: rgba(0, 0, 0, 0);
134
- --b-loading-button-secondary-success-hover-box-shadow: unset;
135
- --b-loading-button-secondary-success-hover-border-color: rgba(0, 0, 0, 0);
136
- --b-loading-button-secondary-success-border-color: rgba(0, 0, 0, 0);
137
- --b-listbox-option-focus-font-color: #000;
138
- --b-link-hover-text-decoration: underline;
139
- --b-link-text-decoration: none;
140
- --b-input-field-input-box-focus-outline: 0;
141
- --b-input-field-input-box-focus-border-width: 1px;
142
- --b-input-field-input-box-error-outline: 0;
143
- --b-input-field-input-box-height: 40px;
144
- --b-input-field-password-validation-title-font-weight: 700;
145
- --b-header-actions-margin-top-desktop: 0;
146
- --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
147
- --b-filter-button-label-line-height: 15px;
148
- --b-filter-bar-select-filter-button-divider-border-width: 0;
149
- --b-filter-bar-select-filter-divider-border-width: 0;
150
- --b-filter-bar-fixed-scroller-button-condensed-max-height: 28px;
151
- --b-filter-bar-fixed-scroller-button-condensed-height: 28px;
152
- --b-filter-bar-button-secondary-label-background-color: inherit;
153
- --b-filter-bar-button-label-line-height: 15px;
154
- --b-filter-bar-button-height: 28px;
155
- --b-error-message-icon-height: 20px;
156
- --b-dropdown-small-textbox-base-textbox-height: 24px;
157
- --b-dropdown-small-textbox-opened-bottom-border-radius: 0;
158
- --b-dropdown-small-textbox-padding: 0 8px 4px 8px;
159
- --b-dropdown-small-textbox-max-height: 100%;
160
- --b-dropdown-small-textbox-height: 25px;
161
- --b-dropdown-options-container-margin-top: -8px;
162
- --b-dropdown-options-container-box-shadow: 0 8px 8px rgb(0 17 44 / 2%), 0 2px 4px rgb(0 17 44 / 4%);
163
- --b-dropdown-default-textbox-additional-items-condensed-max-height: 24px;
164
- --b-dropdown-default-textbox-opened-bottom-border-radius: 0;
165
- --b-dropdown-default-textbox-condensed-min-height: 28px;
166
- --b-dropdown-default-textbox-focus-outline-width: 3px;
167
- --b-dropdown-default-textbox-height: 36px;
168
- --b-dropdown-default-textbox-border-radius: 6px;
169
- --b-divider-border: none;
170
- --b-dialog-page-actions-border-top: 1px solid rgba(0, 0, 0, 0);
171
- --b-dialog-page-footer-border-top: 1px solid rgba(0, 0, 0, 0);
172
- --b-dialog-page-header-border-bottom: 1px solid rgba(0, 0, 0, 0);
173
- --b-date-range-picker-container-width: unset;
174
- --b-date-range-picker-calendar-label-to-display: none;
175
- --b-date-range-picker-calendar-label-from-display: none;
176
- --b-date-range-picker-calendar-form-input-padding: 0;
177
- --b-date-range-picker-calendar-form-date-format-example-display: none;
178
- --b-date-range-picker-calendar-form-container-border-right: none;
179
- --b-date-range-picker-calendar-form-width: auto;
180
- --b-date-range-picker-calendar-form-min-width: 200px;
181
- --b-date-range-picker-calendar-calendars-container-background-color: #f3f6f9;
182
- --b-date-range-picker-calendar-flex-direction: row-reverse;
183
- --b-date-picker-container-width: unset;
184
- --b-date-picker-container-border: none;
185
- --b-data-grid-re-order-column-target-separator-width: 3px;
186
- --b-data-grid-resizer-last-child-offset-right: -5px;
187
- --b-data-grid-resizer-last-child-right: -4px;
188
- --b-data-grid-resizer-width: 8px;
189
- --b-data-grid-row-nested-rows-loading-container-padding: 14px;
190
- --b-data-grid-column-seperator-height: 100%;
191
- --b-data-grid-column-separator-height: 100%;
192
- --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 14px 15px 14px 15px;
193
- --b-data-grid-column-height: 24px;
194
- --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
195
- --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
196
- --b-data-grid-static-icon-size: 16px;
197
- --b-code-snippet-empty-state-min-height: 200px;
198
- --b-code-snippet-code-area-content-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
199
- --b-code-snippet-code-area-margin: 0;
200
- --b-card-toggle-small-text-height: 24px;
201
- --b-card-toggle-height: 26px;
202
- --b-calendar-year-month-focus-visible-z-index: 1;
203
- --b-calendar-year-month-width: 60px;
204
- --b-calendar-year-month-height: 60px;
205
- --b-calendar-year-year-container-border-collapse: collapse;
206
- --b-calendar-month-month-container-border-collapse: collapse;
207
- --b-calendar-month-day-unselected-active-background: transparent;
208
- --b-calendar-month-day-unselected-hover-background: none;
209
- --b-calendar-month-day-selected-border-radius: 0;
210
- --b-calendar-month-day-end-border-radius: 0;
211
- --b-calendar-month-day-current-day-unselected-wrapper-background: transparent;
212
- --b-calendar-month-day-current-day-unselected-hover-wrapper-background: transparent;
213
- --b-calendar-month-day-beginning-border-radius: 0;
214
- --b-calendar-month-day-width: 36px;
215
- --b-calendar-month-day-height: 36px;
216
- --b-button-condensed-tertiary-height: 24px;
217
- --b-button-condensed-icon-width: 10px;
218
- --b-button-condensed-icon-height: 10px;
219
- --b-button-condensed-line-height: 17px;
220
- --b-button-condensed-font-size: 13px;
221
- --b-button-tertiary-with-background-critical-disabled-background-color-inverse: rgba(0, 0, 0, 0);
222
- --b-button-tertiary-with-background-critical-disabled-background-color: rgba(0, 0, 0, 0);
223
- --b-button-tertiary-with-background-disabled-background-color-inverse: rgba(0, 0, 0, 0);
224
- --b-button-tertiary-with-background-disabled-background-color: rgba(0, 0, 0, 0);
225
- --b-button-tertiary-critical-hover-background-color: rgba(0, 0, 0, 0);
226
- --b-button-tertiary-critical-disabled-background-color: rgba(0, 0, 0, 0);
227
- --b-button-tertiary-critical-active-background-color: rgba(0, 0, 0, 0);
228
- --b-button-tertiary-critical-background-color: rgba(0, 0, 0, 0);
229
- --b-button-tertiary-disabled-background-color: rgba(0, 0, 0, 0);
230
- --b-button-tertiary-active-text-decoration: none;
231
- --b-button-tertiary-active-background-color: rgba(0, 0, 0, 0);
232
- --b-button-tertiary-hover-text-decoration: none;
233
- --b-button-tertiary-hover-background-color: rgba(0, 0, 0, 0);
234
- --b-button-tertiary-text-decoration: none;
235
- --b-button-tertiary-padding: 0;
236
- --b-button-tertiary-height: auto;
237
- --b-button-tertiary-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
238
- --b-button-tertiary-border-radius: 6px;
239
- --b-button-tertiary-background-color: rgba(0, 0, 0, 0);
240
- --b-button-line-height: 15px;
241
- --b-button-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
242
- --b-button-border-radius: 6px;
243
- --b-avatar-image-small-width: 24px;
244
- --b-avatar-image-small-height: 24px;
245
- --b-alert-tip-icon-height: 20px;
246
- --b-alert-icon-height: 14px;
247
- --b-alert-border-radius: 12px;
248
- --b-action-bar-container-border-radius: 28px;
249
- --b-z-index-local-tier-4: 4;
250
- --b-z-index-local-tier-3: 3;
251
- --b-z-index-local-tier-2: 2;
252
- --b-z-index-local-tier-1: 1;
253
- --b-z-index-global-instant-interaction: 15;
254
- --b-z-index-global-navigation: 10;
255
- --b-z-index-global-elevated: 5;
256
- --b-z-index-global-screen: auto;
257
- --b-text-title-l-mobile-line-height: 30px;
258
- --b-text-title-l-mobile-font-size: 20px;
259
- --b-text-title-l-letter-spacing: 0;
260
- --b-text-title-l-line-height: 34px;
261
- --b-text-title-l-font-size: 24px;
262
- --b-text-title-m-mobile-line-height: 28px;
263
- --b-text-title-m-mobile-font-size: 18px;
264
- --b-text-title-m-letter-spacing: 0;
265
- --b-text-title-m-line-height: 30px;
266
- --b-text-title-m-font-size: 20px;
267
- --b-text-title-mobile-line-height: 26px;
268
- --b-text-title-mobile-font-size: 16px;
269
- --b-text-title-letter-spacing: 0;
270
- --b-text-title-line-height: 26px;
271
- --b-text-title-font-size: 16px;
272
- --b-text-subtitle-letter-spacing: 0;
273
- --b-text-subtitle-line-height: 26px;
274
- --b-text-subtitle-font-size: 16px;
275
- --b-text-body-strongest-wide-line-height: 24px;
276
- --b-text-body-stronger-wide-line-height: 24px;
277
- --b-text-body-stronger-font-weight: 350;
278
- --b-text-body-wide-line-height: 24px;
279
- --b-text-body-letter-spacing: normal;
280
- --b-text-body-line-height: 24px;
281
- --b-text-body-font-weight: 350;
282
- --b-text-caption-stronger-wide-line-height: 20px;
283
- --b-text-caption-wide-line-height: 20px;
284
- --b-text-caption-letter-spacing: 0;
285
- --b-text-caption-line-height: 24px;
286
- --b-text-rich-text-caption-pre-line-height: 20px;
287
- --b-text-rich-text-table-caption-line-height: 20px;
288
- --b-text-rich-text-table-header-font-weight: 700;
289
- --b-text-rich-text-table-line-height: 20px;
290
- --b-text-rich-text-pre-line-height: 24px;
291
- --b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
292
- --b-text-rich-text-heading-font-weight: 700;
293
- --b-text-font-variant-numeric: unset;
294
- --b-color-navy-50: #00112c;
295
- --b-color-navy-40: #20304c;
296
- --b-color-navy-30: #334156;
297
- --b-color-focus: rgba(0, 102, 255, 0.4);
298
- --b-color-white: #ffffff;
299
- --b-color-red-80: #c00307;
300
- --b-color-red-70: #720000;
301
- --b-color-red-60: #a10000;
302
- --b-color-red-50: #e50000;
303
- --b-color-red-30: #e92929;
304
- --b-color-red-20: #facccc;
305
- --b-color-red-10: #fef5f5;
306
- --b-color-orange-70: #7f4a00;
307
- --b-color-orange-50: #ff9500;
308
- --b-color-orange-20: #ffeacc;
309
- --b-color-orange-10: #fff4e5;
310
- --b-color-blue-70: #002459;
311
- --b-color-blue-60: #00337f;
312
- --b-color-blue-50: #0048b3;
313
- --b-color-blue-40: #0066ff;
314
- --b-color-blue-30: #599bff;
315
- --b-color-blue-20: #cce0ff;
316
- --b-color-blue-10: #e5efff;
317
- --b-color-green-70: #03431d;
318
- --b-color-green-60: #055f29;
319
- --b-color-green-50: #08a648;
320
- --b-color-green-40: #0ABF53;
321
- --b-color-green-20: #cef2dd;
322
- --b-color-green-10: #e6f8ed;
323
- --b-color-grey-110: #00112c;
324
- --b-color-grey-90: #394962;
325
- --b-color-grey-80: #404d61;
326
- --b-color-grey-70: #707070;
327
- --b-color-grey-65: #6f7988;
328
- --b-color-grey-60: #818890;
329
- --b-color-grey-50: #69778c;
330
- --b-color-grey-40: #8390a3;
331
- --b-color-grey-30: #a5afbd;
332
- --b-color-grey-20: #dce0e5;
333
- --b-color-grey-15: #eef1f5;
334
- --b-color-grey-10: #f3f6f9;
335
- --b-color-grey-0: #ffffff;
336
- --b-color-support-shadow: #001222;
337
- --b-color-support-overlay: #001222;
338
- --b-color-decorative-grey: #848d96;
339
- --b-color-decorative-red: #f73f01;
340
- --b-color-decorative-orange: #f99300;
341
- --b-color-decorative-yellow: #f9c500;
342
- --b-color-decorative-blue: #006bd7;
343
- --b-color-decorative-green: #00d16a;
344
- --b-color-separator-inverse-secondary: #5c6874;
345
- --b-color-separator-inverse-primary: #2f3e4d;
346
- --b-color-separator-secondary: #c8ccd0;
347
- --b-color-separator-primary: #dadddf;
348
- --b-color-outline-inverse-critical-active: #ffded3;
349
- --b-color-outline-inverse-critical-hover: #ffbda6;
350
- --b-color-outline-inverse-critical: #ff9a78;
351
- --b-color-outline-inverse-disabled: #455460;
352
- --b-color-outline-inverse-primary-active: #9da5ac;
353
- --b-color-outline-inverse-primary-hover: #6c7782;
354
- --b-color-outline-inverse-primary: #2f3e4d;
355
- --b-color-outline-success-active: #004724;
356
- --b-color-outline-success-hover: #00773c;
357
- --b-color-outline-success: #008845;
358
- --b-color-outline-critical-active: #751e00;
359
- --b-color-outline-critical-hover: #c13101;
360
- --b-color-outline-critical: #dc3801;
361
- --b-color-outline-selected: #001222;
362
- --b-color-outline-disabled: #dadddf;
363
- --b-color-outline-tertiary-active: #001222;
364
- --b-color-outline-tertiary-hover: #6c7782;
365
- --b-color-outline-tertiary: #8c959d;
366
- --b-color-outline-secondary-active: #001222;
367
- --b-color-outline-secondary-hover: #b7bdc2;
368
- --b-color-outline-secondary: #c8ccd0;
369
- --b-color-outline-primary-active: #001222;
370
- --b-color-outline-primary-hover: #c8ccd0;
371
- --b-color-outline-primary: #dadddf;
372
- --b-color-link-quiet-disabled: #8c959d;
373
- --b-color-link-quiet-active: #5c6874;
374
- --b-color-link-quiet-hover: #5c6874;
375
- --b-color-link-quiet: #001222;
376
- --b-color-link-primary-visited-active: #710ab3;
377
- --b-color-link-primary-visited-hover: #710ab3;
378
- --b-color-link-primary-visited: #540884;
379
- --b-color-link-primary-disabled: #8c959d;
380
- --b-color-link-primary-active: #0f75dc;
381
- --b-color-link-primary-hover: #0f75dc;
382
- --b-color-link-primary: #0065c9;
383
- --b-color-label-always-dark: #001222;
384
- --b-color-label-always-light-tertiary-active: #54616d;
385
- --b-color-label-always-light-tertiary-hover: #737e88;
386
- --b-color-label-always-light-tertiary: #848d96;
387
- --b-color-label-always-light-secondary-active: #737e88;
388
- --b-color-label-always-light-secondary-hover: #959da5;
389
- --b-color-label-always-light-secondary: #a6adb3;
390
- --b-color-label-always-light-primary-active: #959da5;
391
- --b-color-label-always-light-primary-hover: #c8ccd0;
392
- --b-color-label-always-light-primary: #ecedef;
393
- --b-color-label-on-background-highlight-weak: #0065c9;
394
- --b-color-label-on-background-success-weak: #00773c;
395
- --b-color-label-on-background-warning-weak: #955900;
396
- --b-color-label-on-background-critical-weak: #c13101;
397
- --b-color-label-inverse-critical-active: #ffded3;
398
- --b-color-label-inverse-critical-hover: #ffbda6;
399
- --b-color-label-inverse-critical: #ff9a78;
400
- --b-color-label-inverse-disabled: #737e88;
401
- --b-color-label-inverse-secondary: #9da5ac;
402
- --b-color-label-inverse-primary-active: #ecedef;
403
- --b-color-label-inverse-primary-hover: #f4f5f6;
404
- --b-color-label-success: #008845;
405
- --b-color-label-highlight: #0f75dc;
406
- --b-color-label-warning: #ab6600;
407
- --b-color-label-critical-active: #751e00;
408
- --b-color-label-critical-hover: #c13101;
409
- --b-color-label-critical: #dc3801;
410
- --b-color-label-disabled: #8c959d;
411
- --b-color-label-tertiary: #8c959d;
412
- --b-color-label-secondary: #5c6874;
413
- --b-color-label-primary-active: #6c7782;
414
- --b-color-label-primary-hover: #5c6874;
415
- --b-color-label-primary: #001222;
416
- --b-color-background-always-dark-tertiary-selected: #00305f;
417
- --b-color-background-always-dark-tertiary-disabled: #ecedef;
418
- --b-color-background-always-dark-tertiary-active: #455460;
419
- --b-color-background-always-dark-tertiary-hover: #3d4c5a;
420
- --b-color-background-always-dark-tertiary: #2f3e4d;
421
- --b-color-background-always-dark-secondary-selected: #00305f;
422
- --b-color-background-always-dark-secondary-disabled: #ecedef;
423
- --b-color-background-always-dark-secondary-active: #455460;
424
- --b-color-background-always-dark-secondary-hover: #364553;
425
- --b-color-background-always-dark-secondary: #213140;
426
- --b-color-background-always-dark-primary-selected: #00305f;
427
- --b-color-background-always-dark-primary-disabled: #ecedef;
428
- --b-color-background-always-dark-primary-active: #213140;
429
- --b-color-background-always-dark-primary-hover: #132434;
430
- --b-color-background-always-dark-primary: #001222;
431
- --b-color-background-always-dark-selected: #00305f;
432
- --b-color-background-always-dark-disabled: #ecedef;
433
- --b-color-background-always-dark-active: #8c959d;
434
- --b-color-background-always-dark-hover: #5c6874;
435
- --b-color-background-always-dark: #001222;
436
- --b-color-background-always-light-selected: #e3effb;
437
- --b-color-background-always-light-disabled: #ecedef;
438
- --b-color-background-always-light-active: #ecedef;
439
- --b-color-background-always-light-hover: #f4f5f6;
440
- --b-color-background-inverse-critical-strong-active: #ffded3;
441
- --b-color-background-inverse-critical-strong-hover: #ffbda6;
442
- --b-color-background-inverse-critical-strong: #ff9a78;
443
- --b-color-background-inverse-critical-weak: #5c1800;
444
- --b-color-background-inverse-disabled: #273746;
445
- --b-color-background-inverse-secondary-active: #364553;
446
- --b-color-background-inverse-secondary-hover: #273746;
447
- --b-color-background-inverse-secondary: #1a2b3b;
448
- --b-color-background-inverse-primary-active: #6c7782;
449
- --b-color-background-inverse-primary-hover: #5c6874;
450
- --b-color-background-inverse-primary: #001222;
451
- --b-color-background-highlight-strong: #0f75dc;
452
- --b-color-background-highlight-weak: #f0f6fd;
453
- --b-color-background-success-strong: #008845;
454
- --b-color-background-success-weak: #e4faef;
455
- --b-color-background-warning-strong: #d77f00;
456
- --b-color-background-warning-weak: #fff4e5;
457
- --b-color-background-critical-strong-active: #751e00;
458
- --b-color-background-critical-strong-hover: #c13101;
459
- --b-color-background-critical-strong: #dc3801;
460
- --b-color-background-critical-weak: #fff3ef;
461
- --b-color-background-selected: #e3effb;
462
- --b-color-background-disabled: #ecedef;
463
- --b-color-background-modal-active: #ecedef;
464
- --b-color-background-modal-hover: #f4f5f6;
465
- --b-color-background-quaternary-active: #aeb5ba;
466
- --b-color-background-quaternary-hover: #b7bdc2;
467
- --b-color-background-quaternary: #c0c5ca;
468
- --b-color-background-tertiary-active: #dadddf;
469
- --b-color-background-tertiary-hover: #e2e5e7;
470
- --b-color-background-tertiary: #ecedef;
471
- --b-color-background-secondary-active: #e2e5e7;
472
- --b-color-background-secondary-hover: #ecedef;
473
- --b-color-background-secondary: #f4f5f6;
474
- --b-color-background-primary-active: #ecedef;
475
- --b-color-background-primary-hover: #f4f5f6;
476
- --b-gradient-data-grid-hover: linear-gradient(270deg, var(--b-color-background-primary-hover) 0%, rgba(247, 247, 248, .82) 53.34%, rgba(247, 247, 248, .75) 61.73%, rgba(247, 247, 248, .11) 99.25%, rgba(247, 247, 248, 0) 100%);
477
- --b-font-weight-semi-bold: var(--b-font-weight-600);
478
- --b-font-weight-medium: var(--b-font-weight-500);
479
- --b-font-weight-regular: var(--b-font-weight-400);
480
- --b-font-weight-thin: var(--b-font-weight-100);
481
- --b-font-size-xlarge: var(--b-font-size-45);
482
- --b-font-size-large: var(--b-font-size-30);
483
- --b-font-size-medium: var(--b-font-size-21);
484
- --b-font-size-regular: var(--b-font-size-15);
485
- --b-font-size-small: var(--b-font-size-13);
486
- --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
487
- --b-tutorial-popover-footer-padding-top: var(--b-spacer-060);
488
- --b-tutorial-popover-footer-column-gap: var(--b-spacer-040);
489
- --b-tutorial-popover-header-padding-bottom: var(--b-spacer-060);
490
- --b-tutorial-popover-header-gap: var(--b-spacer-070);
491
- --b-tutorial-popover-ripple-after-width: var(--b-spacer-050);
492
- --b-tutorial-popover-ripple-after-height: var(--b-spacer-030);
493
- --b-tutorial-popover-ripple-before-width: var(--b-spacer-140);
494
- --b-tutorial-popover-ripple-before-height: var(--b-spacer-120);
495
- --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
496
- --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
497
- --b-tutorial-popover-color: var(--b-color-label-secondary);
498
- --b-tooltip-z-index: var(--b-z-index-global-elevated);
499
- --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
500
- --b-tooltip-color: var(--b-color-grey-0);
501
- --b-tooltip-border-radius: var(--b-border-radius-s);
502
- --b-tooltip-background-color: var(--b-color-navy-40);
503
- --b-toggle-description-padding: var(--b-spacer-020);
504
- --b-toggle-label-padding: var(--b-spacer-050);
505
- --b-toggle-label-color: var(--b-color-label-primary);
506
- --b-toggle-track-readonly-border-color: var(--b-color-outline-disabled);
507
- --b-toggle-track-disabled-border-color: var(--b-color-outline-disabled);
508
- --b-toggle-track-border-radius: var(--b-border-radius-l);
509
- --b-toggle-handle-disabled-background-color: var(--b-color-label-disabled);
510
- --b-toggle-handle-transition: transform var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
511
- --b-toggle-handle-border-radius: var(--b-border-radius-l);
512
- --b-toggle-button-tertiary-toggled-hover-background-color-inverse: var(--b-color-background-inverse-secondary-hover);
513
- --b-toggle-button-tertiary-toggled-hover-background-color: var(--b-color-background-tertiary-hover);
514
- --b-toggle-button-tertiary-toggled-disabled-color-inverse: var(--b-color-label-inverse-disabled);
515
- --b-toggle-button-tertiary-toggled-disabled-color: var(--b-color-label-disabled);
516
- --b-toggle-button-tertiary-toggled-disabled-background-color-inverse: var(--b-color-background-inverse-secondary);
517
- --b-toggle-button-tertiary-toggled-disabled-background-color: var(--b-color-background-tertiary);
518
- --b-toggle-button-tertiary-toggled-active-background-color-inverse: var(--b-color-background-inverse-secondary-active);
519
- --b-toggle-button-tertiary-toggled-active-background-color: var(--b-color-background-tertiary-active);
520
- --b-toggle-button-tertiary-toggled-background-color-inverse: var(--b-color-background-inverse-secondary-active);
521
- --b-toggle-button-tertiary-toggled-background-color: var(--b-color-background-tertiary);
522
- --b-toggle-button-tertiary-hover-color: var(--b-color-label-primary-hover);
523
- --b-toggle-button-tertiary-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
524
- --b-toggle-button-tertiary-hover-background-color: var(--b-color-background-primary-hover);
525
- --b-toggle-button-tertiary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
526
- --b-toggle-button-tertiary-disabled-color: var(--b-color-label-disabled);
527
- --b-toggle-button-tertiary-active-color: var(--b-color-label-primary-active);
528
- --b-toggle-button-tertiary-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
529
- --b-toggle-button-tertiary-active-background-color: var(--b-color-background-primary-active);
530
- --b-toggle-button-secondary-toggled-hover-background-color-inverse: var(--b-color-background-inverse-secondary-hover);
531
- --b-toggle-button-secondary-toggled-hover-background-color: var(--b-color-background-tertiary-hover);
532
- --b-toggle-button-secondary-toggled-disabled-color-inverse: var(--b-color-label-inverse-disabled);
533
- --b-toggle-button-secondary-toggled-disabled-color: var(--b-color-label-disabled);
534
- --b-toggle-button-secondary-toggled-disabled-background-color-inverse: var(--b-color-background-inverse-secondary);
535
- --b-toggle-button-secondary-toggled-disabled-background-color: var(--b-color-background-tertiary);
536
- --b-toggle-button-secondary-toggled-active-background-color-inverse: var(--b-color-background-inverse-secondary-active);
537
- --b-toggle-button-secondary-toggled-active-background-color: var(--b-color-background-tertiary-active);
538
- --b-toggle-button-secondary-toggled-border-color-inverse: var(--b-color-outline-inverse-primary);
539
- --b-toggle-button-secondary-toggled-border-color: var(--b-color-outline-tertiary-active);
540
- --b-toggle-button-secondary-toggled-background-color-inverse: var(--b-color-background-inverse-secondary-active);
541
- --b-toggle-button-secondary-toggled-background-color: var(--b-color-background-tertiary);
542
- --b-toggle-button-primary-toggled-hover-background-color-inverse: var(--b-color-background-tertiary-hover);
543
- --b-toggle-button-primary-toggled-hover-background-color: var(--b-color-background-inverse-secondary-hover);
544
- --b-toggle-button-primary-toggled-disabled-color-inverse: var(--b-color-label-disabled);
545
- --b-toggle-button-primary-toggled-disabled-color: var(--b-color-label-inverse-disabled);
546
- --b-toggle-button-primary-toggled-disabled-background-color-inverse: var(--b-color-background-tertiary);
547
- --b-toggle-button-primary-toggled-disabled-background-color: var(--b-color-background-inverse-disabled);
548
- --b-toggle-button-primary-toggled-active-background-color-inverse: var(--b-color-background-tertiary-active);
549
- --b-toggle-button-primary-toggled-active-background-color: var(--b-color-background-inverse-secondary-active);
550
- --b-toggle-button-primary-toggled-background-color-inverse: var(--b-color-background-tertiary);
551
- --b-toggle-button-primary-toggled-background-color: var(--b-color-background-inverse-secondary-active);
552
- --b-toast-item-queued-background-color: var(--b-color-grey-40);
553
- --b-toast-item-padding: var(--b-spacer-060) var(--b-spacer-070);
554
- --b-toast-item-icon-margin: var(--b-spacer-070);
555
- --b-toast-item-icon-color: var(--b-color-grey-40);
556
- --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
557
- --b-toast-item-spacing: var(--b-spacer-070);
558
- --b-toast-item-button-color: var(--b-color-grey-40);
559
- --b-toast-item-color: var(--b-color-white);
560
- --b-toast-item-border-width: var(--b-border-width-s);
561
- --b-toast-item-border-color: var(--b-color-outline-inverse-primary);
562
- --b-toast-animation-duration: var(--b-animation-duration-slow);
563
- --b-toast-spacing-outer: var(--b-spacer-070);
564
- --b-toast-spacing-inner: var(--b-spacer-060);
565
- --b-timeline-note-timestamp-margin-top: var(--b-spacer-050);
566
- --b-timeline-item-timegap-color: var(--b-color-grey-50);
567
- --b-timeline-item-tag-margin-top: var(--b-spacer-050);
568
- --b-timeline-item-description-color: var(--b-color-label-primary);
569
- --b-timeline-item-timestamp-gap: var(--b-spacer-030);
570
- --b-timeline-item-timestamp-color: var(--b-color-grey-50);
571
- --b-timeline-item-title-padding-top: var(--b-spacer-020);
572
- --b-timeline-item-title-color: var(--b-color-label-primary);
573
- --b-timeline-item-separator-background-color: var(--b-color-grey-30);
574
- --b-timeline-item-icon-timegap-margin: var(--b-spacer-030) auto;
575
- --b-timeline-item-icon-timegap-border: var(--b-border-width-s) solid var(--b-color-grey-30);
576
- --b-timeline-item-icon-timegap-padding-bottom: var(--b-spacer-020);
577
- --b-timeline-item-icon-yellow-color: var(--b-color-decorative-yellow);
578
- --b-timeline-item-icon-red-color: var(--b-color-decorative-red);
579
- --b-timeline-item-icon-orange-color: var(--b-color-decorative-orange);
580
- --b-timeline-item-icon-grey-color: var(--b-color-decorative-grey);
581
- --b-timeline-item-icon-green-color: var(--b-color-decorative-green);
582
- --b-timeline-item-icon-blue-color: var(--b-color-decorative-blue);
583
- --b-timeline-item-icon-critical-color: var(--b-color-label-critical);
584
- --b-timeline-item-icon-success-color: var(--b-color-label-success);
585
- --b-timeline-item-icon-default-margin: var(--b-spacer-020) 0;
586
- --b-timeline-item-icon-default-color: var(--b-color-grey-30);
587
- --b-timeline-item-icon-color: var(--b-color-label-primary);
588
- --b-timeline-item-icon-margin: var(--b-spacer-020) 0;
589
- --b-timeline-item-content-padding-bottom: var(--b-spacer-070);
590
- --b-timeline-item-row-gap: var(--b-spacer-040);
591
- --b-timeline-add-note-section-padding-bottom: var(--b-spacer-090);
592
- --b-textarea-description-error-color: var(--b-color-label-critical);
593
- --b-textarea-description-margin-top: var(--b-spacer-020);
594
- --b-textarea-description-color: var(--b-color-label-secondary);
595
- --b-textarea-input-clearable-padding: var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060);
596
- --b-textarea-input-readonly-border-color: var(--b-color-outline-disabled);
597
- --b-textarea-input-readonly-background-color: var(--b-color-background-disabled);
598
- --b-textarea-input-placeholder-color: var(--b-color-label-tertiary);
599
- --b-textarea-input-hover-border-color: var(--b-color-outline-tertiary-active);
600
- --b-textarea-input-focus-border: 1.5px solid var(--b-color-outline-tertiary-active);
601
- --b-textarea-input-error-background-color: var(--b-color-outline-critical);
602
- --b-textarea-input-disabled-color: var(--b-color-label-disabled);
603
- --b-textarea-input-disabled-border-color: var(--b-color-outline-disabled);
604
- --b-textarea-input-disabled-background-color: var(--b-color-background-disabled);
605
- --b-textarea-input-color: var(--b-color-label-primary);
606
- --b-textarea-input-padding: var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);
607
- --b-textarea-input-border-radius: var(--b-border-radius-m);
608
- --b-textarea-input-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
609
- --b-textarea-input-box-margin-bottom: var(--b-spacer-040);
610
- --b-textarea-label-item-error-color: var(--b-color-label-critical);
611
- --b-textarea-label-item-color: var(--b-color-label-secondary);
612
- --b-textarea-label-margin-bottom: var(--b-spacer-040);
613
- --b-textarea-label-color: var(--b-color-label-primary);
614
- --b-tag-white-color: var(--b-color-label-primary);
615
- --b-tag-orange-color: var(--b-color-orange-50);
616
- --b-tag-padding: 0 var(--b-spacer-040);
617
- --b-tabs-notification-dot-margin-left: var(--b-spacer-030);
618
- --b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
619
- --b-tabs-counter-hover-color: var(--b-color-label-primary);
620
- --b-tabs-counter-disabled-color: var(--b-color-label-disabled);
621
- --b-tabs-counter-active-color: var(--b-color-label-primary);
622
- --b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
623
- --b-tabs-counter-margin-left: var(--b-spacer-030);
624
- --b-tabs-counter-color: var(--b-color-label-secondary);
625
- --b-tabs-counter-border-radius: var(--b-border-radius-s);
626
- --b-tabs-counter-background-color: var(--b-color-background-secondary);
627
- --b-tabs-tab-underline-width: var(--b-spacer-080);
628
- --b-tabs-tab-underline-color: var(--b-color-outline-primary-active);
629
- --b-tabs-tab-title-hover-color: var(--b-color-label-primary);
630
- --b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
631
- --b-tabs-tab-title-active-color: var(--b-color-label-primary);
632
- --b-tabs-tab-title-color: var(--b-color-label-secondary);
633
- --b-tabs-tab-text-height: var(--b-spacer-090);
634
- --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
635
- --b-tabs-tab-list-gap: var(--b-spacer-090);
636
- --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
637
- --b-tabs-sticky-padding-top: var(--b-spacer-060);
638
- --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
639
- --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
640
- --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
641
- --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
642
- --b-summary-grid-item-title-icons-margin-left: var(--b-spacer-060);
643
- --b-summary-grid-item-title-icons-height: var(--b-text-body-line-height);
644
- --b-summary-grid-item-title-icons-gap: var(--b-spacer-060);
645
- --b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
646
- --b-summary-grid-item-gap: var(--b-spacer-040);
647
- --b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
648
- --b-summary-grid-item-color: var(--b-color-label-primary);
649
- --b-summary-grid-item-border-radius: var(--b-border-radius-m);
650
- --b-summary-grid-gap: var(--b-spacer-060);
651
- --b-structured-list-item-icon-margin: var(--b-spacer-010);
652
- --b-structured-list-item-item-value-mobile-padding: var(--b-spacer-010) 0;
653
- --b-structured-list-item-item-value-gap: var(--b-spacer-070);
654
- --b-structured-list-item-item-value-color: var(--b-color-label-primary);
655
- --b-structured-list-item-label-icon-color: var(--b-color-label-primary);
656
- --b-structured-list-item-label-gap: var(--b-spacer-040);
657
- --b-structured-list-item-label-color: var(--b-color-label-secondary);
658
- --b-structured-list-item-label-padding-mobile: var(--b-spacer-010) 0;
659
- --b-structured-list-item-label-padding: var(--b-spacer-040);
660
- --b-structured-list-item-margin-bottom-condensed: var(--b-spacer-030);
661
- --b-structured-list-item-margin-bottom: var(--b-spacer-060);
662
- --b-structured-list-item-padding-condensed: 0 0 var(--b-spacer-020) 0;
663
- --b-structured-list-item-padding: var(--b-spacer-030) 0;
664
- --b-stepper-step-substeps-index-active-color: var(--b-color-background-inverse-primary);
665
- --b-stepper-step-substeps-index-completed-color: var(--b-color-background-success-strong);
666
- --b-stepper-step-substeps-index-color: var(--b-color-background-quaternary);
667
- --b-stepper-step-substeps-content-active-color: var(--b-color-label-primary);
668
- --b-stepper-step-substeps-content-completed-color: var(--b-color-label-primary);
669
- --b-stepper-step-substeps-content-hover-color: var(--b-color-label-primary);
670
- --b-stepper-step-substeps-content-color: var(--b-color-label-secondary);
671
- --b-stepper-step-substeps-button-padding-left: var(--b-spacer-090);
672
- --b-stepper-step-substeps-margin-top: var(--b-spacer-030);
673
- --b-stepper-step-substeps-gap: var(--b-spacer-030);
674
- --b-stepper-step-index-completed-color: var(--b-color-label-primary);
675
- --b-stepper-step-index-completed-background-color: var(--b-color-background-success-strong);
676
- --b-stepper-step-index-active-background-color: var(--b-color-background-inverse-primary);
677
- --b-stepper-step-index-background-color: var(--b-color-background-quaternary);
678
- --b-stepper-step-index-border-radius: var(--b-border-radius-l);
679
- --b-stepper-step-content-active-color: var(--b-color-label-primary);
680
- --b-stepper-step-content-completed-color: var(--b-color-label-primary);
681
- --b-stepper-step-content-hover-color: var(--b-color-label-primary);
682
- --b-stepper-step-content-color: var(--b-color-label-secondary);
683
- --b-stepper-step-button-hover-background-color: var(--b-color-background-primary-hover);
684
- --b-stepper-step-button-border-radius: var(--b-border-radius-m);
685
- --b-stepper-step-button-gap: var(--b-spacer-040);
686
- --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
687
- --b-stepper-step-button-color: var(--b-color-label-secondary);
688
- --b-stepper-text-stepper-color: var(--b-color-label-secondary);
689
- --b-stepper-horizontal-gap: var(--b-spacer-040);
690
- --b-stepper-gap: var(--b-spacer-030);
691
- --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
692
- --b-status-indicator-red-background-color: var(--b-color-red-50);
693
- --b-status-indicator-orange-background-color: var(--b-color-orange-50);
694
- --b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
695
- --b-status-indicator-green-background-color: var(--b-color-green-40);
696
- --b-status-indicator-blue-background-color: var(--b-color-blue-40);
697
- --b-status-color: var(--b-color-label-primary);
698
- --b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
699
- --b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
700
- --b-sidepanel-page-actions-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
701
- --b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-110);
702
- --b-sidepanel-page-actions-color: var(--b-color-label-primary);
703
- --b-sidepanel-page-content-padding: 0 var(--b-spacer-110);
704
- --b-sidepanel-page-content-color: var(--b-color-label-primary);
705
- --b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
706
- --b-sidepanel-page-header-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
707
- --b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-110);
708
- --b-sidepanel-page-header-gap: var(--b-spacer-060);
709
- --b-sidepanel-page-header-color: var(--b-color-label-primary);
710
- --b-sidepanel-page-header-background-color: var(--b-color-grey-10);
711
- --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
712
- --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
713
- --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
714
- --b-sidepanel-close-button-right: var(--b-spacer-090);
715
- --b-selection-card-icon-background-color: var(--b-color-background-secondary);
716
- --b-selection-card-container-checked-error-border-color: var(--b-color-outline-critical);
717
- --b-selection-card-container-checked-border: var(--b-border-width-attention) solid transparent;
718
- --b-selection-card-container-error-border-width: var(--b-border-width-attention);
719
- --b-selection-card-container-error-border-color: var(--b-color-outline-critical);
720
- --b-selection-card-container-active-border-color: var(--b-color-blue-40);
721
- --b-selection-card-container-label-container-gap: var(--b-spacer-020);
722
- --b-selection-card-container-content-gap: var(--b-spacer-060);
723
- --b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
724
- --b-selection-card-container-gap: var(--b-spacer-060);
725
- --b-selection-card-container-color: var(--b-color-label-primary);
726
- --b-selection-card-container-border-radius: var(--b-border-radius-l);
727
- --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
728
- --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
729
- --b-selection-card-group-items-gap: var(--b-spacer-040);
730
- --b-segmented-control-button-label-container-checked-color: var(--b-color-label-primary);
731
- --b-segmented-control-button-label-container-color: var(--b-color-label-secondary);
732
- --b-segmented-control-button-hover-background-color: var(--b-color-background-tertiary-hover);
733
- --b-segmented-control-button-disabled-color: var(--b-color-label-disabled);
734
- --b-segmented-control-button-checked-padding: var(--b-spacer-020) var(--b-spacer-040);
735
- --b-segmented-control-button-icon-margin-right: var(--b-spacer-040);
736
- --b-segmented-control-button-padding: var(--b-spacer-020) var(--b-spacer-060);
737
- --b-segmented-control-button-color: var(--b-color-label-primary);
738
- --b-segmented-control-button-border-radius: var(--b-border-radius-m);
739
- --b-segmented-control-padding: var(--b-spacer-020);
740
- --b-segmented-control-border-radius: var(--b-border-radius-l);
741
- --b-segmented-control-background-color: var(--b-color-background-tertiary);
742
- --b-secondary-nav-item-hover-background-color: var(--b-color-background-primary-hover);
743
- --b-secondary-nav-item-active-background-color: var(--b-color-background-primary-active);
744
- --b-secondary-nav-item-color: var(--b-color-label-primary);
745
- --b-secondary-nav-item-margin-top: var(--b-spacer-040);
746
- --b-secondary-nav-item-border-radius: var(--b-border-radius-m);
747
- --b-secondary-nav-item-padding: var(--b-spacer-040) var(--b-spacer-050);
748
- --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
749
- --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
750
- --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
751
- --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
752
- --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
753
- --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
754
- --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
755
- --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
756
- --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
757
- --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
758
- --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
759
- --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
760
- --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
761
- --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
762
- --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
763
- --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
764
- --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
765
- --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
766
- --b-rich-text-editor-description-color: var(--b-color-label-secondary);
767
- --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
768
- --b-rich-text-editor-color: var(--b-color-label-primary);
769
- --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
770
- --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
771
- --b-radio-input-knob-offset: var(--b-spacer-020);
772
- --b-radio-input-checked-error-border-color: var(--b-color-outline-critical);
773
- --b-radio-input-checked-error-background-color: var(--b-color-background-critical-strong);
774
- --b-radio-input-checked-readonly-border-color: var(--b-color-outline-disabled);
775
- --b-radio-input-checked-readonly-background-color: var(--b-color-background-disabled);
776
- --b-radio-input-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
777
- --b-radio-input-unchecked-error-background-color: var(--b-color-background-critical-strong);
778
- --b-radio-input-unchecked-readonly-border-color: var(--b-color-outline-disabled);
779
- --b-radio-input-unchecked-readonly-background-color: var(--b-color-background-disabled);
780
- --b-radio-input-unchecked-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
781
- --b-radio-input-space-around-increase: var(--b-spacer-020);
782
- --b-radio-input-border-radius: var(--b-border-radius-l);
783
- --b-radio-input-offset-top: var(--b-spacer-020);
784
- --b-radio-group-error-message-margin-top: var(--b-spacer-060);
785
- --b-radio-group-horizontal-gap: var(--b-spacer-100);
786
- --b-radio-group-vertical-gap: var(--b-spacer-060);
787
- --b-radio-button-knob-readonly-color: var(--b-color-label-primary);
788
- --b-radio-button-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
789
- --b-radio-button-knob-offset: var(--b-spacer-020);
790
- --b-radio-button-description-disabled-font-color: var(--b-color-label-secondary);
791
- --b-radio-button-description-font-color: var(--b-color-label-secondary);
792
- --b-radio-button-content-padding: var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-040) var(--b-spacer-070);
793
- --b-radio-button-label-tag-margin: 0 0 0 var(--b-spacer-040);
794
- --b-radio-button-primary-label-gap: var(--b-spacer-040);
795
- --b-radio-button-label-container-row-gap: var(--b-spacer-020);
796
- --b-radio-button-label-container-padding: var(--b-spacer-070);
797
- --b-radio-button-checked-error-border-color: var(--b-color-outline-critical);
798
- --b-radio-button-checked-error-background-color: var(--b-color-background-critical-strong);
799
- --b-radio-button-checked-readonly-border-color: var(--b-color-outline-disabled);
800
- --b-radio-button-checked-readonly-background-color: var(--b-color-background-disabled);
801
- --b-radio-button-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
802
- --b-radio-button-unchecked-error-background-color: var(--b-color-background-critical-strong);
803
- --b-radio-button-unchecked-readonly-border-color: var(--b-color-outline-disabled);
804
- --b-radio-button-unchecked-readonly-background-color: var(--b-color-background-disabled);
805
- --b-radio-button-unchecked-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
806
- --b-radio-button-space-around-increase: var(--b-spacer-020);
807
- --b-radio-button-border-radius: var(--b-border-radius-l);
808
- --b-radio-button-offset-top: var(--b-spacer-020);
809
- --b-promo-banner-content-actions-gap: var(--b-spacer-040);
810
- --b-promo-banner-content-header-gap: var(--b-spacer-060);
811
- --b-promo-banner-content-padding: var(--b-spacer-100);
812
- --b-promo-banner-content-gap: var(--b-spacer-100);
813
- --b-promo-banner-background-color-grey: var(--b-color-background-secondary);
814
- --b-promo-banner-background-color-green: var(--b-color-background-success-weak);
815
- --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
816
- --b-promo-banner-color: var(--b-color-label-primary);
817
- --b-promo-banner-border-radius: var(--b-border-radius-xl);
818
- --b-popper-z-index: var(--b-z-index-global-elevated);
819
- --b-popover-animation-duration: var(--b-animation-duration-moderate);
820
- --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
821
- --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
822
- --b-popover-image-dismiss-icon-right: var(--b-spacer-070);
823
- --b-popover-image-header-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-070);
824
- --b-popover-header-title-column-gap: var(--b-spacer-040);
825
- --b-popover-header-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-070);
826
- --b-popover-content-with-title-padding: var(--b-spacer-060) var(--b-spacer-070);
827
- --b-popover-content-padding: var(--b-spacer-070);
828
- --b-popover-without-space-padding: var(--b-spacer-000);
829
- --b-popover-with-divider-content-padding: var(--b-spacer-000);
830
- --b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
831
- --b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
832
- --b-popover-z-index: var(--b-z-index-global-elevated);
833
- --b-popover-color: var(--b-color-label-primary);
834
- --b-popover-border-radius: var(--b-border-radius-s);
835
- --b-popover-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
836
- --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
837
- --b-payment-method-label-color: var(--b-color-label-primary);
838
- --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
839
- --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
840
- --b-pagination-divider-margin: 0 var(--b-spacer-070);
841
- --b-pagination-divider-border-width: var(--b-border-width-s);
842
- --b-pagination-divider-border-color: var(--b-color-separator-primary);
843
- --b-pagination-controls-gap: var(--b-spacer-070);
844
- --b-pagination-context-margin: 0 var(--b-spacer-060);
845
- --b-pagination-navigation-small-container-gap: var(--b-spacer-050);
846
- --b-pagination-color: var(--b-color-label-primary);
847
- --b-modal-wrapper-gap: var(--b-spacer-090);
848
- --b-modal-wrapper-padding: var(--b-spacer-090);
849
- --b-modal-animation-duration: var(--b-animation-duration-moderate);
850
- --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
851
- --b-modal-close-button-right: var(--b-spacer-090);
852
- --b-modal-close-button-height: var(--b-text-title-line-height);
853
- --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
854
- --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
855
- --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
856
- --b-modal-header-min-height: var(--b-text-title-line-height);
857
- --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
858
- --b-modal-container-column-layout-padding: var(--b-spacer-090);
859
- --b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
860
- --b-modal-container-gap: var(--b-spacer-070);
861
- --b-modal-container-color: var(--b-color-label-primary);
862
- --b-modal-padding: var(--b-spacer-000);
863
- --b-modal-border-radius: var(--b-border-radius-l);
864
- --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
865
- --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
866
- --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
867
- --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
868
- --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
869
- --b-modal-fullscreen-header-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
870
- --b-modal-fullscreen-header-gap: var(--b-spacer-090);
871
- --b-modal-fullscreen-header-padding: var(--b-spacer-060) var(--b-spacer-090);
872
- --b-modal-fullscreen-color: var(--b-color-label-primary);
873
- --b-menu-submenu-animation-duration: var(--b-animation-duration-moderate);
874
- --b-menu-submenu-divider-margin-block: var(--b-spacer-040);
875
- --b-menu-submenu-divider-padding: var(--b-spacer-040);
876
- --b-menu-submenu-divider-border-inverse: var(--b-border-width-s) solid var(--b-color-separator-inverse-primary);
877
- --b-menu-submenu-divider-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
878
- --b-menu-submenu-background-color-inverse: var(--b-color-background-inverse-primary);
879
- --b-menu-item-list-divider-margin-block: var(--b-spacer-040);
880
- --b-menu-item-list-padding: var(--b-spacer-040) var(--b-spacer-000);
881
- --b-menu-item-list-background-color-inverse: var(--b-color-background-inverse-primary);
882
- --b-menu-item-indent-padding-left: var(--b-spacer-120);
883
- --b-menu-item-icon-right-padding: var(--b-spacer-070);
884
- --b-menu-item-icon-right-color: var(--b-color-label-primary);
885
- --b-menu-item-icon-left-padding: var(--b-spacer-070);
886
- --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
887
- --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
888
- --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
889
- --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
890
- --b-menu-item-hover-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
891
- --b-menu-item-hover-critical-background-color: var(--b-color-background-critical-weak);
892
- --b-menu-item-focus-critical-color-inverse: var(--b-color-label-inverse-critical-active);
893
- --b-menu-item-focus-critical-color: var(--b-color-label-critical-active);
894
- --b-menu-item-focus-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
895
- --b-menu-item-focus-critical-background-color: var(--b-color-background-critical-weak);
896
- --b-menu-item-disabled-color-inverse: var(--b-color-label-inverse-disabled);
897
- --b-menu-item-disabled-color: var(--b-color-label-disabled);
898
- --b-menu-item-critical-color-inverse: var(--b-color-label-inverse-critical);
899
- --b-menu-item-critical-color: var(--b-color-label-critical);
900
- --b-menu-item-active-critical-color-inverse: var(--b-color-label-inverse-critical-active);
901
- --b-menu-item-active-critical-color: var(--b-color-label-critical-active);
902
- --b-menu-item-active-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
903
- --b-menu-item-active-critical-background-color: var(--b-color-background-critical-weak);
904
- --b-menu-item-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
905
- --b-menu-item-active-background-color: var(--b-color-background-modal-active);
906
- --b-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
907
- --b-menu-item-color: var(--b-color-label-primary);
908
- --b-loading-indicator-large-width: var(--b-spacer-120);
909
- --b-loading-indicator-large-height: var(--b-spacer-120);
910
- --b-loading-indicator-large-border-width: var(--b-spacer-020);
911
- --b-loading-indicator-small-width: var(--b-spacer-070);
912
- --b-loading-indicator-small-height: var(--b-spacer-070);
913
- --b-loading-indicator-small-border-width: var(--b-spacer-010);
914
- --b-loading-indicator-width: var(--b-spacer-090);
915
- --b-loading-indicator-height: var(--b-spacer-090);
916
- --b-loading-button-tertiary-active-background-color: var(--b-color-grey-15);
917
- --b-loading-button-tertiary-loading-color-inverse: var(--b-color-label-inverse-primary-active);
918
- --b-loading-button-tertiary-loading-color: var(--b-color-label-primary-active);
919
- --b-loading-button-secondary-active-color: var(--b-color-grey-30);
920
- --b-loading-button-secondary-active-background-color: var(--b-color-white);
921
- --b-loading-button-secondary-success-disabled-color: var(--b-color-grey-30);
922
- --b-loading-button-secondary-success-disabled-background-color: var(--b-color-grey-20);
923
- --b-loading-button-secondary-success-active-background-color: var(--b-color-green-40);
924
- --b-loading-button-secondary-success-hover-color: var(--b-color-white);
925
- --b-loading-button-secondary-success-hover-background-color: var(--b-color-green-40);
926
- --b-loading-button-secondary-success-color: var(--b-color-white);
927
- --b-loading-button-secondary-success-background-color: var(--b-color-green-40);
928
- --b-loading-button-secondary-loading-color-inverse: var(--b-color-label-inverse-primary-active);
929
- --b-loading-button-secondary-loading-color: var(--b-color-label-primary-active);
930
- --b-loading-button-secondary-loading-background-color-inverse: var(--b-color-background-inverse-primary-active);
931
- --b-loading-button-secondary-loading-background-color: var(--b-color-background-primary-active);
932
- --b-loading-button-primary-active-background-color: var(--b-color-blue-50);
933
- --b-loading-button-primary-success-hover-background-color: var(--b-color-green-40);
934
- --b-loading-button-primary-success-disabled-color: var(--b-color-grey-20);
935
- --b-loading-button-primary-success-disabled-background-color: var(--b-color-grey-30);
936
- --b-loading-button-primary-success-active-background-color: var(--b-color-green-40);
937
- --b-loading-button-primary-success-color: var(--b-color-white);
938
- --b-loading-button-primary-success-background-color: var(--b-color-green-40);
939
- --b-loading-button-primary-loading-background-color-inverse: var(--b-color-background-primary-active);
940
- --b-loading-button-primary-loading-background-color: var(--b-color-background-inverse-primary-active);
941
- --b-listbox-multi-select-chips-chip-disabled-color: var(--b-color-label-disabled);
942
- --b-listbox-multi-select-chips-chip-disabled-background: var(--b-color-background-disabled);
943
- --b-listbox-multi-select-chips-chip-active-background: var(--b-color-background-secondary-active);
944
- --b-listbox-multi-select-chips-chip-hover-background: var(--b-color-background-secondary-hover);
945
- --b-listbox-multi-select-chips-chip-padding: 0 var(--b-spacer-020);
946
- --b-listbox-multi-select-chips-chip-gap: var(--b-spacer-010);
947
- --b-listbox-multi-select-chips-chip-border-radius: var(--b-border-radius-s);
948
- --b-listbox-multi-select-chips-chip-background: var(--b-color-background-secondary);
949
- --b-listbox-multi-select-chips-padding: var(--b-spacer-030) var(--b-spacer-070);
950
- --b-listbox-multi-select-chips-gap: var(--b-spacer-030);
951
- --b-listbox-multi-select-category-option-gap: var(--b-spacer-070);
952
- --b-listbox-multi-select-category-static-category-label-text-color: var(--b-color-label-secondary);
953
- --b-listbox-multi-select-category-static-category-gap: var(--b-spacer-070);
954
- --b-listbox-multi-select-category-disabled-label-text-color: var(--b-color-label-disabled);
955
- --b-listbox-multi-select-options-static-category-option-padding-left: var(--b-spacer-070);
956
- --b-listbox-multi-select-options-category-option-padding-left: var(--b-spacer-100);
957
- --b-listbox-multi-select-options-gap: var(--b-spacer-070);
958
- --b-listbox-multi-select-divider-margin: var(--b-spacer-000);
959
- --b-listbox-multi-select-divider-background-color: var(--b-color-separator-primary);
960
- --b-listbox-single-select-category-label-text-color: var(--b-color-label-secondary);
961
- --b-listbox-single-select-category-label-text-padding: var(--b-spacer-040) var(--b-spacer-070);
962
- --b-listbox-single-select-category-margin-bottom: var(--b-spacer-070);
963
- --b-listbox-single-select-check-icon-margin: var(--b-spacer-070);
964
- --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
965
- --b-listbox-option-tag-label-color: var(--b-color-label-primary);
966
- --b-listbox-option-description-margin-top: var(--b-spacer-020);
967
- --b-listbox-option-focus-box-shadow: inset 0 0 0 var(--b-border-width-m) var(--b-color-focus), inset 0 0 0 var(--b-border-width-l) var(--b-color-background-primary);
968
- --b-listbox-option-focus-background-color: var(--b-color-background-primary-active);
969
- --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
970
- --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);
971
- --b-listbox-lazy-load-margin: var(--b-spacer-040) 0;
972
- --b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
973
- --b-listbox-empty-search-message-color: var(--b-color-label-secondary);
974
- --b-listbox-padding: var(--b-spacer-000);
975
- --b-listbox-color: var(--b-color-label-primary);
976
- --b-link-data-grid-active-color: var(--b-color-link-primary);
977
- --b-link-data-grid-hover-color: var(--b-color-link-primary);
978
- --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
979
- --b-link-data-grid-color: var(--b-color-link-primary);
980
- --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
981
- --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
982
- --b-link-visited-color: var(--b-color-link-primary-visited);
983
- --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
984
- --b-link-border-radius: var(--b-border-radius-xs);
985
- --b-layout-row-column-wrapper-l-and-up-column-gap: var(--b-spacer-090);
986
- --b-layout-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
987
- --b-layout-l-and-up-column-gap: var(--b-spacer-090);
988
- --b-layout-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-080);
989
- --b-layout-padding: var(--b-spacer-070);
990
- --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
991
- --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
992
- --b-inspector-animation-duration: var(--b-animation-duration-slow);
993
- --b-inspector-return-content-right: var(--b-spacer-040);
994
- --b-inspector-icons-gap: var(--b-spacer-050);
995
- --b-inspector-header-gap: var(--b-spacer-060);
996
- --b-inspector-header-padding-bottom: var(--b-spacer-070);
997
- --b-inspector-header-color: var(--b-color-label-primary);
998
- --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
999
- --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
1000
- --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
1001
- --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
1002
- --b-input-field-error-message-margin-top: var(--b-spacer-040);
1003
- --b-input-field-description-padding: var(--b-spacer-000);
1004
- --b-input-field-description-margin-top: var(--b-spacer-040);
1005
- --b-input-field-description-color: var(--b-color-label-secondary);
1006
- --b-input-field-dropdown-start-condensed-padding-left: var(--b-spacer-050);
1007
- --b-input-field-dropdown-start-condensed-margin-left: var(--b-spacer-020);
1008
- --b-input-field-dropdown-start-margin-left: var(--b-spacer-020);
1009
- --b-input-field-dropdown-small-textbox-condensed-padding: 0 var(--b-spacer-030);
1010
- --b-input-field-dropdown-end-condensed-padding-left: var(--b-spacer-050);
1011
- --b-input-field-dropdown-end-condensed-margin-right: var(--b-spacer-080);
1012
- --b-input-field-dropdown-end-margin-right: var(--b-spacer-020);
1013
- --b-input-field-dropdown-padding-right: var(--b-spacer-060);
1014
- --b-input-field-dropdown-border-radius: var(--b-border-radius-m);
1015
- --b-input-field-payment-method-condensed-margin-right: var(--b-spacer-050);
1016
- --b-input-field-payment-method-condensed-margin-left: var(--b-spacer-030);
1017
- --b-input-field-payment-method-margin-left: var(--b-spacer-030);
1018
- --b-input-field-payment-method-margin-right: var(--b-spacer-060);
1019
- --b-input-field-static-value-start-condensed-margin-right: var(--b-spacer-050);
1020
- --b-input-field-static-value-start-condensed-margin-left: var(--b-spacer-020);
1021
- --b-input-field-static-value-start-margin-left: var(--b-spacer-020);
1022
- --b-input-field-static-value-end-condensed-margin-right: var(--b-spacer-020);
1023
- --b-input-field-static-value-end-condensed-margin-left: var(--b-spacer-050);
1024
- --b-input-field-static-value-end-margin-right: var(--b-spacer-020);
1025
- --b-input-field-static-value-disabled-color: var(--b-color-label-disabled);
1026
- --b-input-field-static-value-disabled-background-color: var(--b-color-background-disabled);
1027
- --b-input-field-static-value-border-radius: var(--b-border-radius-s);
1028
- --b-input-field-static-value-padding: var(--b-spacer-020) var(--b-spacer-030);
1029
- --b-input-field-static-value-margin: var(--b-spacer-060);
1030
- --b-input-field-static-value-color: var(--b-color-label-primary);
1031
- --b-input-field-static-value-background-color: var(--b-color-grey-10);
1032
- --b-input-field-hint-margin-right: var(--b-spacer-060);
1033
- --b-input-field-hint-color: var(--b-color-label-secondary);
1034
- --b-input-field-icons-color: var(--b-color-label-disabled);
1035
- --b-input-field-icon-before-condensed-margin-right: var(--b-spacer-050);
1036
- --b-input-field-icon-before-condensed-margin-left: var(--b-spacer-050);
1037
- --b-input-field-icon-before-margin-right: var(--b-spacer-060);
1038
- --b-input-field-icon-before-margin-left: var(--b-spacer-060);
1039
- --b-input-field-icon-after-condensed-margin-right: var(--b-spacer-050);
1040
- --b-input-field-icon-after-condensed-margin-left: var(--b-spacer-050);
1041
- --b-input-field-icon-after-margin-right: var(--b-spacer-060);
1042
- --b-input-field-icon-after-margin-left: var(--b-spacer-060);
1043
- --b-input-field-input-disabled-color: var(--b-color-label-disabled);
1044
- --b-input-field-input-disabled-background-color: var(--b-color-background-disabled);
1045
- --b-input-field-input-placeholder-color: var(--b-color-label-secondary);
1046
- --b-input-field-input-condensed-margin: var(--b-spacer-020) var(--b-spacer-050);
1047
- --b-input-field-input-padding: var(--b-spacer-000);
1048
- --b-input-field-input-margin: var(--b-spacer-040) var(--b-spacer-060);
1049
- --b-input-field-input-color: var(--b-color-label-primary);
1050
- --b-input-field-input-box-small-padding-right: var(--b-spacer-030) 3px var(--b-spacer-030) var(--b-spacer-060);
1051
- --b-input-field-input-box-small-padding-left: var(--b-spacer-030) var(--b-spacer-060) var(--b-spacer-030) 3px;
1052
- --b-input-field-input-box-focus-border-color: var(--b-color-outline-tertiary-active);
1053
- --b-input-field-input-box-error-border-color: var(--b-color-outline-critical);
1054
- --b-input-field-input-box-error-border: 1.5px solid var(--b-color-outline-critical);
1055
- --b-input-field-input-box-disabled-border-color: var(--b-color-outline-disabled);
1056
- --b-input-field-input-box-disabled-background-color: var(--b-color-background-disabled);
1057
- --b-input-field-input-box-condensed-with-payment-method-padding-left: var(--b-spacer-030);
1058
- --b-input-field-input-box-condensed-padding: var(--b-spacer-020) var(--b-spacer-050);
1059
- --b-input-field-input-box-hover-border-color: var(--b-color-outline-tertiary-active);
1060
- --b-input-field-input-box-padding: var(--b-spacer-040) var(--b-spacer-070);
1061
- --b-input-field-input-box-border-radius: var(--b-border-radius-m);
1062
- --b-input-field-input-box-border-color: var(--b-color-outline-tertiary);
1063
- --b-input-field-input-box-color: var(--b-color-label-primary);
1064
- --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1065
- --b-input-field-label-margin-bottom: var(--b-spacer-040);
1066
- --b-input-field-label-color: var(--b-color-label-primary);
1067
- --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
1068
- --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
1069
- --b-input-field-password-validation-list-margin: var(--b-spacer-060);
1070
- --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
1071
- --b-input-field-password-validation-list-gap: var(--b-spacer-060);
1072
- --b-info-icon-color: var(--b-color-label-primary);
1073
- --b-header-component-title-margin-top: var(--b-spacer-020);
1074
- --b-header-actions-margin-top: var(--b-spacer-070);
1075
- --b-header-timestamp-margin-block: var(--b-spacer-020);
1076
- --b-header-timestamp-gap: var(--b-spacer-060);
1077
- --b-header-timestamp-color: var(--b-color-label-secondary);
1078
- --b-header-description-color: var(--b-color-label-secondary);
1079
- --b-header-info-icon-margin-top: var(--b-spacer-020);
1080
- --b-header-info-icon-margin-left: var(--b-spacer-050);
1081
- --b-header-title-margin-top: var(--b-spacer-010);
1082
- --b-header-title-color: var(--b-color-label-primary);
1083
- --b-header-wrapper-gap: var(--b-spacer-110);
1084
- --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
1085
- --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
1086
- --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
1087
- --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
1088
- --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
1089
- --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
1090
- --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
1091
- --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
1092
- --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
1093
- --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
1094
- --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
1095
- --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
1096
- --b-header-with-views-edit-form-gap: var(--b-spacer-080);
1097
- --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
1098
- --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
1099
- --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
1100
- --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
1101
- --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
1102
- --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1103
- --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1104
- --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1105
- --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1106
- --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1107
- --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1108
- --b-header-with-views-modal-description-gap: var(--b-spacer-070);
1109
- --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
1110
- --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
1111
- --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
1112
- --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
1113
- --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
1114
- --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
1115
- --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
1116
- --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
1117
- --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
1118
- --b-header-with-views-bar-tab-button-menu-background: linear-gradient(90deg, rgba(247, 247, 248, 0.00) 0%, var(--b-color-background-primary-hover) 45%);
1119
- --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
1120
- --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
1121
- --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
1122
- --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
1123
- --b-header-with-views-bar-gap: var(--b-spacer-020);
1124
- --b-header-with-views-title-gap: var(--b-spacer-030);
1125
- --b-header-with-views-padding-inline: var(--b-spacer-070);
1126
- --b-header-with-views-gap: var(--b-spacer-050);
1127
- --b-header-meta-timestamp-title-margin-top: var(--b-spacer-020);
1128
- --b-header-meta-timestamp-margin-block: var(--b-spacer-020);
1129
- --b-header-meta-timestamp-gap: var(--b-spacer-060);
1130
- --b-header-meta-timestamp-color: var(--b-color-label-secondary);
1131
- --b-header-meta-description-color: var(--b-color-label-secondary);
1132
- --b-header-meta-container-margin-top: var(--b-spacer-020);
1133
- --b-header-meta-container-gap: var(--b-spacer-020);
1134
- --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1135
- --b-form-layout-title-description-color: var(--b-color-label-secondary);
1136
- --b-form-layout-title-color: var(--b-color-label-primary);
1137
- --b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
1138
- --b-form-layout-group-gap: var(--b-spacer-080);
1139
- --b-form-layout-field-tip-gap: var(--b-spacer-060);
1140
- --b-form-layout-error-message-margin-bottom: var(--b-spacer-080);
1141
- --b-form-layout-actions-container-margin-top: var(--b-spacer-080);
1142
- --b-form-layout-actions-gap: var(--b-spacer-040);
1143
- --b-form-layout-gap: var(--b-spacer-080);
1144
- --b-footer-actions-wrapper-row-gap: var(--b-spacer-040);
1145
- --b-fixed-scroller-side-spacing-padding-bottom: var(--b-spacer-020);
1146
- --b-fixed-scroller-right-padding-left: var(--b-spacer-080);
1147
- --b-fixed-scroller-left-padding-right: var(--b-spacer-080);
1148
- --b-fixed-scroller-content-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-standard);
1149
- --b-fixed-scroller-button-margin-top: var(--b-spacer-020);
1150
- --b-filter-button-modal-disabled-counter-color: var(--b-color-white);
1151
- --b-filter-button-modal-disabled-counter-background-color: var(--b-color-grey-30);
1152
- --b-filter-button-modal-disabled-color: var(--b-color-grey-30);
1153
- --b-filter-button-modal-disabled-background-color: var(--b-color-white);
1154
- --b-filter-button-modal-open-background-color: var(--b-color-blue-10);
1155
- --b-filter-button-modal-hover-color: var(--b-color-label-primary);
1156
- --b-filter-button-modal-hover-background-color: var(--b-color-white);
1157
- --b-filter-button-modal-focus-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20);
1158
- --b-filter-button-modal-focus-background-color: var(--b-color-white);
1159
- --b-filter-button-modal-counter-color: var(--b-color-white);
1160
- --b-filter-button-modal-counter-background-color: var(--b-color-blue-40);
1161
- --b-filter-button-modal-counter-focus-background-color: var(--b-color-blue-40);
1162
- --b-filter-button-modal-border-radius: var(--b-border-radius-s);
1163
- --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1164
- --b-filter-button-hover-background-color: var(--b-color-white);
1165
- --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1166
- --b-filter-button-counter-disabled-font-color: var(--b-color-grey-30);
1167
- --b-filter-button-counter-disabled-background-color: var(--b-color-grey-0);
1168
- --b-filter-button-counter-open-background-color: var(--b-color-blue-10);
1169
- --b-filter-button-counter-active-background-color: var(--b-color-blue-40);
1170
- --b-filter-button-counter-padding: var(--b-spacer-010) var(--b-spacer-030);
1171
- --b-filter-button-counter-font-color: var(--b-color-grey-90);
1172
- --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1173
- --b-filter-button-counter-background-color: var(--b-color-grey-0);
1174
- --b-filter-button-disabled-font-color: var(--b-color-grey-40);
1175
- --b-filter-button-disabled-background-color: var(--b-color-grey-10);
1176
- --b-filter-button-default-container-gap: var(--b-spacer-070);
1177
- --b-filter-button-active-background-color: var(--b-color-blue-10);
1178
- --b-filter-button-padding: var(--b-spacer-030) var(--b-spacer-070);
1179
- --b-filter-button-font-color: var(--b-color-grey-90);
1180
- --b-filter-bar-all-filters-modal-header-background-color: var(--b-color-white);
1181
- --b-filter-bar-all-filters-modal-search-bar-padding: var(--b-spacer-000) var(--b-spacer-070);
1182
- --b-filter-bar-all-filters-modal-clear-button-padding-bottom: var(--b-spacer-040);
1183
- --b-filter-bar-all-filters-modal-content-padding: var(--b-spacer-000);
1184
- --b-filter-bar-all-filters-modal-content-text-margin-bottom: var(--b-spacer-100);
1185
- --b-filter-bar-all-filters-modal-content-text-gap: var(--b-spacer-030);
1186
- --b-filter-bar-all-filters-modal-selected-filter-content-padding: var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040);
1187
- --b-filter-bar-all-filters-modal-filters-list-title-padding: var(--b-spacer-000) var(--b-spacer-070);
1188
- --b-filter-bar-all-filters-modal-filters-list-title-color: var(--b-color-label-secondary);
1189
- --b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding: var(--b-spacer-000) var(--b-spacer-070);
1190
- --b-filter-bar-all-filters-modal-filters-list-empty-search-message-color: var(--b-color-label-secondary);
1191
- --b-filter-bar-all-filters-modal-filters-list-padding: var(--b-spacer-000);
1192
- --b-filter-bar-all-filters-modal-filters-list-margin: var(--b-spacer-000);
1193
- --b-filter-bar-all-filters-modal-filters-list-gap: var(--b-spacer-030);
1194
- --b-filter-bar-all-filters-modal-filters-gap: var(--b-spacer-090);
1195
- --b-filter-bar-date-range-filter-divider-margin: var(--b-spacer-060) 0;
1196
- --b-filter-bar-date-range-filter-actions-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1197
- --b-filter-bar-date-filter-divider-margin-top: var(--b-spacer-060);
1198
- --b-filter-bar-date-filter-padding: var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1199
- --b-filter-bar-select-filter-button-search-bar-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1200
- --b-filter-bar-select-filter-button-divider-margin: var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000);
1201
- --b-filter-bar-select-filter-button-divider-background-color: var(--b-color-separator-primary);
1202
- --b-filter-bar-select-filter-search-bar-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1203
- --b-filter-bar-select-filter-divider-margin: var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000);
1204
- --b-filter-bar-select-filter-divider-background-color: var(--b-color-separator-primary);
1205
- --b-filter-bar-range-filter-item-padding: var(--b-spacer-060);
1206
- --b-filter-bar-range-filter-only-slot-padding: var(--b-spacer-000);
1207
- --b-filter-bar-range-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1208
- --b-filter-bar-boolean-filter-only-slot-padding: var(--b-spacer-000);
1209
- --b-filter-bar-boolean-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1210
- --b-filter-bar-input-with-dropdown-filter-only-slot-padding: var(--b-spacer-000);
1211
- --b-filter-bar-input-with-dropdown-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1212
- --b-filter-bar-input-filter-only-slot-padding: var(--b-spacer-000);
1213
- --b-filter-bar-input-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1214
- --b-filter-bar-filters-wrapper-padding-right: var(--b-spacer-070);
1215
- --b-filter-bar-filters-wrapper-gap: var(--b-spacer-040);
1216
- --b-filter-bar-scroller-content-gap: var(--b-spacer-040);
1217
- --b-filter-bar-filters-container-gap: var(--b-spacer-040);
1218
- --b-filter-bar-container-gap: var(--b-spacer-040);
1219
- --b-filter-bar-before-filters-gap: var(--b-spacer-040);
1220
- --b-filter-bar-actions-gap: var(--b-spacer-040);
1221
- --b-filter-bar-filters-gap: var(--b-spacer-040);
1222
- --b-filter-bar-search-external-container-margin-bottom: var(--b-spacer-040);
1223
- --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
1224
- --b-filter-bar-z-index: var(--b-z-index-global-elevated);
1225
- --b-filter-bar-padding-right: var(--b-spacer-070);
1226
- --b-filter-bar-gap: var(--b-spacer-040);
1227
- --b-filter-bar-button-secondary-label-padding: var(--b-spacer-010) var(--b-spacer-030);
1228
- --b-filter-bar-button-secondary-label-color: var(--b-color-grey-90);
1229
- --b-filter-bar-button-secondary-label-border-radius: var(--b-border-radius-s);
1230
- --b-filter-bar-button-label-container-gap: var(--b-spacer-050);
1231
- --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
1232
- --b-filter-bar-button-hover-background-color: var(--b-color-white);
1233
- --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1234
- --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1235
- --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1236
- --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1237
- --b-filter-bar-button-counter-hover-background-color: var(--b-color-grey-0);
1238
- --b-filter-bar-button-counter-hover-color: var(--b-color-grey-50);
1239
- --b-filter-bar-button-counter-disabled-color: var(--b-color-grey-30);
1240
- --b-filter-bar-button-counter-disabled-background-color: var(--b-color-grey-0);
1241
- --b-filter-bar-button-counter-padding: var(--b-spacer-010) var(--b-spacer-030);
1242
- --b-filter-bar-button-counter-margin-right: var(--b-spacer-010);
1243
- --b-filter-bar-button-counter-color: var(--b-color-grey-90);
1244
- --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1245
- --b-filter-bar-button-counter-background-color: var(--b-color-grey-0);
1246
- --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1247
- --b-filter-bar-button-container-gap: var(--b-spacer-040);
1248
- --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-010);
1249
- --b-filter-bar-button-with-counter-active-counter-color: var(--b-color-navy-50);
1250
- --b-filter-bar-button-with-counter-active-color: var(--b-color-grey-0);
1251
- --b-filter-bar-button-with-counter-active-border-color: var(--b-color-navy-50);
1252
- --b-filter-bar-button-with-counter-active-background-color: var(--b-color-navy-50);
1253
- --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1254
- --b-filter-bar-button-with-counter-color: var(--b-color-grey-0);
1255
- --b-filter-bar-button-with-counter-border: var(--b-border-width-s) solid var(--b-color-navy-40);
1256
- --b-filter-bar-button-with-counter-background-color: var(--b-color-navy-40);
1257
- --b-filter-bar-button-with-counter-padding-right: var(--b-spacer-020);
1258
- --b-filter-bar-button-disabled-color: var(--b-color-grey-40);
1259
- --b-filter-bar-button-disabled-background-color: var(--b-color-grey-10);
1260
- --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1261
- --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1262
- --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1263
- --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1264
- --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1265
- --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1266
- --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1267
- --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1268
- --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1269
- --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1270
- --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1271
- --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1272
- --b-filter-bar-button-icon-only-padding: var(--b-spacer-020);
1273
- --b-filter-bar-button-padding: var(--b-spacer-020) var(--b-spacer-050);
1274
- --b-filter-bar-button-color: var(--b-color-grey-90);
1275
- --b-filter-bar-button-border-radius: var(--b-border-radius-m);
1276
- --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1277
- --b-filter-bar-button-group-button-active-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active);
1278
- --b-filter-bar-button-group-button-hover-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover);
1279
- --b-filter-bar-button-group-button-padding: var(--b-spacer-020);
1280
- --b-filter-bar-button-group-button-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);
1281
- --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
1282
- --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
1283
- --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
1284
- --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
1285
- --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
1286
- --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
1287
- --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
1288
- --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
1289
- --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
1290
- --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
1291
- --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
1292
- --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
1293
- --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
1294
- --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
1295
- --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
1296
- --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
1297
- --b-file-uploader-file-card-gap: var(--b-spacer-040);
1298
- --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
1299
- --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
1300
- --b-file-uploader-title-margin-top: var(--b-spacer-060);
1301
- --b-file-uploader-files-gap: var(--b-spacer-040);
1302
- --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
1303
- --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
1304
- --b-file-uploader-icon-width: var(--b-spacer-100);
1305
- --b-file-uploader-icon-padding: var(--b-spacer-040);
1306
- --b-file-uploader-icon-height: var(--b-spacer-100);
1307
- --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
1308
- --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
1309
- --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
1310
- --b-file-uploader-description-margin-top: var(--b-spacer-020);
1311
- --b-file-uploader-description-color: var(--b-color-label-secondary);
1312
- --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
1313
- --b-file-uploader-button-margin-top: var(--b-spacer-060);
1314
- --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
1315
- --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
1316
- --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
1317
- --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
1318
- --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
1319
- --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
1320
- --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
1321
- --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
1322
- --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
1323
- --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
1324
- --b-file-uploader-area-border-radius: var(--b-border-radius-m);
1325
- --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
1326
- --b-file-uploader-alert-margin-top: var(--b-spacer-040);
1327
- --b-file-uploader-gap: var(--b-spacer-040);
1328
- --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
1329
- --b-field-label-requirement-color: var(--b-color-label-secondary);
1330
- --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
1331
- --b-field-label-margin-right: var(--b-spacer-020);
1332
- --b-field-label-margin-bottom: var(--b-spacer-040);
1333
- --b-field-label-color: var(--b-color-label-primary);
1334
- --b-error-message-icon-margin-right: var(--b-spacer-040);
1335
- --b-error-message-color: var(--b-color-label-critical);
1336
- --b-empty-state-details-margin-bottom: var(--b-spacer-070);
1337
- --b-empty-state-details-color: var(--b-color-label-secondary);
1338
- --b-empty-state-title-margin-bottom: var(--b-spacer-020);
1339
- --b-empty-state-title-color: var(--b-color-label-primary);
1340
- --b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
1341
- --b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
1342
- --b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
1343
- --b-dropdown-small-textbox-additional-items-background-color: var(--b-color-white);
1344
- --b-dropdown-small-textbox-readonly-icon-color: var(--b-color-label-disabled);
1345
- --b-dropdown-small-textbox-readonly-border-color: var(--b-color-background-disabled);
1346
- --b-dropdown-small-textbox-readonly-background-color: var(--b-color-background-disabled);
1347
- --b-dropdown-small-textbox-disabled-color: var(--b-color-label-disabled);
1348
- --b-dropdown-small-textbox-disabled-border-color: var(--b-color-outline-disabled);
1349
- --b-dropdown-small-textbox-disabled-background-color: var(--b-color-background-disabled);
1350
- --b-dropdown-small-textbox-hover-color: var(--b-color-label-primary-hover);
1351
- --b-dropdown-small-textbox-focus-border-color: var(--b-color-blue-30);
1352
- --b-dropdown-small-textbox-placeholder-color: var(--b-color-blue-40);
1353
- --b-dropdown-small-textbox-color: var(--b-color-blue-40);
1354
- --b-dropdown-small-textbox-border-radius: var(--b-border-radius-s);
1355
- --b-dropdown-small-textbox-border-color: var(--b-color-blue-20);
1356
- --b-dropdown-small-textbox-background-color: var(--b-color-blue-10);
1357
- --b-dropdown-options-container-border-width: var(--b-border-width-s);
1358
- --b-dropdown-options-container-border-radius: 0 0 var(--b-spacer-030) var(--b-spacer-030);
1359
- --b-dropdown-default-textbox-input-selected-element-margin-right: var(--b-spacer-040);
1360
- --b-dropdown-default-textbox-base-textbox-gap: var(--b-spacer-060);
1361
- --b-dropdown-default-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
1362
- --b-dropdown-default-textbox-additional-items-border-radius: var(--b-border-radius-s);
1363
- --b-dropdown-default-textbox-additional-items-background-color: var(--b-color-grey-10);
1364
- --b-dropdown-default-textbox-error-hover-border-color: var(--b-color-red-30);
1365
- --b-dropdown-default-textbox-error-focus-outline-color: var(--b-color-red-20);
1366
- --b-dropdown-default-textbox-error-focus-border-color: var(--b-color-red-30);
1367
- --b-dropdown-default-textbox-error-border: 1.5px solid var(--b-color-red-30);
1368
- --b-dropdown-default-textbox-condensed-padding: 0 var(--b-spacer-050);
1369
- --b-dropdown-default-textbox-hover-border-color: var(--b-color-grey-30);
1370
- --b-dropdown-default-textbox-readonly-icon-color: var(--b-color-label-disabled);
1371
- --b-dropdown-default-textbox-readonly-border-color: var(--b-color-outline-disabled);
1372
- --b-dropdown-default-textbox-readonly-background-color: var(--b-color-background-disabled);
1373
- --b-dropdown-default-textbox-disabled-icon-color: var(--b-color-grey-50);
1374
- --b-dropdown-default-textbox-disabled-color: var(--b-color-grey-50);
1375
- --b-dropdown-default-textbox-disabled-border-color: var(--b-color-grey-20);
1376
- --b-dropdown-default-textbox-disabled-background-color: var(--b-color-grey-10);
1377
- --b-dropdown-default-textbox-focus-outline-color: var(--b-color-blue-20);
1378
- --b-dropdown-default-textbox-focus-color: var(--b-color-label-primary);
1379
- --b-dropdown-default-textbox-focus-border-color: var(--b-color-blue-30);
1380
- --b-dropdown-default-textbox-placeholder-color: var(--b-color-grey-60);
1381
- --b-dropdown-default-textbox-padding: 0 var(--b-spacer-060);
1382
- --b-dropdown-default-textbox-icon-color: var(--b-color-grey-60);
1383
- --b-dropdown-default-textbox-color: var(--b-color-grey-110);
1384
- --b-dropdown-default-textbox-border-color: var(--b-color-grey-20);
1385
- --b-dropdown-default-textbox-background-color: var(--b-color-white);
1386
- --b-dropdown-error-message-margin-top: var(--b-spacer-040);
1387
- --b-dropdown-description-condensed-margin-top: var(--b-spacer-030);
1388
- --b-dropdown-description-error-margin-top: var(--b-spacer-020);
1389
- --b-dropdown-description-margin-top: var(--b-spacer-040);
1390
- --b-dropdown-label-margin-bottom: var(--b-spacer-040);
1391
- --b-dropdown-label-color: var(--b-color-grey-110);
1392
- --b-divider-height: var(--b-border-width-s);
1393
- --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
1394
- --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1395
- --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1396
- --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
1397
- --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1398
- --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1399
- --b-dialog-page-border-radius: var(--b-border-radius-l);
1400
- --b-date-color: var(--b-color-label-primary);
1401
- --b-date-range-picker-container-border-radius: var(--b-border-radius-s);
1402
- --b-date-range-picker-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
1403
- --b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
1404
- --b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
1405
- --b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
1406
- --b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
1407
- --b-date-range-picker-calendar-form-padding: var(--b-spacer-090);
1408
- --b-date-range-picker-calendar-form-gap: var(--b-spacer-060);
1409
- --b-date-range-picker-calendar-calendars-container-padding: var(--b-spacer-090);
1410
- --b-date-range-picker-calendar-calendars-container-gap: var(--b-spacer-090);
1411
- --b-date-range-picker-calendar-calendars-container-border-right: var(--b-border-width-s) solid var(--b-color-neutral-20);
1412
- --b-date-range-picker-label-requirement-color: var(--b-color-label-secondary);
1413
- --b-date-range-picker-label-margin-bottom: var(--b-spacer-040);
1414
- --b-date-range-picker-footer-padding: var(--b-spacer-060) var(--b-spacer-070);
1415
- --b-date-range-picker-error-message-margin-top: var(--b-spacer-040);
1416
- --b-date-range-picker-description-error-margin-top: var(--b-spacer-020);
1417
- --b-date-range-picker-description-margin-top: var(--b-spacer-040);
1418
- --b-date-range-picker-description-color: var(--b-color-label-secondary);
1419
- --b-date-picker-container-box-shadow: 0 var(--b-spacer-040) var(--b-spacer-070) rgba(0, 17, 44, 0.1);
1420
- --b-date-picker-error-message-margin-top: var(--b-spacer-040);
1421
- --b-date-picker-label-requirement-color: var(--b-color-label-secondary);
1422
- --b-date-picker-label-margin-bottom: var(--b-spacer-040);
1423
- --b-date-picker-description-error-margin-top: var(--b-spacer-020);
1424
- --b-date-picker-description-margin-top: var(--b-spacer-040);
1425
- --b-date-picker-description-color: var(--b-color-label-secondary);
1426
- --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
1427
- --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
1428
- --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
1429
- --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
1430
- --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
1431
- --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
1432
- --b-data-grid-config-column-row-hover-background-color: var(--b-color-grey-10);
1433
- --b-data-grid-config-column-row-padding: var(--b-spacer-040) var(--b-spacer-070);
1434
- --b-data-grid-config-column-visibility-empty-search-message-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1435
- --b-data-grid-config-column-visibility-empty-search-message-color: var(--b-color-label-secondary);
1436
- --b-data-grid-config-column-visibility-search-margin: 0 var(--b-spacer-070) var(--b-spacer-020) var(--b-spacer-070);
1437
- --b-data-grid-config-column-visibility-show-all-padding: var(--b-spacer-040);
1438
- --b-data-grid-config-column-visibility-show-all-margin: 0 var(--b-spacer-040) var(--b-spacer-020) var(--b-spacer-040);
1439
- --b-data-grid-config-column-visibility-show-all-border-radius: var(--b-border-radius-m);
1440
- --b-data-grid-config-column-visibility-show-all-background-color: var(--b-color-grey-10);
1441
- --b-data-grid-config-column-visibility-header-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1442
- --b-data-grid-config-column-visibility-padding: var(--b-spacer-070) 0 0 0;
1443
- --b-data-grid-config-panel-header-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1444
- --b-data-grid-config-condensed-view-title-padding: 0 0 var(--b-spacer-060) 0;
1445
- --b-data-grid-config-condensed-view-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1446
- --b-data-grid-config-condensed-view-border-color: var(--b-color-separator-primary);
1447
- --b-data-grid-config-settings-column-and-row-margin: var(--b-spacer-120);
1448
- --b-data-grid-config-settings-button-padding: 0 var(--b-spacer-070);
1449
- --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1450
- --b-data-grid-config-settings-button-and-separator-padding: var(--b-spacer-070) 0;
1451
- --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-white);
1452
- --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
1453
- --b-data-grid-config-settings-color: var(--b-color-label-primary);
1454
- --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1455
- --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1456
- --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
1457
- --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
1458
- --b-data-grid-filters-padding: var(--b-spacer-060) 0;
1459
- --b-data-grid-filters-border-width: var(--b-border-width-s);
1460
- --b-data-grid-filters-border-color: var(--b-color-separator-primary);
1461
- --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1462
- --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
1463
- --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
1464
- --b-data-grid-pagination-border-width: var(--b-border-width-s);
1465
- --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
1466
- --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
1467
- --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
1468
- --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
1469
- --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1470
- --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
1471
- --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1472
- --b-data-grid-footer-padding: var(--b-spacer-040) 0;
1473
- --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
1474
- --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1475
- --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1476
- --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1477
- --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
1478
- --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1479
- --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1480
- --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1481
- --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1482
- --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1483
- --b-data-grid-cell-hover-padding: var(--b-spacer-070) 7px var(--b-spacer-070) 15px;
1484
- --b-data-grid-cell-padding: var(--b-spacer-070) var(--b-spacer-040) var(--b-spacer-070) var(--b-spacer-070);
1485
- --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1486
- --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
1487
- --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
1488
- --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
1489
- --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1490
- --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1491
- --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1492
- --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1493
- --b-data-grid-row-color: var(--b-color-label-primary);
1494
- --b-data-grid-row-border-width: var(--b-border-width-s);
1495
- --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
1496
- --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
1497
- --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
1498
- --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1499
- --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
1500
- --b-data-grid-column-actions-gap: var(--b-spacer-010);
1501
- --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1502
- --b-data-grid-column-header-gap: var(--b-spacer-040);
1503
- --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1504
- --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
1505
- --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
1506
- --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
1507
- --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
1508
- --b-data-grid-column-sort-icon-descending-icon-margin-top: var(--b-spacer-040);
1509
- --b-data-grid-column-sort-icon-margin-top: var(--b-spacer-010);
1510
- --b-data-grid-column-sort-padding: 0 0 0 var(--b-spacer-040);
1511
- --b-data-grid-column-with-sorting-or-column-panel-padding: 14px var(--b-spacer-070) 14px var(--b-spacer-070);
1512
- --b-data-grid-column-hover-sort-icon-color: var(--b-color-label-tertiary);
1513
- --b-data-grid-column-hover-padding: var(--b-spacer-070) 15px;
1514
- --b-data-grid-column-hover-background-color: var(--b-color-background-tertiary);
1515
- --b-data-grid-column-color: var(--b-color-label-primary);
1516
- --b-data-grid-column-padding: var(--b-spacer-070);
1517
- --b-data-grid-column-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1518
- --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
1519
- --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
1520
- --b-data-grid-columns-select-column-all-padding-left: var(--b-spacer-010);
1521
- --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1522
- --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1523
- --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
1524
- --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1525
- --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1526
- --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
1527
- --b-data-grid-columns-border-width: var(--b-border-width-s);
1528
- --b-data-grid-columns-border-color: var(--b-color-separator-primary);
1529
- --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
1530
- --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
1531
- --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
1532
- --b-data-grid-border-width: var(--b-border-width-s);
1533
- --b-data-grid-border-radius: var(--b-border-radius-m);
1534
- --b-data-grid-template-data-grid-pagination-padding-right: var(--b-spacer-090);
1535
- --b-data-grid-template-data-grid-pagination-padding-left: var(--b-spacer-090);
1536
- --b-data-grid-template-data-grid-cells-padding-right: var(--b-spacer-050);
1537
- --b-data-grid-template-data-grid-cells-padding-left: var(--b-spacer-050);
1538
- --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
1539
- --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
1540
- --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
1541
- --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
1542
- --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
1543
- --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1544
- --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1545
- --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
1546
- --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
1547
- --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1548
- --b-data-grid-template-gap: var(--b-spacer-060);
1549
- --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-highlight-weak);
1550
- --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
1551
- --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
1552
- --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
1553
- --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
1554
- --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
1555
- --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
1556
- --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
1557
- --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
1558
- --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
1559
- --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
1560
- --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
1561
- --b-dashboard-section-controls-gap: var(--b-spacer-040);
1562
- --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
1563
- --b-dashboard-section-columns-gap: var(--b-spacer-090);
1564
- --b-dashboard-section-content-gap: var(--b-spacer-100);
1565
- --b-dashboard-section-gap: var(--b-spacer-060);
1566
- --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1567
- --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
1568
- --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
1569
- --b-dashboard-template-top-section-gap: var(--b-spacer-040);
1570
- --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
1571
- --b-dashboard-template-container-m-and-up-spacing: var(--b-spacer-100);
1572
- --b-dashboard-template-container-spacing: var(--b-spacer-090);
1573
- --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
1574
- --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
1575
- --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
1576
- --b-currency-color: var(--b-color-label-primary);
1577
- --b-country-label-color: var(--b-color-label-primary);
1578
- --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
1579
- --b-controls-group-label-container-gap: var(--b-spacer-020);
1580
- --b-controls-group-description-color: var(--b-color-label-secondary);
1581
- --b-code-snippet-inline-code-area-content-padding: 0 var(--b-spacer-040);
1582
- --b-code-snippet-inline-margin: 0 var(--b-spacer-020);
1583
- --b-code-snippet-inline-border-radius: var(--b-border-radius-s);
1584
- --b-code-snippet-empty-state-background-color: var(--b-color-background-secondary);
1585
- --b-code-snippet-code-area-highlight-blue: var(--b-color-label-on-background-highlight-weak);
1586
- --b-code-snippet-code-area-highlight-green: var(--b-color-label-on-background-success-weak);
1587
- --b-code-snippet-code-area-highlight-orange: var(--b-color-label-on-background-warning-weak);
1588
- --b-code-snippet-code-area-highlight-red: var(--b-color-label-on-background-critical-weak);
1589
- --b-code-snippet-code-area-gutters-padding-left: var(--b-spacer-060);
1590
- --b-code-snippet-code-area-content-padding-left: var(--b-spacer-040);
1591
- --b-code-snippet-code-area-content-padding: var(--b-spacer-060);
1592
- --b-code-snippet-code-area-border-width: var(--b-border-width-s);
1593
- --b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
1594
- --b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
1595
- --b-code-snippet-code-area-color: var(--b-color-label-primary);
1596
- --b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
1597
- --b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
1598
- --b-code-snippet-action-bar-border-radius: var(--b-border-radius-m) var(--b-border-radius-m) 0 0;
1599
- --b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
1600
- --b-code-snippet-action-bar-gap: var(--b-spacer-040);
1601
- --b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
1602
- --b-code-snippet-action-bar-color: var(--b-color-label-primary);
1603
- --b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
1604
- --b-chip-disabled-color: var(--b-color-label-disabled);
1605
- --b-chip-disabled-background: var(--b-color-background-disabled);
1606
- --b-chip-active-background: var(--b-color-background-secondary-active);
1607
- --b-chip-hover-background: var(--b-color-background-secondary-hover);
1608
- --b-chip-error-background: var(--b-color-background-critical-weak);
1609
- --b-chip-error-color: var(--b-color-label-on-background-critical-weak);
1610
- --b-chip-readonly-icon-color: var(--b-color-label-disabled);
1611
- --b-chip-readonly-background: var(--b-color-background-disabled);
1612
- --b-chip-condensed-padding: 0 var(--b-spacer-020);
1613
- --b-chip-padding: var(--b-spacer-010) var(--b-spacer-030);
1614
- --b-chip-gap: var(--b-spacer-010);
1615
- --b-chip-color: var(--b-color-label-primary);
1616
- --b-chip-border-radius: var(--b-border-radius-s);
1617
- --b-chip-background: var(--b-color-background-secondary);
1618
- --b-checkbox-input-container-padding: var(--b-spacer-010) 0;
1619
- --b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
1620
- --b-checkbox-label-requirement-color: var(--b-color-label-secondary);
1621
- --b-checkbox-label-tag-margin: 0 0 0 var(--b-spacer-040);
1622
- --b-checkbox-text-padding-left: var(--b-spacer-040);
1623
- --b-checkbox-text-gap: var(--b-spacer-000);
1624
- --b-checkbox-text-color: var(--b-color-grey-110);
1625
- --b-checkbox-outline-readonly-border-color: var(--b-color-outline-disabled);
1626
- --b-checkbox-outline-readonly-background-color: var(--b-color-background-disabled);
1627
- --b-checkbox-outline-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
1628
- --b-checkbox-outline-unchecked-error-background-color: var(--b-color-background-critical-strong);
1629
- --b-checkbox-outline-unchecked-active-border-color: var(--b-color-blue-40);
1630
- --b-checkbox-outline-indeterminate-error-border-color: var(--b-color-outline-critical);
1631
- --b-checkbox-outline-indeterminate-error-background-color: var(--b-color-background-critical-strong);
1632
- --b-checkbox-outline-checked-error-border-color: var(--b-color-outline-critical);
1633
- --b-checkbox-outline-checked-error-background-color: var(--b-color-background-critical-strong);
1634
- --b-checkbox-outline-top-offset: var(--b-spacer-020);
1635
- --b-checkbox-outline-border-width: var(--b-border-width-s);
1636
- --b-checkbox-outline-border-radius: var(--b-border-radius-s);
1637
- --b-checkbox-icon-readonly-color: var(--b-color-label-primary);
1638
- --b-checkbox-content-padding: var(--b-spacer-060) var(--b-spacer-000) var(--b-spacer-040);
1639
- --b-checkbox-input-input-container-padding: var(--b-spacer-010) 0;
1640
- --b-checkbox-input-outline-readonly-border-color: var(--b-color-outline-disabled);
1641
- --b-checkbox-input-outline-readonly-background-color: var(--b-color-background-disabled);
1642
- --b-checkbox-input-outline-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
1643
- --b-checkbox-input-outline-unchecked-error-background-color: var(--b-color-background-critical-strong);
1644
- --b-checkbox-input-outline-unchecked-active-border-color: var(--b-color-blue-40);
1645
- --b-checkbox-input-outline-indeterminate-error-border-color: var(--b-color-outline-critical);
1646
- --b-checkbox-input-outline-indeterminate-error-background-color: var(--b-color-background-critical-strong);
1647
- --b-checkbox-input-outline-checked-error-border-color: var(--b-color-outline-critical);
1648
- --b-checkbox-input-outline-checked-error-background-color: var(--b-color-background-critical-strong);
1649
- --b-checkbox-input-outline-top-offset: var(--b-spacer-020);
1650
- --b-checkbox-input-outline-border-width: var(--b-border-width-s);
1651
- --b-checkbox-input-outline-border-radius: var(--b-border-radius-s);
1652
- --b-checkbox-input-icon-readonly-color: var(--b-color-label-primary);
1653
- --b-checkbox-group-error-message-margin-top: var(--b-spacer-060);
1654
- --b-checkbox-group-checkboxes-horizontal-gap: var(--b-spacer-100);
1655
- --b-checkbox-group-checkboxes-vertical-gap: var(--b-spacer-070);
1656
- --b-card-animation-easing: var(--b-animation-easing-standard);
1657
- --b-card-animation-duration: var(--b-animation-duration-moderate);
1658
- --b-card-title-wrapper-gap: var(--b-spacer-070);
1659
- --b-card-secondary-clickable-active-background-color: var(--b-color-background-secondary-active);
1660
- --b-card-secondary-clickable-hover-background-color: var(--b-color-background-secondary-hover);
1661
- --b-card-secondary-header-focus-background-color: var(--b-color-background-secondary-hover);
1662
- --b-card-secondary-header-active-background-color: var(--b-color-background-secondary-active);
1663
- --b-card-secondary-header-hover-background-color: var(--b-color-background-secondary-hover);
1664
- --b-card-secondary-hover-background-color: var(--b-color-background-tertiary);
1665
- --b-card-secondary-border-color: var(--b-color-grey-10);
1666
- --b-card-secondary-background-color: var(--b-color-grey-10);
1667
- --b-card-clickable-active-background-color: var(--b-color-background-primary-active);
1668
- --b-card-clickable-hover-background-color: var(--b-color-background-primary-hover);
1669
- --b-card-disabled-color: var(--b-color-label-disabled);
1670
- --b-card-disabled-background-color: var(--b-color-background-secondary);
1671
- --b-card-expandable-header-padding-bottom: var(--b-spacer-060);
1672
- --b-card-actions-without-content-padding-top: var(--b-spacer-070);
1673
- --b-card-actions-padding-top: var(--b-spacer-070);
1674
- --b-card-actions-margin-top: var(--b-spacer-070);
1675
- --b-card-description-margin-left: var(--b-spacer-100);
1676
- --b-card-description-color: var(--b-color-label-secondary);
1677
- --b-card-content-padding-top: var(--b-spacer-070);
1678
- --b-card-content-padding: var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-000);
1679
- --b-card-body-expandable-padding-top: var(--b-spacer-060);
1680
- --b-card-body-padding-top: var(--b-spacer-020);
1681
- --b-card-body-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-070);
1682
- --b-card-body-color: var(--b-color-label-primary);
1683
- --b-card-header-focus-background-color: var(--b-color-background-primary-hover);
1684
- --b-card-header-active-background-color: var(--b-color-background-primary-active);
1685
- --b-card-header-hover-background-color: var(--b-color-white);
1686
- --b-card-header-padding-bottom: var(--b-spacer-070);
1687
- --b-card-header-padding: var(--b-spacer-070) var(--b-spacer-090) var(--b-spacer-000);
1688
- --b-card-header-margin-top: var(--b-spacer-020);
1689
- --b-card-header-color: var(--b-color-label-primary);
1690
- --b-card-header-border-radius: var(--b-border-radius-s);
1691
- --b-card-border-width: var(--b-border-width-s);
1692
- --b-card-border-radius: var(--b-border-radius-s);
1693
- --b-calendar-year-month-unselected-active-background: var(--b-color-background-primary-active);
1694
- --b-calendar-year-month-unselected-hover-background: var(--b-color-background-primary-hover);
1695
- --b-calendar-year-month-unselected-color: var(--b-color-label-primary);
1696
- --b-calendar-year-month-selected-active-background: var(--b-color-background-inverse-primary-active);
1697
- --b-calendar-year-month-selected-hover-background: var(--b-color-background-inverse-primary-hover);
1698
- --b-calendar-year-month-selected-border-radius: var(--b-border-radius-s);
1699
- --b-calendar-year-month-selected-background: var(--b-color-background-inverse-primary);
1700
- --b-calendar-year-month-middle-hover-background: var(--b-color-background-primary-hover);
1701
- --b-calendar-year-month-middle-color: var(--b-color-label-primary);
1702
- --b-calendar-year-month-middle-background: var(--b-color-background-tertiary);
1703
- --b-calendar-year-month-end-border-radius: 0 var(--b-border-radius-s) var(--b-border-radius-s) 0;
1704
- --b-calendar-year-month-disabled-unselected-color: var(--b-color-label-disabled);
1705
- --b-calendar-year-month-disabled-selected-background: var(--b-color-background-disabled);
1706
- --b-calendar-year-month-disabled-selected-color: var(--b-color-label-disabled);
1707
- --b-calendar-year-month-current-month-unselected-wrapper-background: var(--b-color-background-tertiary);
1708
- --b-calendar-year-month-current-month-selected-color: var(--b-color-label-primary);
1709
- --b-calendar-year-month-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
1710
- --b-calendar-year-year-selector-margin-bottom: var(--b-spacer-090);
1711
- --b-calendar-year-year-selector-color: var(--b-color-label-primary);
1712
- --b-calendar-month-week-header-border-bottom: var(--b-border-width-s) solid var(--b-color-neutral-20);
1713
- --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
1714
- --b-calendar-month-day-end-after-z-index: var(--b-z-index-local-tier-2);
1715
- --b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
1716
- --b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
1717
- --b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
1718
- --b-calendar-month-day-beginning-after-z-index: var(--b-z-index-local-tier-2);
1719
- --b-calendar-month-month-selector-margin-bottom: var(--b-spacer-070);
1720
- --b-calendar-month-month-selector-color: var(--b-color-label-primary);
1721
- --b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
1722
- --b-calendar-range-gap: var(--b-spacer-090);
1723
- --b-button-icon-only-secondary-padding-condensed: calc(4px - var(--b-border-width-s)) calc(var(--b-spacer-030) - var(--b-border-width-s));
1724
- --b-button-icon-only-secondary-padding: calc(var(--b-spacer-050) - var(--b-border-width-s));
1725
- --b-button-icon-only-condensed-padding: 4px var(--b-spacer-030);
1726
- --b-button-icon-only-padding: var(--b-spacer-050);
1727
- --b-button-condensed-tertiary-padding: var(--b-spacer-000);
1728
- --b-button-condensed-secondary-padding: calc(3.5px - var(--b-border-width-s)) calc(var(--b-spacer-040) - var(--b-border-width-s));
1729
- --b-button-condensed-padding: 3.5px var(--b-spacer-040);
1730
- --b-button-condensed-border-radius: var(--b-spacer-030);
1731
- --b-button-tertiary-with-background-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1732
- --b-button-tertiary-with-background-critical-hover-background-color: var(--b-color-background-critical-weak);
1733
- --b-button-tertiary-with-background-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1734
- --b-button-tertiary-with-background-critical-active-background-color: var(--b-color-background-critical-weak);
1735
- --b-button-tertiary-with-background-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
1736
- --b-button-tertiary-with-background-active-background-color: var(--b-color-background-primary-active);
1737
- --b-button-tertiary-with-background-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
1738
- --b-button-tertiary-with-background-hover-background-color: var(--b-color-background-primary-hover);
1739
- --b-button-tertiary-critical-hover-color-inverse: var(--b-color-label-inverse-critical-hover);
1740
- --b-button-tertiary-critical-hover-color: var(--b-color-red-50);
1741
- --b-button-tertiary-critical-hover-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20), var(--b-shadow-low);
1742
- --b-button-tertiary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1743
- --b-button-tertiary-critical-disabled-color: var(--b-color-grey-30);
1744
- --b-button-tertiary-critical-active-color-inverse: var(--b-color-label-inverse-critical-active);
1745
- --b-button-tertiary-critical-active-color: var(--b-color-red-50);
1746
- --b-button-tertiary-critical-color-inverse: var(--b-color-label-inverse-critical);
1747
- --b-button-tertiary-critical-color: var(--b-color-red-50);
1748
- --b-button-tertiary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1749
- --b-button-tertiary-disabled-color: var(--b-color-grey-30);
1750
- --b-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary-active);
1751
- --b-button-tertiary-active-color: var(--b-color-grey-50);
1752
- --b-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary-hover);
1753
- --b-button-tertiary-hover-color: var(--b-color-grey-40);
1754
- --b-button-tertiary-color: var(--b-color-grey-90);
1755
- --b-button-secondary-critical-hover-color-inverse: var(--b-color-label-inverse-critical-hover);
1756
- --b-button-secondary-critical-hover-color: var(--b-color-label-critical-hover);
1757
- --b-button-secondary-critical-hover-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20), var(--b-shadow-low);
1758
- --b-button-secondary-critical-hover-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical-hover);
1759
- --b-button-secondary-critical-hover-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1760
- --b-button-secondary-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1761
- --b-button-secondary-critical-hover-background-color: var(--b-color-background-critical-weak);
1762
- --b-button-secondary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1763
- --b-button-secondary-critical-disabled-color: var(--b-color-grey-30);
1764
- --b-button-secondary-critical-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20);
1765
- --b-button-secondary-critical-disabled-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-disabled);
1766
- --b-button-secondary-critical-disabled-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1767
- --b-button-secondary-critical-disabled-background-color-inverse: var(--b-color-background-inverse-primary);
1768
- --b-button-secondary-critical-disabled-background-color: var(--b-color-white);
1769
- --b-button-secondary-critical-active-color-inverse: var(--b-color-label-inverse-critical-active);
1770
- --b-button-secondary-critical-active-color: var(--b-color-label-critical-active);
1771
- --b-button-secondary-critical-active-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20);
1772
- --b-button-secondary-critical-active-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical-active);
1773
- --b-button-secondary-critical-active-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1774
- --b-button-secondary-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1775
- --b-button-secondary-critical-active-background-color: var(--b-color-red-10);
1776
- --b-button-secondary-critical-color-inverse: var(--b-color-label-inverse-critical);
1777
- --b-button-secondary-critical-color: var(--b-color-red-50);
1778
- --b-button-secondary-critical-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20);
1779
- --b-button-secondary-critical-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical);
1780
- --b-button-secondary-critical-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1781
- --b-button-secondary-critical-background-color-inverse: var(--b-color-background-inverse-primary);
1782
- --b-button-secondary-critical-background-color: var(--b-color-white);
1783
- --b-button-secondary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1784
- --b-button-secondary-disabled-color: var(--b-color-grey-30);
1785
- --b-button-secondary-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20);
1786
- --b-button-secondary-disabled-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-disabled);
1787
- --b-button-secondary-disabled-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1788
- --b-button-secondary-disabled-background-color-inverse: var(--b-color-background-inverse-primary);
1789
- --b-button-secondary-disabled-background-color: var(--b-color-white);
1790
- --b-button-secondary-hover-color: var(--b-color-grey-90);
1791
- --b-button-secondary-hover-box-shadow: var(--b-shadow-low);
1792
- --b-button-secondary-hover-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary-hover);
1793
- --b-button-secondary-hover-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1794
- --b-button-secondary-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
1795
- --b-button-secondary-hover-background-color: var(--b-color-white);
1796
- --b-button-secondary-active-color: var(--b-color-grey-90);
1797
- --b-button-secondary-active-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20), inset 0 0 0 1px var(--b-color-grey-20);
1798
- --b-button-secondary-active-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary-active);
1799
- --b-button-secondary-active-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1800
- --b-button-secondary-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
1801
- --b-button-secondary-active-background-color: var(--b-color-grey-10);
1802
- --b-button-secondary-padding: calc(12.5px - var(--b-border-width-s)) calc(var(--b-spacer-070) - var(--b-border-width-s));
1803
- --b-button-secondary-color: var(--b-color-grey-90);
1804
- --b-button-secondary-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-grey-20);
1805
- --b-button-secondary-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary);
1806
- --b-button-secondary-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1807
- --b-button-secondary-background-color-inverse: var(--b-color-background-inverse-primary);
1808
- --b-button-secondary-background-color: var(--b-color-white);
1809
- --b-button-primary-success-disabled-color: var(--b-color-white);
1810
- --b-button-primary-success-color: var(--b-color-white);
1811
- --b-button-primary-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-strong-hover);
1812
- --b-button-primary-critical-hover-background-color: var(--b-color-red-30);
1813
- --b-button-primary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1814
- --b-button-primary-critical-disabled-color: var(--b-color-grey-30);
1815
- --b-button-primary-critical-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1816
- --b-button-primary-critical-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-background-disabled);
1817
- --b-button-primary-critical-disabled-background-color-inverse: var(--b-color-background-inverse-disabled);
1818
- --b-button-primary-critical-disabled-background-color: var(--b-color-grey-20);
1819
- --b-button-primary-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-strong-active);
1820
- --b-button-primary-critical-active-background-color: var(--b-color-red-80);
1821
- --b-button-primary-critical-color-inverse: var(--b-color-label-primary);
1822
- --b-button-primary-critical-color: var(--b-color-white);
1823
- --b-button-primary-critical-background-color-inverse: var(--b-color-background-inverse-critical-strong);
1824
- --b-button-primary-critical-background-color: var(--b-color-red-50);
1825
- --b-button-primary-hover-background-color-inverse: var(--b-color-background-primary-hover);
1826
- --b-button-primary-hover-background-color: var(--b-color-blue-50);
1827
- --b-button-primary-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1828
- --b-button-primary-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-background-disabled);
1829
- --b-button-primary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1830
- --b-button-primary-disabled-color: var(--b-color-grey-30);
1831
- --b-button-primary-disabled-background-color-inverse: var(--b-color-background-inverse-disabled);
1832
- --b-button-primary-disabled-background-color: var(--b-color-grey-20);
1833
- --b-button-primary-active-background-color-inverse: var(--b-color-background-primary-active);
1834
- --b-button-primary-active-background-color: var(--b-color-blue-60);
1835
- --b-button-primary-color-inverse: var(--b-color-label-primary);
1836
- --b-button-primary-color: var(--b-color-white);
1837
- --b-button-primary-background-color: var(--b-color-blue-40);
1838
- --b-button-transition: var(--b-animation-duration-fast) var(--b-animation-easing-linear);
1839
- --b-button-padding: 12.5px var(--b-spacer-070);
1840
- --b-button-actions-vertical-stack-row-gap: var(--b-spacer-040);
1841
- --b-button-actions-fill-container-column-gap: var(--b-spacer-040);
1842
- --b-button-actions-buttons-end-column-gap: var(--b-spacer-040);
1843
- --b-button-actions-with-menu-vertical-stack-row-gap: var(--b-spacer-040);
1844
- --b-avatar-color: var(--b-color-label-primary);
1845
- --b-avatar-label-padding: 0 0 0 var(--b-spacer-060);
1846
- --b-avatar-label-color: var(--b-color-label-primary);
1847
- --b-avatar-image-red-color: var(--b-color-white);
1848
- --b-avatar-image-red-background-color: var(--b-color-grey-30);
1849
- --b-avatar-image-green-color: var(--b-color-white);
1850
- --b-avatar-image-green-background-color: var(--b-color-grey-30);
1851
- --b-avatar-image-blue-color: var(--b-color-white);
1852
- --b-avatar-image-blue-background-color: var(--b-color-grey-30);
1853
- --b-avatar-image-yellow-color: var(--b-color-white);
1854
- --b-avatar-image-yellow-background-color: var(--b-color-grey-30);
1855
- --b-avatar-image-width: var(--b-spacer-100);
1856
- --b-avatar-image-height: var(--b-spacer-100);
1857
- --b-alert-tip-gap: var(--b-spacer-060);
1858
- --b-alert-tip-padding: var(--b-spacer-050) var(--b-spacer-060);
1859
- --b-alert-critical-icon-color: var(--b-color-background-critical-strong);
1860
- --b-alert-critical-color: var(--b-color-label-primary);
1861
- --b-alert-critical-background-color: var(--b-color-background-critical-weak);
1862
- --b-alert-warning-icon-color: var(--b-color-background-warning-strong);
1863
- --b-alert-warning-color: var(--b-color-label-primary);
1864
- --b-alert-warning-background-color: var(--b-color-background-warning-weak);
1865
- --b-alert-highlight-gap: var(--b-spacer-070);
1866
- --b-alert-highlight-icon-color: var(--b-color-grey-90);
1867
- --b-alert-highlight-color: var(--b-color-label-primary);
1868
- --b-alert-highlight-background-color: var(--b-color-grey-10);
1869
- --b-alert-success-icon-color: var(--b-color-background-success-strong);
1870
- --b-alert-success-color: var(--b-color-label-primary);
1871
- --b-alert-success-background-color: var(--b-color-background-success-weak);
1872
- --b-alert-actions-gap: var(--b-spacer-070);
1873
- --b-alert-actions-margin-top: var(--b-spacer-050);
1874
- --b-alert-description-margin-top: var(--b-spacer-070);
1875
- --b-alert-gap-mobile: var(--b-spacer-070);
1876
- --b-alert-gap: var(--b-spacer-080);
1877
- --b-alert-padding-mobile: var(--b-spacer-070);
1878
- --b-alert-padding: var(--b-spacer-060) var(--b-spacer-090);
1879
- --b-action-bar-animation-duration: var(--b-animation-duration-moderate);
1880
- --b-action-bar-close-button-margin-right-mobile: var(--b-spacer-070);
1881
- --b-action-bar-close-button-margin-right: var(--b-spacer-090);
1882
- --b-action-bar-selection-margin-right-mobile: var(--b-spacer-070);
1883
- --b-action-bar-selection-margin-right: var(--b-spacer-110);
1884
- --b-action-bar-container-width: calc(100% - var(--b-spacer-070) - var(--b-spacer-070));
1885
- --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
1886
- --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
1887
- --b-action-bar-z-index: var(--b-z-index-global-elevated);
1888
- --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
1889
- --b-action-bar-bottom: var(--b-spacer-070);
1890
- --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
1891
- --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
1892
- --b-accordion-item-content-padding: 0 var(--b-spacer-070) var(--b-spacer-090) 44px;
1893
- --b-accordion-item-content-color: var(--b-color-label-primary);
1894
- --b-accordion-item-button-active-background-color: var(--b-color-grey-20);
1895
- --b-accordion-item-button-hover-background-color: var(--b-color-grey-10);
1896
- --b-accordion-item-button-padding: var(--b-spacer-070);
1897
- --b-accordion-item-button-gap: var(--b-spacer-070);
1898
- --b-accordion-item-button-color: var(--b-color-label-primary);
1899
- --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-grey-20);
1900
- --b-text-title-l-font-weight: var(--b-font-weight-600);
1901
- --b-text-title-l-font-family: var(--b-font-family-primary);
1902
- --b-text-title-m-font-weight: var(--b-font-weight-600);
1903
- --b-text-title-m-font-family: var(--b-font-family-primary);
1904
- --b-text-title-font-weight: var(--b-font-weight-600);
1905
- --b-text-title-font-family: var(--b-font-family-primary);
1906
- --b-text-subtitle-stronger-font-weight: var(--b-font-weight-600);
1907
- --b-text-subtitle-font-weight: var(--b-font-weight-500);
1908
- --b-text-subtitle-font-family: var(--b-font-family-primary);
1909
- --b-text-body-strongest-wide-font-weight: var(--b-font-weight-600);
1910
- --b-text-body-strongest-font-weight: var(--b-font-weight-600);
1911
- --b-text-body-stronger-wide-font-weight: var(--b-font-weight-500);
1912
- --b-text-body-font-size: var(--b-font-size-15);
1913
- --b-text-body-font-family: var(--b-font-family-primary);
1914
- --b-text-caption-stronger-wide-font-weight: var(--b-font-weight-500);
1915
- --b-text-caption-stronger-font-weight: var(--b-font-weight-500);
1916
- --b-text-caption-font-weight: var(--b-font-weight-400);
1917
- --b-text-caption-font-size: var(--b-font-size-13);
1918
- --b-text-caption-font-family: var(--b-font-family-primary);
1919
- --b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
1920
- --b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
1921
- --b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
1922
- --b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
1923
- --b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
1924
- --b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
1925
- --b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
1926
- --b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
1927
- --b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
1928
- --b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
1929
- --b-text-rich-text-blockquote-font-weight: var(--b-font-weight-500);
1930
- --b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
1931
- --b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
1932
- --b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
1933
- --b-text-rich-text-code-font-weight: var(--b-font-weight-500);
1934
- --b-text-rich-text-code-background-color: var(--b-color-background-secondary);
1935
- --b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
1936
- --b-text-rich-text-list-padding-left: var(--b-spacer-080);
1937
- --b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
1938
- --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
1939
- --b-focus-ring-outline: var(--b-border-width-l);
1940
- --b-focus-ring-spacer: var(--b-border-width-s);
1941
- --b-focus-ring-color: var(--b-color-focus);
1942
- --b-color-success-70: var(--b-color-green-70);
1943
- --b-color-success-60: var(--b-color-green-60);
1944
- --b-color-success-50: var(--b-color-green-50);
1945
- --b-color-success-40: var(--b-color-green-40);
1946
- --b-color-success-20: var(--b-color-green-20);
1947
- --b-color-success-10: var(--b-color-green-10);
1948
- --b-color-neutral-110: var(--b-color-grey-110);
1949
- --b-color-neutral-90: var(--b-color-grey-90);
1950
- --b-color-neutral-80: var(--b-color-grey-80);
1951
- --b-color-neutral-70: var(--b-color-grey-70);
1952
- --b-color-neutral-65: var(--b-color-grey-65);
1953
- --b-color-neutral-60: var(--b-color-grey-60);
1954
- --b-color-neutral-50: var(--b-color-grey-50);
1955
- --b-color-neutral-40: var(--b-color-grey-40);
1956
- --b-color-neutral-30: var(--b-color-grey-30);
1957
- --b-color-neutral-20: var(--b-color-grey-20);
1958
- --b-color-neutral-10: var(--b-color-grey-10);
1959
- --b-color-neutral-0: var(--b-color-grey-0);
1960
- --b-color-destructive-70: var(--b-color-red-70);
1961
- --b-color-destructive-60: var(--b-color-red-60);
1962
- --b-color-destructive-50: var(--b-color-red-50);
1963
- --b-color-destructive-10: var(--b-color-red-10);
1964
- --b-color-error-70: var(--b-color-red-70);
1965
- --b-color-error-60: var(--b-color-red-60);
1966
- --b-color-error-50: var(--b-color-red-50);
1967
- --b-color-error-20: var(--b-color-red-20);
1968
- --b-color-error-10: var(--b-color-red-10);
1969
- --b-color-warning-20: var(--b-color-orange-20);
1970
- --b-color-warning-10: var(--b-color-orange-10);
1971
- --b-color-attention-10: var(--b-color-blue-10);
1972
- --b-color-primary-60: var(--b-color-blue-60);
1973
- --b-color-primary-50: var(--b-color-blue-50);
1974
- --b-color-primary-40: var(--b-color-blue-40);
1975
- --b-color-primary-30: var(--b-color-blue-30);
1976
- --b-color-primary-20: var(--b-color-blue-20);
1977
- --b-color-primary-10: var(--b-color-blue-10);
1978
- --b-color-label-always-light: var(--b-color-white);
1979
- --b-color-label-inverse-primary: var(--b-color-white);
1980
- --b-color-label-on-color: var(--b-color-white);
1981
- --b-color-background-always-light: var(--b-color-white);
1982
- --b-color-background-modal: var(--b-color-white);
1983
- --b-color-background-primary: var(--b-color-white);
1984
- --b-toggle-description-color: var(--b-color-neutral-70);
1985
- --b-toggle-track-toggled-readonly-background-color: var(--b-color-neutral-20);
1986
- --b-toggle-track-toggled-disabled-background-color: var(--b-color-neutral-20);
1987
- --b-toggle-track-toggled-active-background-color: var(--b-color-primary-40);
1988
- --b-toggle-track-toggled-hover-border-color: var(--b-color-primary-50);
1989
- --b-toggle-track-toggled-hover-background-color: var(--b-color-primary-40);
1990
- --b-toggle-track-toggled-background-color: var(--b-color-primary-40);
1991
- --b-toggle-track-readonly-background-color: var(--b-color-neutral-20);
1992
- --b-toggle-track-disabled-background-color: var(--b-color-neutral-20);
1993
- --b-toggle-track-active-background-color: var(--b-color-neutral-30);
1994
- --b-toggle-track-hover-border-color: var(--b-color-primary-50);
1995
- --b-toggle-track-hover-background-color: var(--b-color-neutral-30);
1996
- --b-toggle-track-background-color: var(--b-color-neutral-30);
1997
- --b-toggle-handle-toggled-readonly-background-color: var(--b-color-neutral-0);
1998
- --b-toggle-handle-toggled-disabled-background-color: var(--b-color-neutral-40);
1999
- --b-toggle-handle-toggled-background-color: var(--b-color-background-primary);
2000
- --b-toggle-handle-background-color: var(--b-color-neutral-0);
2001
- --b-toggle-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary);
2002
- --b-toggle-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary);
2003
- --b-textarea-input-background-color: var(--b-color-background-primary);
2004
- --b-tag-white-background-color: var(--b-color-background-primary);
2005
- --b-tag-red-background-color: var(--b-color-error-10);
2006
- --b-tag-red-color: var(--b-color-error-60);
2007
- --b-tag-orange-background-color: var(--b-color-warning-10);
2008
- --b-tag-green-background-color: var(--b-color-success-10);
2009
- --b-tag-green-color: var(--b-color-success-50);
2010
- --b-tag-blue-background-color: var(--b-color-primary-10);
2011
- --b-tag-blue-color: var(--b-color-primary-50);
2012
- --b-tag-default-background-color: var(--b-color-neutral-20);
2013
- --b-tag-default-color: var(--b-color-neutral-90);
2014
- --b-tabs-background-color: var(--b-color-background-primary);
2015
- --b-summary-grid-item-content-label-font-weight: var(--b-font-weight-medium);
2016
- --b-summary-grid-item-background-color: var(--b-color-neutral-10);
2017
- --b-stepper-step-index-color: var(--b-color-label-on-color);
2018
- --b-sidepanel-page-actions-background-color: var(--b-color-background-modal);
2019
- --b-sidepanel-background-color: var(--b-color-background-modal);
2020
- --b-selection-card-subtitle-color: var(--b-color-neutral-70);
2021
- --b-selection-card-description-color: var(--b-color-neutral-70);
2022
- --b-selection-card-container-checked-readonly-border-color: var(--b-color-neutral-20);
2023
- --b-selection-card-container-checked-disabled-border-color: var(--b-color-neutral-20);
2024
- --b-selection-card-container-checked-focus-border-color: var(--b-color-primary-40);
2025
- --b-selection-card-container-checked-active-border-color: var(--b-color-neutral-20);
2026
- --b-selection-card-container-checked-hover-border-color: var(--b-color-primary-50);
2027
- --b-selection-card-container-checked-border-color: var(--b-color-primary-40);
2028
- --b-selection-card-container-readonly-border-color: var(--b-color-neutral-20);
2029
- --b-selection-card-container-disabled-border-color: var(--b-color-neutral-20);
2030
- --b-selection-card-container-focus-border-color: var(--b-color-neutral-20);
2031
- --b-selection-card-container-hover-border-color: var(--b-color-neutral-50);
2032
- --b-segmented-control-button-checked-background-color: var(--b-color-background-primary);
2033
- --b-radio-input-knob-disabled-color: var(--b-color-neutral-70);
2034
- --b-radio-input-knob-color: var(--b-color-label-inverse-primary);
2035
- --b-radio-input-checked-disabled-border-color: var(--b-color-neutral-20);
2036
- --b-radio-input-checked-disabled-background-color: var(--b-color-neutral-20);
2037
- --b-radio-input-checked-active-border-color: var(--b-color-primary-40);
2038
- --b-radio-input-checked-active-background-color: var(--b-color-primary-40);
2039
- --b-radio-input-checked-hover-border-color: var(--b-color-primary-50);
2040
- --b-radio-input-checked-hover-background-color: var(--b-color-primary-40);
2041
- --b-radio-input-checked-border-color: var(--b-color-primary-40);
2042
- --b-radio-input-checked-background-color: var(--b-color-primary-40);
2043
- --b-radio-input-unchecked-disabled-border-color: var(--b-color-neutral-20);
2044
- --b-radio-input-unchecked-disabled-background-color: var(--b-color-neutral-20);
2045
- --b-radio-input-unchecked-active-background-color: var(--b-color-neutral-0);
2046
- --b-radio-input-unchecked-hover-border-color: var(--b-color-neutral-50);
2047
- --b-radio-input-unchecked-hover-background-color: var(--b-color-neutral-0);
2048
- --b-radio-input-unchecked-background-color: var(--b-color-neutral-0);
2049
- --b-radio-button-sub-label-disabled-font-color: var(--b-color-neutral-40);
2050
- --b-radio-button-sub-label-font-color: var(--b-color-neutral-70);
2051
- --b-radio-button-knob-disabled-color: var(--b-color-neutral-70);
2052
- --b-radio-button-knob-color: var(--b-color-label-inverse-primary);
2053
- --b-radio-button-label-disabled-font-color: var(--b-color-neutral-40);
2054
- --b-radio-button-label-font-color: var(--b-color-neutral-110);
2055
- --b-radio-button-checked-disabled-border-color: var(--b-color-neutral-20);
2056
- --b-radio-button-checked-disabled-background-color: var(--b-color-neutral-20);
2057
- --b-radio-button-checked-active-border-color: var(--b-color-primary-40);
2058
- --b-radio-button-checked-active-background-color: var(--b-color-primary-40);
2059
- --b-radio-button-checked-hover-border-color: var(--b-color-primary-50);
2060
- --b-radio-button-checked-hover-background-color: var(--b-color-primary-40);
2061
- --b-radio-button-checked-border-color: var(--b-color-primary-40);
2062
- --b-radio-button-checked-background-color: var(--b-color-primary-40);
2063
- --b-radio-button-unchecked-disabled-border-color: var(--b-color-neutral-20);
2064
- --b-radio-button-unchecked-disabled-background-color: var(--b-color-neutral-20);
2065
- --b-radio-button-unchecked-active-background-color: var(--b-color-neutral-0);
2066
- --b-radio-button-unchecked-hover-border-color: var(--b-color-neutral-50);
2067
- --b-radio-button-unchecked-hover-background-color: var(--b-color-neutral-0);
2068
- --b-radio-button-unchecked-background-color: var(--b-color-neutral-0);
2069
- --b-popover-with-divider-footer-background-color: var(--b-color-neutral-10);
2070
- --b-popover-dismiss-button-on-image-icon-active-color: var(--b-color-label-inverse-primary);
2071
- --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
2072
- --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
2073
- --b-popover-background-color: var(--b-color-background-modal);
2074
- --b-modal-container-background-color: var(--b-color-background-modal);
2075
- --b-modal-fullscreen-background-color: var(--b-color-background-primary);
2076
- --b-menu-submenu-background-color: var(--b-color-background-modal);
2077
- --b-menu-item-list-background-color: var(--b-color-background-modal);
2078
- --b-menu-item-icon-right-color-inverse: var(--b-color-label-inverse-primary);
2079
- --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
2080
- --b-menu-item-hover-background-color: var(--b-color-neutral-10);
2081
- --b-menu-item-focus-background-color: var(--b-color-neutral-20);
2082
- --b-menu-item-color-inverse: var(--b-color-label-inverse-primary);
2083
- --b-loading-indicator-inverse-color: var(--b-color-background-primary);
2084
- --b-loading-indicator-inverse-background-color: var(--b-color-background-primary);
2085
- --b-loading-indicator-color: var(--b-color-primary-40);
2086
- --b-loading-indicator-background-color: var(--b-color-primary-40);
2087
- --b-listbox-option-description-color: var(--b-color-neutral-70);
2088
- --b-listbox-option-selected-background-color: var(--b-color-primary-40);
2089
- --b-listbox-option-selected-font-color: var(--b-color-neutral-0);
2090
- --b-listbox-option-selected-description-color: var(--b-color-neutral-0);
2091
- --b-listbox-option-hover-font-color: var(--b-color-primary-40);
2092
- --b-listbox-option-hover-background-color: var(--b-color-neutral-10);
2093
- --b-listbox-option-active-description-color: var(--b-color-neutral-0);
2094
- --b-listbox-option-active-font-color: var(--b-color-neutral-0);
2095
- --b-listbox-option-active-background-color: var(--b-color-primary-40);
2096
- --b-listbox-background-color: var(--b-color-background-primary);
2097
- --b-link-quiet-active-color: var(--b-color-primary-40);
2098
- --b-link-quiet-hover-color: var(--b-color-primary-40);
2099
- --b-link-quiet-color: var(--b-color-primary-40);
2100
- --b-link-active-color: var(--b-color-primary-40);
2101
- --b-link-hover-color: var(--b-color-primary-40);
2102
- --b-link-color: var(--b-color-primary-40);
2103
- --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
2104
- --b-input-field-input-font-size: var(--b-text-body-font-size);
2105
- --b-input-field-input-box-background-color: var(--b-color-background-primary);
2106
- --b-fixed-scroller-right-background: linear-gradient(270deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
2107
- --b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
2108
- --b-filter-button-modal-background-color: var(--b-color-background-modal);
2109
- --b-filter-button-background-color: var(--b-color-background-primary);
2110
- --b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
2111
- --b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);
2112
- --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
2113
- --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
2114
- --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
2115
- --b-filter-bar-button-background-color: var(--b-color-background-primary);
2116
- --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
2117
- --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
2118
- --b-file-uploader-area-background-color: var(--b-color-background-primary);
2119
- --b-dropdown-options-container-border-color: var(--b-color-neutral-20);
2120
- --b-dropdown-description-color: var(--b-color-neutral-70);
2121
- --b-divider-background-color: var(--b-color-neutral-20);
2122
- --b-data-grid-horizontal-scrollbar-background-color: var(--b-color-background-primary);
2123
- --b-data-grid-filters-background-color: var(--b-color-background-primary);
2124
- --b-data-grid-pagination-background-color: var(--b-color-background-primary);
2125
- --b-data-grid-lazy-load-background-color: var(--b-color-background-primary);
2126
- --b-data-grid-footer-background-color: var(--b-color-background-primary);
2127
- --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
2128
- --b-data-grid-cell-background-color: var(--b-color-background-primary);
2129
- --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
2130
- --b-data-grid-row-disabled-color: var(--b-color-neutral-40);
2131
- --b-data-grid-row-hover-background-color: var(--b-color-neutral-10);
2132
- --b-data-grid-row-border-color: var(--b-color-neutral-20);
2133
- --b-data-grid-row-background-color: var(--b-color-background-primary);
2134
- --b-data-grid-column-seperator-color: var(--b-color-neutral-20);
2135
- --b-data-grid-column-sort-icon-color: var(--b-color-neutral-30);
2136
- --b-data-grid-column-hover-border-right-color: var(--b-color-neutral-20);
2137
- --b-data-grid-column-hover-border-left-color: var(--b-color-neutral-20);
2138
- --b-data-grid-column-background-color: var(--b-color-background-primary);
2139
- --b-data-grid-column-headers-background-color: var(--b-color-background-primary);
2140
- --b-data-grid-border-color: var(--b-color-neutral-20);
2141
- --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
2142
- --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
2143
- --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
2144
- --b-code-snippet-language-picker-background-color: var(--b-color-background-primary);
2145
- --b-checkbox-text-disabled-color: var(--b-color-neutral-40);
2146
- --b-checkbox-outline-unchecked-hover-border-color: var(--b-color-neutral-50);
2147
- --b-checkbox-outline-unchecked-hover-background-color: var(--b-color-neutral-0);
2148
- --b-checkbox-outline-unchecked-disabled-border-color: var(--b-color-neutral-20);
2149
- --b-checkbox-outline-unchecked-disabled-background-color: var(--b-color-neutral-20);
2150
- --b-checkbox-outline-unchecked-active-background-color: var(--b-color-neutral-0);
2151
- --b-checkbox-outline-unchecked-border-color: var(--b-color-neutral-20);
2152
- --b-checkbox-outline-unchecked-background-color: var(--b-color-neutral-0);
2153
- --b-checkbox-outline-indeterminate-hover-border-color: var(--b-color-primary-50);
2154
- --b-checkbox-outline-indeterminate-hover-background-color: var(--b-color-primary-40);
2155
- --b-checkbox-outline-indeterminate-disabled-border-color: var(--b-color-neutral-20);
2156
- --b-checkbox-outline-indeterminate-disabled-background-color: var(--b-color-neutral-20);
2157
- --b-checkbox-outline-indeterminate-active-border-color: var(--b-color-neutral-20);
2158
- --b-checkbox-outline-indeterminate-active-background-color: var(--b-color-primary-40);
2159
- --b-checkbox-outline-indeterminate-border-color: var(--b-color-primary-40);
2160
- --b-checkbox-outline-indeterminate-background-color: var(--b-color-primary-40);
2161
- --b-checkbox-outline-checked-hover-border-color: var(--b-color-primary-50);
2162
- --b-checkbox-outline-checked-hover-background-color: var(--b-color-primary-40);
2163
- --b-checkbox-outline-checked-disabled-border-color: var(--b-color-neutral-20);
2164
- --b-checkbox-outline-checked-disabled-background-color: var(--b-color-neutral-20);
2165
- --b-checkbox-outline-checked-active-border-color: var(--b-color-neutral-20);
2166
- --b-checkbox-outline-checked-active-background-color: var(--b-color-primary-40);
2167
- --b-checkbox-outline-checked-border-color: var(--b-color-primary-40);
2168
- --b-checkbox-outline-checked-background-color: var(--b-color-primary-40);
2169
- --b-checkbox-icon-disabled-color: var(--b-color-neutral-40);
2170
- --b-checkbox-icon-color: var(--b-color-neutral-0);
2171
- --b-checkbox-description-disabled-color: var(--b-color-neutral-40);
2172
- --b-checkbox-description-color: var(--b-color-neutral-70);
2173
- --b-checkbox-input-outline-unchecked-hover-border-color: var(--b-color-neutral-50);
2174
- --b-checkbox-input-outline-unchecked-hover-background-color: var(--b-color-neutral-0);
2175
- --b-checkbox-input-outline-unchecked-disabled-border-color: var(--b-color-neutral-20);
2176
- --b-checkbox-input-outline-unchecked-disabled-background-color: var(--b-color-neutral-20);
2177
- --b-checkbox-input-outline-unchecked-active-background-color: var(--b-color-neutral-0);
2178
- --b-checkbox-input-outline-unchecked-border-color: var(--b-color-neutral-20);
2179
- --b-checkbox-input-outline-unchecked-background-color: var(--b-color-neutral-0);
2180
- --b-checkbox-input-outline-indeterminate-hover-border-color: var(--b-color-primary-50);
2181
- --b-checkbox-input-outline-indeterminate-hover-background-color: var(--b-color-primary-40);
2182
- --b-checkbox-input-outline-indeterminate-disabled-border-color: var(--b-color-neutral-20);
2183
- --b-checkbox-input-outline-indeterminate-disabled-background-color: var(--b-color-neutral-20);
2184
- --b-checkbox-input-outline-indeterminate-active-border-color: var(--b-color-neutral-20);
2185
- --b-checkbox-input-outline-indeterminate-active-background-color: var(--b-color-primary-40);
2186
- --b-checkbox-input-outline-indeterminate-border-color: var(--b-color-primary-40);
2187
- --b-checkbox-input-outline-indeterminate-background-color: var(--b-color-primary-40);
2188
- --b-checkbox-input-outline-checked-hover-border-color: var(--b-color-primary-50);
2189
- --b-checkbox-input-outline-checked-hover-background-color: var(--b-color-primary-40);
2190
- --b-checkbox-input-outline-checked-disabled-border-color: var(--b-color-neutral-20);
2191
- --b-checkbox-input-outline-checked-disabled-background-color: var(--b-color-neutral-20);
2192
- --b-checkbox-input-outline-checked-active-border-color: var(--b-color-neutral-20);
2193
- --b-checkbox-input-outline-checked-active-background-color: var(--b-color-primary-40);
2194
- --b-checkbox-input-outline-checked-border-color: var(--b-color-primary-40);
2195
- --b-checkbox-input-outline-checked-background-color: var(--b-color-primary-40);
2196
- --b-checkbox-input-icon-disabled-color: var(--b-color-neutral-40);
2197
- --b-checkbox-input-icon-color: var(--b-color-neutral-0);
2198
- --b-card-border-color: var(--b-color-neutral-20);
2199
- --b-card-background-color: var(--b-color-background-primary);
2200
- --b-calendar-year-month-selected-color: var(--b-color-label-inverse-primary);
2201
- --b-calendar-year-month-middle-active-background: var(--b-color-background-primary);
2202
- --b-calendar-year-month-current-month-unselected-hover-wrapper-background: var(--b-color-background-primary);
2203
- --b-calendar-year-month-current-month-selected-wrapper-background: var(--b-color-background-primary);
2204
- --b-calendar-month-day-selected-active-background: var(--b-color-primary-40);
2205
- --b-calendar-month-day-selected-hover-background: var(--b-color-primary-40);
2206
- --b-calendar-month-day-selected-color: var(--b-color-neutral-0);
2207
- --b-calendar-month-day-selected-background: var(--b-color-primary-40);
2208
- --b-calendar-month-day-middle-active-background: var(--b-color-primary-30);
2209
- --b-calendar-month-day-middle-hover-background: var(--b-color-primary-30);
2210
- --b-calendar-month-day-middle-color: var(--b-color-neutral-0);
2211
- --b-calendar-month-day-middle-background: var(--b-color-primary-30);
2212
- --b-calendar-month-day-current-day-selected-wrapper-background: var(--b-color-primary-40);
2213
- --b-calendar-month-day-current-day-selected-color: var(--b-color-neutral-0);
2214
- --b-calendar-month-day-of-the-week-color: var(--b-color-neutral-30);
2215
- --b-button-tertiary-color-inverse: var(--b-color-label-inverse-primary);
2216
- --b-button-secondary-hover-color-inverse: var(--b-color-label-inverse-primary);
2217
- --b-button-secondary-active-color-inverse: var(--b-color-label-inverse-primary);
2218
- --b-button-secondary-color-inverse: var(--b-color-label-inverse-primary);
2219
- --b-button-primary-success-hover-background-color: var(--b-color-success-60);
2220
- --b-button-primary-success-disabled-background-color: var(--b-color-neutral-40);
2221
- --b-button-primary-success-active-background-color: var(--b-color-success-70);
2222
- --b-button-primary-success-background-color: var(--b-color-success-50);
2223
- --b-button-primary-background-color-inverse: var(--b-color-background-primary);
2224
- --b-action-bar-container-color: var(--b-color-label-inverse-primary);
2225
- --b-accordion-item-background-color: var(--b-color-background-primary);
2226
- }