@adyen/bento-vue2 1.60.0 → 1.60.1

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 (579) hide show
  1. package/dist/@types/components.d.ts +201 -0
  2. package/dist/@types/index.d.ts +17710 -0
  3. package/dist/@types/use-form-v4.d.ts +86 -0
  4. package/dist/accordion.js +6 -0
  5. package/dist/accordion.js.map +1 -0
  6. package/dist/action-bar.js +5 -0
  7. package/dist/action-bar.js.map +1 -0
  8. package/dist/alert.js +8 -0
  9. package/dist/alert.js.map +1 -0
  10. package/dist/assets/accordion-item.css +1 -0
  11. package/dist/assets/action-bar.css +1 -0
  12. package/dist/assets/alert.css +1 -0
  13. package/dist/assets/avatar.css +1 -0
  14. package/dist/assets/base-button.css +1 -0
  15. package/dist/assets/base-modal.css +1 -0
  16. package/dist/assets/button-actions-with-menu.css +1 -0
  17. package/dist/assets/button-actions.css +1 -0
  18. package/dist/assets/button.css +1 -0
  19. package/dist/assets/calendar.css +1 -0
  20. package/dist/assets/card.css +1 -0
  21. package/dist/assets/checkbox-group.css +1 -0
  22. package/dist/assets/checkbox-input.css +1 -0
  23. package/dist/assets/checkbox.css +1 -0
  24. package/dist/assets/chip.css +1 -0
  25. package/dist/assets/code-snippet.css +1 -0
  26. package/dist/assets/controls-group.css +1 -0
  27. package/dist/assets/copy.css +1 -0
  28. package/dist/assets/country.css +1 -0
  29. package/dist/assets/currency.css +1 -0
  30. package/dist/assets/dashboard-section.css +1 -0
  31. package/dist/assets/dashed-underline.css +1 -0
  32. package/dist/assets/data-grid-template.css +1 -0
  33. package/dist/assets/data-grid.css +1 -0
  34. package/dist/assets/date-picker.css +1 -0
  35. package/dist/assets/date-range-picker.css +1 -0
  36. package/dist/assets/date.css +1 -0
  37. package/dist/assets/dialog-page.css +1 -0
  38. package/dist/assets/divider.css +1 -0
  39. package/dist/assets/dropdown-default-textbox.css +1 -0
  40. package/dist/assets/dropdown-tag.css +1 -0
  41. package/dist/assets/dropdown.css +1 -0
  42. package/dist/assets/empty-state.css +1 -0
  43. package/dist/assets/error-message.css +1 -0
  44. package/dist/assets/file-uploader.css +1 -0
  45. package/dist/assets/filter-bar.css +1 -0
  46. package/dist/assets/fixed-scroller.css +1 -0
  47. package/dist/assets/focus-trap.css +1 -0
  48. package/dist/assets/footer-actions.css +1 -0
  49. package/dist/assets/form-layout-title.css +1 -0
  50. package/dist/assets/grid-layout.css +1 -0
  51. package/dist/assets/header-with-views.css +1 -0
  52. package/dist/assets/header.css +1 -0
  53. package/dist/assets/info-icon-with-popover.css +1 -0
  54. package/dist/assets/info-icon.css +1 -0
  55. package/dist/assets/input-field-password.css +1 -0
  56. package/dist/assets/input-field-phone-number.css +1 -0
  57. package/dist/assets/input-field.css +1 -0
  58. package/dist/assets/inspector.css +1 -0
  59. package/dist/assets/layout-row.css +1 -0
  60. package/dist/assets/link.css +1 -0
  61. package/dist/assets/listbox-option-tag.css +1 -0
  62. package/dist/assets/loading-indicator.css +1 -0
  63. package/dist/assets/main.css +1 -0
  64. package/dist/assets/menu.css +1 -0
  65. package/dist/assets/modal-fullscreen.css +1 -0
  66. package/dist/assets/pagination.css +1 -0
  67. package/dist/assets/payment-method.css +1 -0
  68. package/dist/assets/popover.css +1 -0
  69. package/dist/assets/popper-container.css +1 -0
  70. package/dist/assets/promo-banner.css +1 -0
  71. package/dist/assets/radio-group.css +1 -0
  72. package/dist/assets/radio-input.css +1 -0
  73. package/dist/assets/rich-text-editor.css +1 -0
  74. package/dist/assets/search-bar.css +1 -0
  75. package/dist/assets/secondary-nav.css +1 -0
  76. package/dist/assets/segmented-control.css +1 -0
  77. package/dist/assets/selection-card-group.css +1 -0
  78. package/dist/assets/sidepanel.css +1 -0
  79. package/dist/assets/status.css +1 -0
  80. package/dist/assets/step.css +1 -0
  81. package/dist/assets/structured-list-item.css +1 -0
  82. package/dist/assets/summary-grid.css +1 -0
  83. package/dist/assets/tabs.css +1 -0
  84. package/dist/assets/tag.css +1 -0
  85. package/dist/assets/teleport.css +1 -0
  86. package/dist/assets/textarea.css +1 -0
  87. package/dist/assets/timeline-item.css +1 -0
  88. package/dist/assets/toast.css +1 -0
  89. package/dist/assets/toggle-button.css +1 -0
  90. package/dist/assets/toggle.css +1 -0
  91. package/dist/assets/tooltip.css +1 -0
  92. package/dist/assets/tutorial.css +1 -0
  93. package/dist/assets/typography.css +1 -0
  94. package/dist/assets/use-cached-selected-values.css +1 -0
  95. package/dist/avatar.js +5 -0
  96. package/dist/avatar.js.map +1 -0
  97. package/dist/button.js +16 -0
  98. package/dist/button.js.map +1 -0
  99. package/dist/card.js +7 -0
  100. package/dist/card.js.map +1 -0
  101. package/dist/checkbox.js +11 -0
  102. package/dist/checkbox.js.map +1 -0
  103. package/dist/chip.js +5 -0
  104. package/dist/chip.js.map +1 -0
  105. package/dist/chunks/1-generic-use.CZhwP2Yc.js +5 -0
  106. package/dist/chunks/1-generic-use.CZhwP2Yc.js.map +1 -0
  107. package/dist/chunks/1-generic-use.R6x8PEGA.js +5 -0
  108. package/dist/chunks/1-generic-use.R6x8PEGA.js.map +1 -0
  109. package/dist/chunks/2-generic-use.CNKjB4B7.js +5 -0
  110. package/dist/chunks/2-generic-use.CNKjB4B7.js.map +1 -0
  111. package/dist/chunks/2-generic-use.w0fUhovx.js +5 -0
  112. package/dist/chunks/2-generic-use.w0fUhovx.js.map +1 -0
  113. package/dist/chunks/3-generic-use.BLEzR04g.js +5 -0
  114. package/dist/chunks/3-generic-use.BLEzR04g.js.map +1 -0
  115. package/dist/chunks/3-generic-use.D3NFHgI4.js +5 -0
  116. package/dist/chunks/3-generic-use.D3NFHgI4.js.map +1 -0
  117. package/dist/chunks/4-generic-use.CULEpvgj.js +5 -0
  118. package/dist/chunks/4-generic-use.CULEpvgj.js.map +1 -0
  119. package/dist/chunks/4-generic-use.D82y3n39.js +5 -0
  120. package/dist/chunks/4-generic-use.D82y3n39.js.map +1 -0
  121. package/dist/chunks/_commonjsHelpers.C6fGbg64.js +7 -0
  122. package/dist/chunks/_commonjsHelpers.C6fGbg64.js.map +1 -0
  123. package/dist/chunks/_plugin-vue2_normalizer.CeySl7Fu.js +11 -0
  124. package/dist/chunks/_plugin-vue2_normalizer.CeySl7Fu.js.map +1 -0
  125. package/dist/chunks/accordion-item.C4tyRMCt.js +116 -0
  126. package/dist/chunks/accordion-item.C4tyRMCt.js.map +1 -0
  127. package/dist/chunks/action-bar.CMqiD6vc.js +161 -0
  128. package/dist/chunks/action-bar.CMqiD6vc.js.map +1 -0
  129. package/dist/chunks/adding-payment-methods.BJZLPxtM.js +5 -0
  130. package/dist/chunks/adding-payment-methods.BJZLPxtM.js.map +1 -0
  131. package/dist/chunks/adding-payment-methods.Dle8zt43.js +5 -0
  132. package/dist/chunks/adding-payment-methods.Dle8zt43.js.map +1 -0
  133. package/dist/chunks/adyen-giving.Ffw_DlJK.js +5 -0
  134. package/dist/chunks/adyen-giving.Ffw_DlJK.js.map +1 -0
  135. package/dist/chunks/adyen-giving.LiKHj_jY.js +5 -0
  136. package/dist/chunks/adyen-giving.LiKHj_jY.js.map +1 -0
  137. package/dist/chunks/alert.Du9NfW-V.js +103 -0
  138. package/dist/chunks/alert.Du9NfW-V.js.map +1 -0
  139. package/dist/chunks/aria-label.CaUURpnB.js +13 -0
  140. package/dist/chunks/aria-label.CaUURpnB.js.map +1 -0
  141. package/dist/chunks/avatar.BgwjpLQO.js +71 -0
  142. package/dist/chunks/avatar.BgwjpLQO.js.map +1 -0
  143. package/dist/chunks/base-button.-gx_u8Bd.js +86 -0
  144. package/dist/chunks/base-button.-gx_u8Bd.js.map +1 -0
  145. package/dist/chunks/base-modal.keys.C2PQXcE2.js +5 -0
  146. package/dist/chunks/base-modal.keys.C2PQXcE2.js.map +1 -0
  147. package/dist/chunks/base-modal.xA_DhHx9.js +373 -0
  148. package/dist/chunks/base-modal.xA_DhHx9.js.map +1 -0
  149. package/dist/chunks/bin.DuebwJYu.js +24 -0
  150. package/dist/chunks/bin.DuebwJYu.js.map +1 -0
  151. package/dist/chunks/button-actions-with-menu.S7i4V-8E.js +166 -0
  152. package/dist/chunks/button-actions-with-menu.S7i4V-8E.js.map +1 -0
  153. package/dist/chunks/button-actions.BFtzsfNe.js +194 -0
  154. package/dist/chunks/button-actions.BFtzsfNe.js.map +1 -0
  155. package/dist/chunks/button.BuD-IsW5.js +99 -0
  156. package/dist/chunks/button.BuD-IsW5.js.map +1 -0
  157. package/dist/chunks/calendar.DQiq_EoU.js +1167 -0
  158. package/dist/chunks/calendar.DQiq_EoU.js.map +1 -0
  159. package/dist/chunks/card.Bk7Lz1GS.js +123 -0
  160. package/dist/chunks/card.Bk7Lz1GS.js.map +1 -0
  161. package/dist/chunks/checkbox-group.CossCRls.js +152 -0
  162. package/dist/chunks/checkbox-group.CossCRls.js.map +1 -0
  163. package/dist/chunks/checkbox-input.Dr1GS2BZ.js +137 -0
  164. package/dist/chunks/checkbox-input.Dr1GS2BZ.js.map +1 -0
  165. package/dist/chunks/checkbox.DkDqMVeb.js +176 -0
  166. package/dist/chunks/checkbox.DkDqMVeb.js.map +1 -0
  167. package/dist/chunks/checkmark-circle-fill.DZBl7CeY.js +24 -0
  168. package/dist/chunks/checkmark-circle-fill.DZBl7CeY.js.map +1 -0
  169. package/dist/chunks/checkmark-small.C8T8ISN6.js +24 -0
  170. package/dist/chunks/checkmark-small.C8T8ISN6.js.map +1 -0
  171. package/dist/chunks/chevron-left.DOMTgGel.js +43 -0
  172. package/dist/chunks/chevron-left.DOMTgGel.js.map +1 -0
  173. package/dist/chunks/chevron-up.CSVyoaTy.js +43 -0
  174. package/dist/chunks/chevron-up.CSVyoaTy.js.map +1 -0
  175. package/dist/chunks/chip.bZEhHfIk.js +63 -0
  176. package/dist/chunks/chip.bZEhHfIk.js.map +1 -0
  177. package/dist/chunks/click-outside.C1Ud8AA2.js +23 -0
  178. package/dist/chunks/click-outside.C1Ud8AA2.js.map +1 -0
  179. package/dist/chunks/code-snippet.BlYhf-Dt.js +259 -0
  180. package/dist/chunks/code-snippet.BlYhf-Dt.js.map +1 -0
  181. package/dist/chunks/codemirror.Zv80n3Z2.js +14628 -0
  182. package/dist/chunks/codemirror.Zv80n3Z2.js.map +1 -0
  183. package/dist/chunks/controls-group.C4CHrb6Y.js +81 -0
  184. package/dist/chunks/controls-group.C4CHrb6Y.js.map +1 -0
  185. package/dist/chunks/copy.Bod4H2Dk.js +129 -0
  186. package/dist/chunks/copy.Bod4H2Dk.js.map +1 -0
  187. package/dist/chunks/country.Df7erZov.js +94 -0
  188. package/dist/chunks/country.Df7erZov.js.map +1 -0
  189. package/dist/chunks/country.types.C0Q_hhgJ.js +269 -0
  190. package/dist/chunks/country.types.C0Q_hhgJ.js.map +1 -0
  191. package/dist/chunks/cross-circle-fill-small.YhLgeipP.js +24 -0
  192. package/dist/chunks/cross-circle-fill-small.YhLgeipP.js.map +1 -0
  193. package/dist/chunks/cross-circle-fill.Ra0-PIUo.js +24 -0
  194. package/dist/chunks/cross-circle-fill.Ra0-PIUo.js.map +1 -0
  195. package/dist/chunks/cross-small.CZqsjZDz.js +24 -0
  196. package/dist/chunks/cross-small.CZqsjZDz.js.map +1 -0
  197. package/dist/chunks/cross.CJ5EEL2c.js +24 -0
  198. package/dist/chunks/cross.CJ5EEL2c.js.map +1 -0
  199. package/dist/chunks/currency.B1F9YOIx.js +106 -0
  200. package/dist/chunks/currency.B1F9YOIx.js.map +1 -0
  201. package/dist/chunks/dashboard-section.Dx6eYon4.js +102 -0
  202. package/dist/chunks/dashboard-section.Dx6eYon4.js.map +1 -0
  203. package/dist/chunks/dashed-underline.CY5J4pZp.js +65 -0
  204. package/dist/chunks/dashed-underline.CY5J4pZp.js.map +1 -0
  205. package/dist/chunks/data-grid-template.CVl3PU0v.js +109 -0
  206. package/dist/chunks/data-grid-template.CVl3PU0v.js.map +1 -0
  207. package/dist/chunks/data-grid-template.keys.2_AkxuNT.js +5 -0
  208. package/dist/chunks/data-grid-template.keys.2_AkxuNT.js.map +1 -0
  209. package/dist/chunks/data-grid.BZaXKTLk.js +2782 -0
  210. package/dist/chunks/data-grid.BZaXKTLk.js.map +1 -0
  211. package/dist/chunks/date-input.BqBdAO1E.js +17 -0
  212. package/dist/chunks/date-input.BqBdAO1E.js.map +1 -0
  213. package/dist/chunks/date-picker.lrT6LXe-.js +235 -0
  214. package/dist/chunks/date-picker.lrT6LXe-.js.map +1 -0
  215. package/dist/chunks/date-range-picker.Djt5mYvh.js +977 -0
  216. package/dist/chunks/date-range-picker.Djt5mYvh.js.map +1 -0
  217. package/dist/chunks/date.dYFFEunA.js +987 -0
  218. package/dist/chunks/date.dYFFEunA.js.map +1 -0
  219. package/dist/chunks/debounce.DUTu11PS.js +10 -0
  220. package/dist/chunks/debounce.DUTu11PS.js.map +1 -0
  221. package/dist/chunks/dialog-page.C5r6tM57.js +131 -0
  222. package/dist/chunks/dialog-page.C5r6tM57.js.map +1 -0
  223. package/dist/chunks/directive.Cbdox5VL.js +23 -0
  224. package/dist/chunks/directive.Cbdox5VL.js.map +1 -0
  225. package/dist/chunks/divider.Cc4JFWG_.js +35 -0
  226. package/dist/chunks/divider.Cc4JFWG_.js.map +1 -0
  227. package/dist/chunks/dot.CnkXzRn3.js +24 -0
  228. package/dist/chunks/dot.CnkXzRn3.js.map +1 -0
  229. package/dist/chunks/dropdown-default-textbox.AUsF-RIc.js +348 -0
  230. package/dist/chunks/dropdown-default-textbox.AUsF-RIc.js.map +1 -0
  231. package/dist/chunks/dropdown-tag.CY3nZ50z.js +215 -0
  232. package/dist/chunks/dropdown-tag.CY3nZ50z.js.map +1 -0
  233. package/dist/chunks/dropdown.Cx-3TGBk.js +818 -0
  234. package/dist/chunks/dropdown.Cx-3TGBk.js.map +1 -0
  235. package/dist/chunks/empty-state.IvvHHQ35.js +151 -0
  236. package/dist/chunks/empty-state.IvvHHQ35.js.map +1 -0
  237. package/dist/chunks/error-message.BAE9B9-N.js +121 -0
  238. package/dist/chunks/error-message.BAE9B9-N.js.map +1 -0
  239. package/dist/chunks/es6.n1ewaW31.js +11 -0
  240. package/dist/chunks/es6.n1ewaW31.js.map +1 -0
  241. package/dist/chunks/events.CMzGybJJ.js +47 -0
  242. package/dist/chunks/events.CMzGybJJ.js.map +1 -0
  243. package/dist/chunks/expand.C263WARj.js +24 -0
  244. package/dist/chunks/expand.C263WARj.js.map +1 -0
  245. package/dist/chunks/file-uploader.E18P6eyS.js +1913 -0
  246. package/dist/chunks/file-uploader.E18P6eyS.js.map +1 -0
  247. package/dist/chunks/filter-bar.D6IL1UDu.js +2288 -0
  248. package/dist/chunks/filter-bar.D6IL1UDu.js.map +1 -0
  249. package/dist/chunks/fixed-scroller.D0a6q8_i.js +106 -0
  250. package/dist/chunks/fixed-scroller.D0a6q8_i.js.map +1 -0
  251. package/dist/chunks/focus-trap.C-wIQqpO.js +499 -0
  252. package/dist/chunks/focus-trap.C-wIQqpO.js.map +1 -0
  253. package/dist/chunks/footer-actions.BgpSnSSn.js +96 -0
  254. package/dist/chunks/footer-actions.BgpSnSSn.js.map +1 -0
  255. package/dist/chunks/form-layout-title.DBCY18f8.js +190 -0
  256. package/dist/chunks/form-layout-title.DBCY18f8.js.map +1 -0
  257. package/dist/chunks/form-layout.types.D3EKzbE7.js +5 -0
  258. package/dist/chunks/form-layout.types.D3EKzbE7.js.map +1 -0
  259. package/dist/chunks/generate-uid.NJ8tVoha.js +32 -0
  260. package/dist/chunks/generate-uid.NJ8tVoha.js.map +1 -0
  261. package/dist/chunks/get-date-locale.BN8xEjY0.js +1735 -0
  262. package/dist/chunks/get-date-locale.BN8xEjY0.js.map +1 -0
  263. package/dist/chunks/get-slot-text.BQS5Olxm.js +12 -0
  264. package/dist/chunks/get-slot-text.BQS5Olxm.js.map +1 -0
  265. package/dist/chunks/grid-layout.HvTAa4to.js +76 -0
  266. package/dist/chunks/grid-layout.HvTAa4to.js.map +1 -0
  267. package/dist/chunks/header-with-views.DAdbhhG9.js +1549 -0
  268. package/dist/chunks/header-with-views.DAdbhhG9.js.map +1 -0
  269. package/dist/chunks/header.8SId1U5r.js +187 -0
  270. package/dist/chunks/header.8SId1U5r.js.map +1 -0
  271. package/dist/chunks/i18n.BQkEbtPM.js +31 -0
  272. package/dist/chunks/i18n.BQkEbtPM.js.map +1 -0
  273. package/dist/chunks/image.C2D2hKat.js +56 -0
  274. package/dist/chunks/image.C2D2hKat.js.map +1 -0
  275. package/dist/chunks/index.BDuTpjD8.js +40 -0
  276. package/dist/chunks/index.BDuTpjD8.js.map +1 -0
  277. package/dist/chunks/index.BdrLbvtJ.js +529 -0
  278. package/dist/chunks/index.BdrLbvtJ.js.map +1 -0
  279. package/dist/chunks/index.BxBB1rsx.js +15 -0
  280. package/dist/chunks/index.BxBB1rsx.js.map +1 -0
  281. package/dist/chunks/index.Cl4_42j5.js +8 -0
  282. package/dist/chunks/index.Cl4_42j5.js.map +1 -0
  283. package/dist/chunks/index.DD7TppDb.js +10 -0
  284. package/dist/chunks/index.DD7TppDb.js.map +1 -0
  285. package/dist/chunks/info-icon-with-popover.XZqkxPsB.js +71 -0
  286. package/dist/chunks/info-icon-with-popover.XZqkxPsB.js.map +1 -0
  287. package/dist/chunks/info-icon.C1xOlhYj.js +41 -0
  288. package/dist/chunks/info-icon.C1xOlhYj.js.map +1 -0
  289. package/dist/chunks/info.4d_mJHvT.js +24 -0
  290. package/dist/chunks/info.4d_mJHvT.js.map +1 -0
  291. package/dist/chunks/input-field-password.lK0Im1eg.js +251 -0
  292. package/dist/chunks/input-field-password.lK0Im1eg.js.map +1 -0
  293. package/dist/chunks/input-field-phone-number.BnjBqUKg.js +3097 -0
  294. package/dist/chunks/input-field-phone-number.BnjBqUKg.js.map +1 -0
  295. package/dist/chunks/input-field.B8HxtNIv.js +152 -0
  296. package/dist/chunks/input-field.B8HxtNIv.js.map +1 -0
  297. package/dist/chunks/inspector.CegHqvEW.js +117 -0
  298. package/dist/chunks/inspector.CegHqvEW.js.map +1 -0
  299. package/dist/chunks/inspector.types.DyHwE18g.js +5 -0
  300. package/dist/chunks/inspector.types.DyHwE18g.js.map +1 -0
  301. package/dist/chunks/internal-error.BLZodVBE.js +5 -0
  302. package/dist/chunks/internal-error.BLZodVBE.js.map +1 -0
  303. package/dist/chunks/internal-error.BmrwJFpR.js +5 -0
  304. package/dist/chunks/internal-error.BmrwJFpR.js.map +1 -0
  305. package/dist/chunks/keyboard-navigation.pB8weElW.js +66 -0
  306. package/dist/chunks/keyboard-navigation.pB8weElW.js.map +1 -0
  307. package/dist/chunks/layout-row.C_F2wX6d.js +87 -0
  308. package/dist/chunks/layout-row.C_F2wX6d.js.map +1 -0
  309. package/dist/chunks/link.D0P79Toh.js +95 -0
  310. package/dist/chunks/link.D0P79Toh.js.map +1 -0
  311. package/dist/chunks/listbox-option-tag.CczGPhWH.js +44 -0
  312. package/dist/chunks/listbox-option-tag.CczGPhWH.js.map +1 -0
  313. package/dist/chunks/loading-indicator.z8COalOc.js +48 -0
  314. package/dist/chunks/loading-indicator.z8COalOc.js.map +1 -0
  315. package/dist/chunks/menu.CT0SIn4v.js +601 -0
  316. package/dist/chunks/menu.CT0SIn4v.js.map +1 -0
  317. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js +5 -0
  318. package/dist/chunks/modal-fullscreen.keys.CMba3hYp.js.map +1 -0
  319. package/dist/chunks/modal-fullscreen.tofT1h0P.js +202 -0
  320. package/dist/chunks/modal-fullscreen.tofT1h0P.js.map +1 -0
  321. package/dist/chunks/modal.CiYtGu6u.js +445 -0
  322. package/dist/chunks/modal.CiYtGu6u.js.map +1 -0
  323. package/dist/chunks/no-results-found.Bg_ZcEid.js +5 -0
  324. package/dist/chunks/no-results-found.Bg_ZcEid.js.map +1 -0
  325. package/dist/chunks/no-results-found.BqvYsBR6.js +5 -0
  326. package/dist/chunks/no-results-found.BqvYsBR6.js.map +1 -0
  327. package/dist/chunks/notifications-cleared.BMZk37uf.js +5 -0
  328. package/dist/chunks/notifications-cleared.BMZk37uf.js.map +1 -0
  329. package/dist/chunks/notifications-cleared.C7W9ZXY7.js +5 -0
  330. package/dist/chunks/notifications-cleared.C7W9ZXY7.js.map +1 -0
  331. package/dist/chunks/on-click-outside.D9aY9g8G.js +101 -0
  332. package/dist/chunks/on-click-outside.D9aY9g8G.js.map +1 -0
  333. package/dist/chunks/page-not-found.COJLPVaU.js +5 -0
  334. package/dist/chunks/page-not-found.COJLPVaU.js.map +1 -0
  335. package/dist/chunks/page-not-found.DWW6W-PZ.js +5 -0
  336. package/dist/chunks/page-not-found.DWW6W-PZ.js.map +1 -0
  337. package/dist/chunks/pagination.B-EP9Lkq.js +338 -0
  338. package/dist/chunks/pagination.B-EP9Lkq.js.map +1 -0
  339. package/dist/chunks/payment-method.Cx4nPDtE.js +76 -0
  340. package/dist/chunks/payment-method.Cx4nPDtE.js.map +1 -0
  341. package/dist/chunks/payment-method.types.BqtH7RM2.js +5 -0
  342. package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -0
  343. package/dist/chunks/planned-maintenance.C61sWB9h.js +5 -0
  344. package/dist/chunks/planned-maintenance.C61sWB9h.js.map +1 -0
  345. package/dist/chunks/planned-maintenance.jmWYTdet.js +5 -0
  346. package/dist/chunks/planned-maintenance.jmWYTdet.js.map +1 -0
  347. package/dist/chunks/popover.COaHa4ES.js +295 -0
  348. package/dist/chunks/popover.COaHa4ES.js.map +1 -0
  349. package/dist/chunks/popper-container.DIFqmRsp.js +1393 -0
  350. package/dist/chunks/popper-container.DIFqmRsp.js.map +1 -0
  351. package/dist/chunks/promo-banner.DJpA7Whg.js +70 -0
  352. package/dist/chunks/promo-banner.DJpA7Whg.js.map +1 -0
  353. package/dist/chunks/radio-group.CzsbH4_F.js +229 -0
  354. package/dist/chunks/radio-group.CzsbH4_F.js.map +1 -0
  355. package/dist/chunks/radio-input.uJAhxKRs.js +90 -0
  356. package/dist/chunks/radio-input.uJAhxKRs.js.map +1 -0
  357. package/dist/chunks/referrals.BvtT-kQS.js +5 -0
  358. package/dist/chunks/referrals.BvtT-kQS.js.map +1 -0
  359. package/dist/chunks/referrals.aX8WZigH.js +5 -0
  360. package/dist/chunks/referrals.aX8WZigH.js.map +1 -0
  361. package/dist/chunks/refresh.Bc9FzGjJ.js +24 -0
  362. package/dist/chunks/refresh.Bc9FzGjJ.js.map +1 -0
  363. package/dist/chunks/resize.Bqks3WUm.js +15 -0
  364. package/dist/chunks/resize.Bqks3WUm.js.map +1 -0
  365. package/dist/chunks/rich-text-editor.C4NdjtLA.js +6203 -0
  366. package/dist/chunks/rich-text-editor.C4NdjtLA.js.map +1 -0
  367. package/dist/chunks/search-bar.B4u_IgiI.js +97 -0
  368. package/dist/chunks/search-bar.B4u_IgiI.js.map +1 -0
  369. package/dist/chunks/search.DLtglc02.js +24 -0
  370. package/dist/chunks/search.DLtglc02.js.map +1 -0
  371. package/dist/chunks/secondary-nav.EROJ_sJQ.js +112 -0
  372. package/dist/chunks/secondary-nav.EROJ_sJQ.js.map +1 -0
  373. package/dist/chunks/segmented-control.B-uxKqMN.js +112 -0
  374. package/dist/chunks/segmented-control.B-uxKqMN.js.map +1 -0
  375. package/dist/chunks/segmented-control.types.BHRLV8KU.js +5 -0
  376. package/dist/chunks/segmented-control.types.BHRLV8KU.js.map +1 -0
  377. package/dist/chunks/selection-card-group.CnvREAh5.js +299 -0
  378. package/dist/chunks/selection-card-group.CnvREAh5.js.map +1 -0
  379. package/dist/chunks/show.e4LEpZKG.js +43 -0
  380. package/dist/chunks/show.e4LEpZKG.js.map +1 -0
  381. package/dist/chunks/sidepanel.3EBWM8JV.js +210 -0
  382. package/dist/chunks/sidepanel.3EBWM8JV.js.map +1 -0
  383. package/dist/chunks/sidepanel.keys.R0DKQuYx.js +5 -0
  384. package/dist/chunks/sidepanel.keys.R0DKQuYx.js.map +1 -0
  385. package/dist/chunks/status.types.p_TCvoo0.js +36 -0
  386. package/dist/chunks/status.types.p_TCvoo0.js.map +1 -0
  387. package/dist/chunks/step.CuOpi-Ye.js +217 -0
  388. package/dist/chunks/step.CuOpi-Ye.js.map +1 -0
  389. package/dist/chunks/structured-list-item.rOTJM0uc.js +87 -0
  390. package/dist/chunks/structured-list-item.rOTJM0uc.js.map +1 -0
  391. package/dist/chunks/success.DhioLvPD.js +5 -0
  392. package/dist/chunks/success.DhioLvPD.js.map +1 -0
  393. package/dist/chunks/success.nNwxJRBS.js +5 -0
  394. package/dist/chunks/success.nNwxJRBS.js.map +1 -0
  395. package/dist/chunks/summary-grid.keys.CxTf_FOc.js +6 -0
  396. package/dist/chunks/summary-grid.keys.CxTf_FOc.js.map +1 -0
  397. package/dist/chunks/summary-grid.types.Bg1Y7i-F.js +301 -0
  398. package/dist/chunks/summary-grid.types.Bg1Y7i-F.js.map +1 -0
  399. package/dist/chunks/tabs.DX_Gq12z.js +205 -0
  400. package/dist/chunks/tabs.DX_Gq12z.js.map +1 -0
  401. package/dist/chunks/tabs.keys.Bc2pSKRw.js +7 -0
  402. package/dist/chunks/tabs.keys.Bc2pSKRw.js.map +1 -0
  403. package/dist/chunks/tag.DDjyf2hd.js +44 -0
  404. package/dist/chunks/tag.DDjyf2hd.js.map +1 -0
  405. package/dist/chunks/teleport.BV6zrDjA.js +128 -0
  406. package/dist/chunks/teleport.BV6zrDjA.js.map +1 -0
  407. package/dist/chunks/textarea.0PapD8Nl.js +200 -0
  408. package/dist/chunks/textarea.0PapD8Nl.js.map +1 -0
  409. package/dist/chunks/timeline-item.IFw76Qeh.js +386 -0
  410. package/dist/chunks/timeline-item.IFw76Qeh.js.map +1 -0
  411. package/dist/chunks/toast.B2u2W_TQ.js +171 -0
  412. package/dist/chunks/toast.B2u2W_TQ.js.map +1 -0
  413. package/dist/chunks/toggle-button.ChDbeBZ8.js +83 -0
  414. package/dist/chunks/toggle-button.ChDbeBZ8.js.map +1 -0
  415. package/dist/chunks/toggle.Q52IIKfi.js +121 -0
  416. package/dist/chunks/toggle.Q52IIKfi.js.map +1 -0
  417. package/dist/chunks/tooltip.DyZIyMZN.js +189 -0
  418. package/dist/chunks/tooltip.DyZIyMZN.js.map +1 -0
  419. package/dist/chunks/truncate.BfIl_-71.js +8 -0
  420. package/dist/chunks/truncate.BfIl_-71.js.map +1 -0
  421. package/dist/chunks/tutorial.suIRmXta.js +348 -0
  422. package/dist/chunks/tutorial.suIRmXta.js.map +1 -0
  423. package/dist/chunks/typography.J1v_SPG3.js +87 -0
  424. package/dist/chunks/typography.J1v_SPG3.js.map +1 -0
  425. package/dist/chunks/upload-files.5wQwbfkp.js +5 -0
  426. package/dist/chunks/upload-files.5wQwbfkp.js.map +1 -0
  427. package/dist/chunks/upload-files.jTQY6y2X.js +5 -0
  428. package/dist/chunks/upload-files.jTQY6y2X.js.map +1 -0
  429. package/dist/chunks/use-bento-toast-controller.Cn_2Eogn.js +52 -0
  430. package/dist/chunks/use-bento-toast-controller.Cn_2Eogn.js.map +1 -0
  431. package/dist/chunks/use-cached-selected-values.9OnD_j5F.js +1177 -0
  432. package/dist/chunks/use-cached-selected-values.9OnD_j5F.js.map +1 -0
  433. package/dist/chunks/use-click-outside.BnhTgpSt.js +14 -0
  434. package/dist/chunks/use-click-outside.BnhTgpSt.js.map +1 -0
  435. package/dist/chunks/use-country-items.HFnjuDsG.js +30 -0
  436. package/dist/chunks/use-country-items.HFnjuDsG.js.map +1 -0
  437. package/dist/chunks/use-country-phon-code.DVgE19zT.js +5610 -0
  438. package/dist/chunks/use-country-phon-code.DVgE19zT.js.map +1 -0
  439. package/dist/chunks/use-default-slot-validator.BDn0wkYP.js +13 -0
  440. package/dist/chunks/use-default-slot-validator.BDn0wkYP.js.map +1 -0
  441. package/dist/chunks/use-expandable-content-height.GkjjbmPy.js +17 -0
  442. package/dist/chunks/use-expandable-content-height.GkjjbmPy.js.map +1 -0
  443. package/dist/chunks/use-form-layout-loading.D3lALhtC.js +12 -0
  444. package/dist/chunks/use-form-layout-loading.D3lALhtC.js.map +1 -0
  445. package/dist/chunks/use-has-slot.C9lQZ6nz.js +6 -0
  446. package/dist/chunks/use-has-slot.C9lQZ6nz.js.map +1 -0
  447. package/dist/chunks/warning-filled.Cd0kVWwa.js +24 -0
  448. package/dist/chunks/warning-filled.Cd0kVWwa.js.map +1 -0
  449. package/dist/chunks/wrong-environment.BOsyKdRI.js +5 -0
  450. package/dist/chunks/wrong-environment.BOsyKdRI.js.map +1 -0
  451. package/dist/chunks/wrong-environment.BiHTPtbJ.js +5 -0
  452. package/dist/chunks/wrong-environment.BiHTPtbJ.js.map +1 -0
  453. package/dist/click-outside.js +5 -0
  454. package/dist/click-outside.js.map +1 -0
  455. package/dist/code-snippet.js +8 -0
  456. package/dist/code-snippet.js.map +1 -0
  457. package/dist/country.js +12 -0
  458. package/dist/country.js.map +1 -0
  459. package/dist/currency.js +6 -0
  460. package/dist/currency.js.map +1 -0
  461. package/dist/dashboard-template.js +6 -0
  462. package/dist/dashboard-template.js.map +1 -0
  463. package/dist/dashed-underline.js +5 -0
  464. package/dist/dashed-underline.js.map +1 -0
  465. package/dist/data-grid-template.js +5 -0
  466. package/dist/data-grid-template.js.map +1 -0
  467. package/dist/data-grid.js +11 -0
  468. package/dist/data-grid.js.map +1 -0
  469. package/dist/date-picker.js +8 -0
  470. package/dist/date-picker.js.map +1 -0
  471. package/dist/date-range-picker.js +8 -0
  472. package/dist/date-range-picker.js.map +1 -0
  473. package/dist/date.js +6 -0
  474. package/dist/date.js.map +1 -0
  475. package/dist/divider.js +5 -0
  476. package/dist/divider.js.map +1 -0
  477. package/dist/dropdown.js +16 -0
  478. package/dist/dropdown.js.map +1 -0
  479. package/dist/empty-state.js +8 -0
  480. package/dist/empty-state.js.map +1 -0
  481. package/dist/file-uploader.js +5 -0
  482. package/dist/file-uploader.js.map +1 -0
  483. package/dist/filter-bar.js +8 -0
  484. package/dist/filter-bar.js.map +1 -0
  485. package/dist/focus-trap.js +5 -0
  486. package/dist/focus-trap.js.map +1 -0
  487. package/dist/fonts/fonts.css +2 -0
  488. package/dist/form-layout.js +8 -0
  489. package/dist/form-layout.js.map +1 -0
  490. package/dist/header-with-views.js +5 -0
  491. package/dist/header-with-views.js.map +1 -0
  492. package/dist/header.js +5 -0
  493. package/dist/header.js.map +1 -0
  494. package/dist/image.js +7 -0
  495. package/dist/image.js.map +1 -0
  496. package/dist/index.js +372 -0
  497. package/dist/index.js.map +1 -0
  498. package/dist/info-icon.js +5 -0
  499. package/dist/info-icon.js.map +1 -0
  500. package/dist/input-field-password.js +10 -0
  501. package/dist/input-field-password.js.map +1 -0
  502. package/dist/input-field-phone-number.js +5 -0
  503. package/dist/input-field-phone-number.js.map +1 -0
  504. package/dist/input-field.js +10 -0
  505. package/dist/input-field.js.map +1 -0
  506. package/dist/inspector.js +7 -0
  507. package/dist/inspector.js.map +1 -0
  508. package/dist/internal.js +43 -0
  509. package/dist/internal.js.map +1 -0
  510. package/dist/layout.js +6 -0
  511. package/dist/layout.js.map +1 -0
  512. package/dist/link.js +6 -0
  513. package/dist/link.js.map +1 -0
  514. package/dist/loading-indicator.js +6 -0
  515. package/dist/loading-indicator.js.map +1 -0
  516. package/dist/menu.js +6 -0
  517. package/dist/menu.js.map +1 -0
  518. package/dist/modal-fullscreen.js +6 -0
  519. package/dist/modal-fullscreen.js.map +1 -0
  520. package/dist/modal.js +14 -0
  521. package/dist/modal.js.map +1 -0
  522. package/dist/pagination.js +5 -0
  523. package/dist/pagination.js.map +1 -0
  524. package/dist/payment-method.js +7 -0
  525. package/dist/payment-method.js.map +1 -0
  526. package/dist/popover.js +6 -0
  527. package/dist/popover.js.map +1 -0
  528. package/dist/popper-container.js +9 -0
  529. package/dist/popper-container.js.map +1 -0
  530. package/dist/promo-banner.js +7 -0
  531. package/dist/promo-banner.js.map +1 -0
  532. package/dist/radio-group.js +9 -0
  533. package/dist/radio-group.js.map +1 -0
  534. package/dist/rich-text-editor.js +5 -0
  535. package/dist/rich-text-editor.js.map +1 -0
  536. package/dist/search-bar.js +9 -0
  537. package/dist/search-bar.js.map +1 -0
  538. package/dist/secondary-nav.js +5 -0
  539. package/dist/secondary-nav.js.map +1 -0
  540. package/dist/segmented-control.js +7 -0
  541. package/dist/segmented-control.js.map +1 -0
  542. package/dist/selection-card.js +7 -0
  543. package/dist/selection-card.js.map +1 -0
  544. package/dist/sidepanel.js +7 -0
  545. package/dist/sidepanel.js.map +1 -0
  546. package/dist/status.js +6 -0
  547. package/dist/status.js.map +1 -0
  548. package/dist/stepper.js +8 -0
  549. package/dist/stepper.js.map +1 -0
  550. package/dist/structured-list.js +6 -0
  551. package/dist/structured-list.js.map +1 -0
  552. package/dist/styles/bento-dark.css +2055 -0
  553. package/dist/styles/bento-light.css +2054 -0
  554. package/dist/styles/bento.css +2054 -0
  555. package/dist/styles/legacy.css +2209 -0
  556. package/dist/styles/styleguide.css +2109 -0
  557. package/dist/styles/utility.css +987 -0
  558. package/dist/summary-grid.js +12 -0
  559. package/dist/summary-grid.js.map +1 -0
  560. package/dist/tabs.js +6 -0
  561. package/dist/tabs.js.map +1 -0
  562. package/dist/tag.js +6 -0
  563. package/dist/tag.js.map +1 -0
  564. package/dist/textarea.js +5 -0
  565. package/dist/textarea.js.map +1 -0
  566. package/dist/timeline.js +10 -0
  567. package/dist/timeline.js.map +1 -0
  568. package/dist/toast.js +5 -0
  569. package/dist/toast.js.map +1 -0
  570. package/dist/toggle.js +7 -0
  571. package/dist/toggle.js.map +1 -0
  572. package/dist/tutorial.js +5 -0
  573. package/dist/tutorial.js.map +1 -0
  574. package/dist/typography.js +8 -0
  575. package/dist/typography.js.map +1 -0
  576. package/dist/use-form-v4.js +8300 -0
  577. package/dist/use-form-v4.js.map +1 -0
  578. package/dist/web-types.json +15200 -0
  579. package/package.json +6 -6
package/dist/styles/bento-light.css ADDED
@@ -0,0 +1,2054 @@
1
+ :root {
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-tutorial-indicator-border-offset: -2px;
51
+ --b-tutorial-popover-ripple-after-position: -24px;
52
+ --b-tutorial-popover-ripple-before-position: -48px;
53
+ --b-tutorial-popover-steps-line-height: 26px;
54
+ --b-tooltip-max-width: 300px;
55
+ --b-toggle-track-toggled-border: 0;
56
+ --b-toggle-track-width: 36px;
57
+ --b-toggle-track-height: 20px;
58
+ --b-toggle-handle-toggled-width: 16px;
59
+ --b-toggle-handle-toggled-height: 16px;
60
+ --b-toggle-handle-width: 12px;
61
+ --b-toggle-handle-height: 12px;
62
+ --b-toggle-button-tertiary-disabled-background-color-inverse: rgba(0, 0, 0, 0);
63
+ --b-toggle-button-tertiary-disabled-background-color: rgba(0, 0, 0, 0);
64
+ --b-toggle-button-primary-toggled-disabled-box-shadow-inverse: none;
65
+ --b-toggle-button-primary-toggled-disabled-box-shadow: none;
66
+ --b-toast-width: 420px;
67
+ --b-timeline-max-width: 500px;
68
+ --b-textarea-description-padding: 0;
69
+ --b-textarea-input-min-height: 44px;
70
+ --b-textarea-min-width: 200px;
71
+ --b-tabs-notification-dot-width: 7px;
72
+ --b-tabs-notification-dot-height: 7px;
73
+ --b-tabs-tab-list-height: 30px;
74
+ --b-stepper-step-index-height: 20px;
75
+ --b-stepper-step-index-width: 20px;
76
+ --b-stepper-max-width: 200px;
77
+ --b-status-indicator-wrapper-height: 20px;
78
+ --b-status-indicator-size: 10px;
79
+ --b-status-column-gap: 12px;
80
+ --b-sidepanel-page-actions-border-top: 1px solid rgba(0, 0, 0, 0);
81
+ --b-sidepanel-page-actions-height: 68px;
82
+ --b-sidepanel-page-header-border-bottom: 1px solid rgba(0, 0, 0, 0);
83
+ --b-sidepanel-page-header-flex-basis: 64px;
84
+ --b-sidepanel-close-button-height: 64px;
85
+ --b-sidepanel-l-and-up-max-width: 680px;
86
+ --b-sidepanel-l-and-up-min-width: 480px;
87
+ --b-sidepanel-width: 480px;
88
+ --b-selection-card-icon-width: 48px;
89
+ --b-selection-card-icon-height: 48px;
90
+ --b-secondary-nav-max-width: 200px;
91
+ --b-rich-text-editor-content-area-min-height: 80px;
92
+ --b-rich-text-editor-renderer-min-height: 80px;
93
+ --b-radio-input-knob-size: 8px;
94
+ --b-radio-input-knob-offset-error: 2.5px;
95
+ --b-radio-input-knob-offset: 3px;
96
+ --b-radio-button-knob-size: 8px;
97
+ --b-radio-button-knob-offset-error: 2.5px;
98
+ --b-radio-button-knob-offset: 3px;
99
+ --b-popover-border: unset;
100
+ --b-modal-header-container-padding-block: 19px;
101
+ --b-loading-button-tertiary-loading-text-decoration: underline;
102
+ --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
103
+ --b-loading-button-secondary-success-hover-box-shadow: unset;
104
+ --b-link-hover-text-decoration: none;
105
+ --b-link-text-decoration: underline;
106
+ --b-input-field-input-box-focus-border-width: 1.5px;
107
+ --b-input-field-input-box-height: 36px;
108
+ --b-input-field-password-validation-title-font-weight: 700;
109
+ --b-header-actions-margin-top-desktop: 0;
110
+ --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
111
+ --b-filter-button-label-line-height: 20px;
112
+ --b-filter-bar-select-filter-button-divider-border-width: 0;
113
+ --b-filter-bar-select-filter-divider-border-width: 0;
114
+ --b-filter-bar-fixed-scroller-button-condensed-max-height: inherit;
115
+ --b-filter-bar-fixed-scroller-button-condensed-height: inherit;
116
+ --b-filter-bar-button-secondary-label-padding: 0;
117
+ --b-filter-bar-button-secondary-label-border-radius: 0;
118
+ --b-filter-bar-button-secondary-label-background-color: inherit;
119
+ --b-filter-bar-button-label-line-height: 20px;
120
+ --b-filter-bar-button-height: 28px;
121
+ --b-error-message-icon-height: 20px;
122
+ --b-dropdown-small-textbox-base-textbox-height: auto;
123
+ --b-dropdown-small-textbox-padding: 4px 6px;
124
+ --b-dropdown-small-textbox-max-height: 18px;
125
+ --b-dropdown-small-textbox-height: 28px;
126
+ --b-dropdown-options-container-border-width: 0px;
127
+ --b-dropdown-options-container-border-color: unset;
128
+ --b-dropdown-default-textbox-additional-items-condensed-max-height: 24px;
129
+ --b-dropdown-default-textbox-condensed-min-height: 28px;
130
+ --b-dropdown-default-textbox-focus-outline-width: 0.5px;
131
+ --b-dropdown-default-textbox-height: 36px;
132
+ --b-divider-border: none;
133
+ --b-dialog-page-actions-border-top: 1px solid rgba(0, 0, 0, 0);
134
+ --b-dialog-page-footer-border-top: 1px solid rgba(0, 0, 0, 0);
135
+ --b-dialog-page-header-border-bottom: 1px solid rgba(0, 0, 0, 0);
136
+ --b-date-range-picker-calendar-label-to-display: initial;
137
+ --b-date-range-picker-calendar-label-from-display: initial;
138
+ --b-date-range-picker-calendar-form-date-format-example-display: initial;
139
+ --b-date-range-picker-calendar-form-width: 332px;
140
+ --b-date-range-picker-calendar-form-min-width: auto;
141
+ --b-date-range-picker-calendar-calendars-container-border-right: none;
142
+ --b-date-range-picker-calendar-calendars-container-background-color: inherit;
143
+ --b-date-range-picker-calendar-flex-direction: row;
144
+ --b-data-grid-re-order-column-target-separator-width: 3px;
145
+ --b-data-grid-config-settings-button-and-separator-padding: 0;
146
+ --b-data-grid-resizer-last-child-offset-right: -5px;
147
+ --b-data-grid-resizer-last-child-right: -4px;
148
+ --b-data-grid-resizer-width: 8px;
149
+ --b-data-grid-cell-hover-padding: 14px 15px;
150
+ --b-data-grid-row-nested-rows-loading-container-padding: 14px;
151
+ --b-data-grid-column-separator-height: 100%;
152
+ --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
153
+ --b-data-grid-column-hover-padding: 7px 15px;
154
+ --b-data-grid-column-height: auto;
155
+ --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
156
+ --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
157
+ --b-data-grid-static-icon-size: 16px;
158
+ --b-code-snippet-empty-state-min-height: 200px;
159
+ --b-code-snippet-code-area-content-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
160
+ --b-code-snippet-code-area-margin: 0;
161
+ --b-card-toggle-small-text-height: 24px;
162
+ --b-card-toggle-height: 26px;
163
+ --b-calendar-year-month-focus-visible-z-index: 1;
164
+ --b-calendar-year-month-width: 60px;
165
+ --b-calendar-year-month-height: 60px;
166
+ --b-calendar-year-year-container-border-collapse: collapse;
167
+ --b-calendar-month-day-width: 40px;
168
+ --b-calendar-month-day-height: 40px;
169
+ --b-button-condensed-tertiary-height: auto;
170
+ --b-button-condensed-icon-width: auto;
171
+ --b-button-condensed-icon-height: auto;
172
+ --b-button-condensed-line-height: 20px;
173
+ --b-button-tertiary-with-background-critical-disabled-background-color-inverse: rgba(0, 0, 0, 0);
174
+ --b-button-tertiary-with-background-critical-disabled-background-color: rgba(0, 0, 0, 0);
175
+ --b-button-tertiary-with-background-disabled-background-color-inverse: rgba(0, 0, 0, 0);
176
+ --b-button-tertiary-with-background-disabled-background-color: rgba(0, 0, 0, 0);
177
+ --b-button-tertiary-critical-hover-box-shadow: unset;
178
+ --b-button-tertiary-critical-hover-background-color: rgba(0, 0, 0, 0);
179
+ --b-button-tertiary-critical-disabled-background-color: rgba(0, 0, 0, 0);
180
+ --b-button-tertiary-critical-active-background-color: rgba(0, 0, 0, 0);
181
+ --b-button-tertiary-critical-background-color: rgba(0, 0, 0, 0);
182
+ --b-button-tertiary-disabled-background-color: rgba(0, 0, 0, 0);
183
+ --b-button-tertiary-active-text-decoration: none;
184
+ --b-button-tertiary-active-background-color: rgba(0, 0, 0, 0);
185
+ --b-button-tertiary-hover-text-decoration: none;
186
+ --b-button-tertiary-hover-background-color: rgba(0, 0, 0, 0);
187
+ --b-button-tertiary-text-decoration: underline;
188
+ --b-button-tertiary-height: auto;
189
+ --b-button-tertiary-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
190
+ --b-button-tertiary-background-color: rgba(0, 0, 0, 0);
191
+ --b-button-line-height: 20px;
192
+ --b-button-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
193
+ --b-avatar-image-small-width: 24px;
194
+ --b-avatar-image-small-height: 24px;
195
+ --b-alert-tip-icon-height: 20px;
196
+ --b-alert-icon-height: 24px;
197
+ --b-action-bar-container-border-radius: 28px;
198
+ --b-z-index-local-tier-4: 4;
199
+ --b-z-index-local-tier-3: 3;
200
+ --b-z-index-local-tier-2: 2;
201
+ --b-z-index-local-tier-1: 1;
202
+ --b-z-index-global-instant-interaction: 15;
203
+ --b-z-index-global-navigation: 10;
204
+ --b-z-index-global-elevated: 5;
205
+ --b-z-index-global-screen: auto;
206
+ --b-text-title-l-mobile-line-height: 30px;
207
+ --b-text-title-l-mobile-font-size: 20px;
208
+ --b-text-title-l-letter-spacing: 0;
209
+ --b-text-title-l-line-height: 34px;
210
+ --b-text-title-l-font-weight: 600;
211
+ --b-text-title-l-font-size: 24px;
212
+ --b-text-title-l-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
213
+ --b-text-title-m-mobile-line-height: 28px;
214
+ --b-text-title-m-mobile-font-size: 18px;
215
+ --b-text-title-m-letter-spacing: 0;
216
+ --b-text-title-m-line-height: 30px;
217
+ --b-text-title-m-font-weight: 600;
218
+ --b-text-title-m-font-size: 20px;
219
+ --b-text-title-m-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
220
+ --b-text-title-mobile-line-height: 26px;
221
+ --b-text-title-mobile-font-size: 16px;
222
+ --b-text-title-letter-spacing: 0;
223
+ --b-text-title-line-height: 26px;
224
+ --b-text-title-font-weight: 600;
225
+ --b-text-title-font-size: 16px;
226
+ --b-text-title-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
227
+ --b-text-subtitle-stronger-font-weight: 600;
228
+ --b-text-subtitle-letter-spacing: 0;
229
+ --b-text-subtitle-line-height: 26px;
230
+ --b-text-subtitle-font-weight: 500;
231
+ --b-text-subtitle-font-size: 16px;
232
+ --b-text-subtitle-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
233
+ --b-text-body-strongest-wide-line-height: 24px;
234
+ --b-text-body-strongest-wide-font-weight: 600;
235
+ --b-text-body-strongest-font-weight: 600;
236
+ --b-text-body-stronger-wide-line-height: 24px;
237
+ --b-text-body-stronger-wide-font-weight: 500;
238
+ --b-text-body-stronger-font-weight: 500;
239
+ --b-text-body-wide-line-height: 24px;
240
+ --b-text-body-letter-spacing: 0;
241
+ --b-text-body-line-height: 20px;
242
+ --b-text-body-font-weight: 400;
243
+ --b-text-body-font-size: 14px;
244
+ --b-text-body-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
245
+ --b-text-caption-stronger-wide-line-height: 20px;
246
+ --b-text-caption-stronger-wide-font-weight: 500;
247
+ --b-text-caption-stronger-font-weight: 500;
248
+ --b-text-caption-wide-line-height: 20px;
249
+ --b-text-caption-letter-spacing: 0;
250
+ --b-text-caption-line-height: 18px;
251
+ --b-text-caption-font-weight: 400;
252
+ --b-text-caption-font-size: 12px;
253
+ --b-text-caption-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
254
+ --b-text-rich-text-caption-pre-line-height: 20px;
255
+ --b-text-rich-text-table-caption-line-height: 20px;
256
+ --b-text-rich-text-table-header-font-weight: 700;
257
+ --b-text-rich-text-table-line-height: 20px;
258
+ --b-text-rich-text-blockquote-font-weight: 500;
259
+ --b-text-rich-text-pre-line-height: 24px;
260
+ --b-text-rich-text-code-font-weight: 500;
261
+ --b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
262
+ --b-text-rich-text-heading-font-weight: 700;
263
+ --b-text-font-variant-numeric: normal;
264
+ --b-focus-ring-color: rgba(15, 117, 220, 0.8);
265
+ --b-color-support-shadow: #001222;
266
+ --b-color-support-overlay: #001222;
267
+ --b-color-decorative-grey: #848d96;
268
+ --b-color-decorative-red: #f73f01;
269
+ --b-color-decorative-orange: #f99300;
270
+ --b-color-decorative-yellow: #f9c500;
271
+ --b-color-decorative-blue: #006bd7;
272
+ --b-color-decorative-green: #00d16a;
273
+ --b-color-separator-inverse-secondary: #5c6874;
274
+ --b-color-separator-inverse-primary: #2f3e4d;
275
+ --b-color-separator-secondary: #c8ccd0;
276
+ --b-color-separator-primary: #dadddf;
277
+ --b-color-outline-inverse-critical-active: #ffded3;
278
+ --b-color-outline-inverse-critical-hover: #ffbda6;
279
+ --b-color-outline-inverse-critical: #ff9a78;
280
+ --b-color-outline-inverse-disabled: #455460;
281
+ --b-color-outline-inverse-primary-active: #9da5ac;
282
+ --b-color-outline-inverse-primary-hover: #6c7782;
283
+ --b-color-outline-inverse-primary: #2f3e4d;
284
+ --b-color-outline-success-active: #004724;
285
+ --b-color-outline-success-hover: #00773c;
286
+ --b-color-outline-success: #008845;
287
+ --b-color-outline-critical-active: #751e00;
288
+ --b-color-outline-critical-hover: #c13101;
289
+ --b-color-outline-critical: #dc3801;
290
+ --b-color-outline-selected: #001222;
291
+ --b-color-outline-disabled: #dadddf;
292
+ --b-color-outline-tertiary-active: #001222;
293
+ --b-color-outline-tertiary-hover: #6c7782;
294
+ --b-color-outline-tertiary: #8c959d;
295
+ --b-color-outline-secondary-active: #001222;
296
+ --b-color-outline-secondary-hover: #b7bdc2;
297
+ --b-color-outline-secondary: #c8ccd0;
298
+ --b-color-outline-primary-active: #001222;
299
+ --b-color-outline-primary-hover: #c8ccd0;
300
+ --b-color-outline-primary: #dadddf;
301
+ --b-color-link-quiet-disabled: #8c959d;
302
+ --b-color-link-quiet-active: #5c6874;
303
+ --b-color-link-quiet-hover: #5c6874;
304
+ --b-color-link-quiet: #001222;
305
+ --b-color-link-primary-visited-active: #710ab3;
306
+ --b-color-link-primary-visited-hover: #710ab3;
307
+ --b-color-link-primary-visited: #540884;
308
+ --b-color-link-primary-disabled: #8c959d;
309
+ --b-color-link-primary-active: #0f75dc;
310
+ --b-color-link-primary-hover: #0f75dc;
311
+ --b-color-link-primary: #0065c9;
312
+ --b-color-label-always-dark: #001222;
313
+ --b-color-label-always-light-tertiary-active: #54616d;
314
+ --b-color-label-always-light-tertiary-hover: #737e88;
315
+ --b-color-label-always-light-tertiary: #848d96;
316
+ --b-color-label-always-light-secondary-active: #737e88;
317
+ --b-color-label-always-light-secondary-hover: #959da5;
318
+ --b-color-label-always-light-secondary: #a6adb3;
319
+ --b-color-label-always-light-primary-active: #959da5;
320
+ --b-color-label-always-light-primary-hover: #c8ccd0;
321
+ --b-color-label-always-light-primary: #ecedef;
322
+ --b-color-label-always-light: #ffffff;
323
+ --b-color-label-on-background-highlight-weak: #0065c9;
324
+ --b-color-label-on-background-success-weak: #00773c;
325
+ --b-color-label-on-background-warning-weak: #955900;
326
+ --b-color-label-on-background-critical-weak: #c13101;
327
+ --b-color-label-inverse-critical-active: #ffded3;
328
+ --b-color-label-inverse-critical-hover: #ffbda6;
329
+ --b-color-label-inverse-critical: #ff9a78;
330
+ --b-color-label-inverse-disabled: #737e88;
331
+ --b-color-label-inverse-secondary: #9da5ac;
332
+ --b-color-label-inverse-primary-active: #ecedef;
333
+ --b-color-label-inverse-primary-hover: #f4f5f6;
334
+ --b-color-label-inverse-primary: #ffffff;
335
+ --b-color-label-on-color: #ffffff;
336
+ --b-color-label-success: #008845;
337
+ --b-color-label-highlight: #0f75dc;
338
+ --b-color-label-warning: #ab6600;
339
+ --b-color-label-critical-active: #751e00;
340
+ --b-color-label-critical-hover: #c13101;
341
+ --b-color-label-critical: #dc3801;
342
+ --b-color-label-disabled: #8c959d;
343
+ --b-color-label-tertiary: #8c959d;
344
+ --b-color-label-secondary: #5c6874;
345
+ --b-color-label-primary-active: #6c7782;
346
+ --b-color-label-primary-hover: #5c6874;
347
+ --b-color-label-primary: #001222;
348
+ --b-color-background-always-dark-tertiary-selected: #00305f;
349
+ --b-color-background-always-dark-tertiary-disabled: #ecedef;
350
+ --b-color-background-always-dark-tertiary-active: #455460;
351
+ --b-color-background-always-dark-tertiary-hover: #3d4c5a;
352
+ --b-color-background-always-dark-tertiary: #2f3e4d;
353
+ --b-color-background-always-dark-secondary-selected: #00305f;
354
+ --b-color-background-always-dark-secondary-disabled: #ecedef;
355
+ --b-color-background-always-dark-secondary-active: #455460;
356
+ --b-color-background-always-dark-secondary-hover: #364553;
357
+ --b-color-background-always-dark-secondary: #213140;
358
+ --b-color-background-always-dark-primary-selected: #00305f;
359
+ --b-color-background-always-dark-primary-disabled: #ecedef;
360
+ --b-color-background-always-dark-primary-active: #213140;
361
+ --b-color-background-always-dark-primary-hover: #132434;
362
+ --b-color-background-always-dark-primary: #001222;
363
+ --b-color-background-always-dark-selected: #00305f;
364
+ --b-color-background-always-dark-disabled: #ecedef;
365
+ --b-color-background-always-dark-active: #8c959d;
366
+ --b-color-background-always-dark-hover: #5c6874;
367
+ --b-color-background-always-dark: #001222;
368
+ --b-color-background-always-light-selected: #e3effb;
369
+ --b-color-background-always-light-disabled: #ecedef;
370
+ --b-color-background-always-light-active: #ecedef;
371
+ --b-color-background-always-light-hover: #f4f5f6;
372
+ --b-color-background-always-light: #ffffff;
373
+ --b-color-background-inverse-critical-strong-active: #ffded3;
374
+ --b-color-background-inverse-critical-strong-hover: #ffbda6;
375
+ --b-color-background-inverse-critical-strong: #ff9a78;
376
+ --b-color-background-inverse-critical-weak: #5c1800;
377
+ --b-color-background-inverse-disabled: #273746;
378
+ --b-color-background-inverse-secondary-active: #364553;
379
+ --b-color-background-inverse-secondary-hover: #273746;
380
+ --b-color-background-inverse-secondary: #1a2b3b;
381
+ --b-color-background-inverse-primary-active: #6c7782;
382
+ --b-color-background-inverse-primary-hover: #5c6874;
383
+ --b-color-background-inverse-primary: #001222;
384
+ --b-color-background-highlight-strong: #0f75dc;
385
+ --b-color-background-highlight-weak: #f0f6fd;
386
+ --b-color-background-success-strong: #008845;
387
+ --b-color-background-success-weak: #e4faef;
388
+ --b-color-background-warning-strong: #d77f00;
389
+ --b-color-background-warning-weak: #fff4e5;
390
+ --b-color-background-critical-strong-active: #751e00;
391
+ --b-color-background-critical-strong-hover: #c13101;
392
+ --b-color-background-critical-strong: #dc3801;
393
+ --b-color-background-critical-weak: #fff3ef;
394
+ --b-color-background-selected: #e3effb;
395
+ --b-color-background-disabled: #ecedef;
396
+ --b-color-background-modal-active: #ecedef;
397
+ --b-color-background-modal-hover: #f4f5f6;
398
+ --b-color-background-modal: #ffffff;
399
+ --b-color-background-quaternary-active: #aeb5ba;
400
+ --b-color-background-quaternary-hover: #b7bdc2;
401
+ --b-color-background-quaternary: #c0c5ca;
402
+ --b-color-background-tertiary-active: #dadddf;
403
+ --b-color-background-tertiary-hover: #e2e5e7;
404
+ --b-color-background-tertiary: #ecedef;
405
+ --b-color-background-secondary-active: #e2e5e7;
406
+ --b-color-background-secondary-hover: #ecedef;
407
+ --b-color-background-secondary: #f4f5f6;
408
+ --b-color-background-primary-active: #ecedef;
409
+ --b-color-background-primary-hover: #f4f5f6;
410
+ --b-color-background-primary: #ffffff;
411
+ --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%);
412
+ --b-tutorial-indicator-border: var(--b-border-width-m) solid var(--b-color-decorative-green);
413
+ --b-tutorial-popover-footer-padding-top: var(--b-spacer-060);
414
+ --b-tutorial-popover-footer-column-gap: var(--b-spacer-040);
415
+ --b-tutorial-popover-header-padding-bottom: var(--b-spacer-060);
416
+ --b-tutorial-popover-header-gap: var(--b-spacer-070);
417
+ --b-tutorial-popover-ripple-after-width: var(--b-spacer-050);
418
+ --b-tutorial-popover-ripple-after-height: var(--b-spacer-030);
419
+ --b-tutorial-popover-ripple-before-width: var(--b-spacer-140);
420
+ --b-tutorial-popover-ripple-before-height: var(--b-spacer-120);
421
+ --b-tutorial-popover-ripple-before-filter: blur(var(--b-spacer-110));
422
+ --b-tutorial-popover-ripple-before-background-color: var(--b-color-decorative-green);
423
+ --b-tutorial-popover-color: var(--b-color-label-secondary);
424
+ --b-tooltip-z-index: var(--b-z-index-global-elevated);
425
+ --b-tooltip-padding: var(--b-spacer-020) var(--b-spacer-040);
426
+ --b-tooltip-color: var(--b-color-label-inverse-primary);
427
+ --b-tooltip-border-radius: var(--b-border-radius-s);
428
+ --b-tooltip-background-color: var(--b-color-background-inverse-primary);
429
+ --b-toggle-description-padding: var(--b-spacer-020);
430
+ --b-toggle-description-color: var(--b-color-label-secondary);
431
+ --b-toggle-label-padding: var(--b-spacer-070);
432
+ --b-toggle-label-color: var(--b-color-label-primary);
433
+ --b-toggle-track-toggled-readonly-background-color: var(--b-color-background-quaternary);
434
+ --b-toggle-track-toggled-disabled-background-color: var(--b-color-background-quaternary);
435
+ --b-toggle-track-toggled-active-background-color: var(--b-color-background-inverse-primary-active);
436
+ --b-toggle-track-toggled-hover-background-color: var(--b-color-background-inverse-primary-hover);
437
+ --b-toggle-track-toggled-padding: var(--b-spacer-010);
438
+ --b-toggle-track-toggled-background-color: var(--b-color-background-inverse-primary);
439
+ --b-toggle-track-readonly-border-color: var(--b-color-outline-disabled);
440
+ --b-toggle-track-readonly-background-color: var(--b-color-background-secondary);
441
+ --b-toggle-track-disabled-border-color: var(--b-color-outline-disabled);
442
+ --b-toggle-track-disabled-background-color: var(--b-color-background-secondary);
443
+ --b-toggle-track-active-border-color: var(--b-color-outline-tertiary-active);
444
+ --b-toggle-track-active-background-color: var(--b-color-background-primary-active);
445
+ --b-toggle-track-hover-border-color: var(--b-color-outline-tertiary-hover);
446
+ --b-toggle-track-hover-background-color: var(--b-color-background-primary-hover);
447
+ --b-toggle-track-background-color: var(--b-color-background-primary);
448
+ --b-toggle-track-border-radius: var(--b-border-radius-l);
449
+ --b-toggle-track-border: 1px solid var(--b-color-outline-tertiary);
450
+ --b-toggle-track-padding: var(--b-spacer-010) var(--b-spacer-020);
451
+ --b-toggle-handle-toggled-readonly-background-color: var(--b-color-background-disabled);
452
+ --b-toggle-handle-toggled-disabled-color: var(--b-color-label-disabled);
453
+ --b-toggle-handle-toggled-disabled-background-color: var(--b-color-background-disabled);
454
+ --b-toggle-handle-toggled-color: var(--b-color-label-primary);
455
+ --b-toggle-handle-toggled-background-color: var(--b-color-background-primary);
456
+ --b-toggle-handle-disabled-background-color: var(--b-color-label-disabled);
457
+ --b-toggle-handle-transition: transform var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
458
+ --b-toggle-handle-border-radius: var(--b-border-radius-l);
459
+ --b-toggle-handle-background-color: var(--b-color-background-inverse-primary);
460
+ --b-toggle-button-tertiary-toggled-hover-background-color-inverse: var(--b-color-background-inverse-secondary-hover);
461
+ --b-toggle-button-tertiary-toggled-hover-background-color: var(--b-color-background-tertiary-hover);
462
+ --b-toggle-button-tertiary-toggled-disabled-color-inverse: var(--b-color-label-inverse-disabled);
463
+ --b-toggle-button-tertiary-toggled-disabled-color: var(--b-color-label-disabled);
464
+ --b-toggle-button-tertiary-toggled-disabled-background-color-inverse: var(--b-color-background-inverse-secondary);
465
+ --b-toggle-button-tertiary-toggled-disabled-background-color: var(--b-color-background-tertiary);
466
+ --b-toggle-button-tertiary-toggled-active-background-color-inverse: var(--b-color-background-inverse-secondary-active);
467
+ --b-toggle-button-tertiary-toggled-active-background-color: var(--b-color-background-tertiary-active);
468
+ --b-toggle-button-tertiary-toggled-background-color-inverse: var(--b-color-background-inverse-secondary-active);
469
+ --b-toggle-button-tertiary-toggled-background-color: var(--b-color-background-tertiary);
470
+ --b-toggle-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary);
471
+ --b-toggle-button-tertiary-hover-color: var(--b-color-label-primary-hover);
472
+ --b-toggle-button-tertiary-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
473
+ --b-toggle-button-tertiary-hover-background-color: var(--b-color-background-primary-hover);
474
+ --b-toggle-button-tertiary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
475
+ --b-toggle-button-tertiary-disabled-color: var(--b-color-label-disabled);
476
+ --b-toggle-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary);
477
+ --b-toggle-button-tertiary-active-color: var(--b-color-label-primary-active);
478
+ --b-toggle-button-tertiary-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
479
+ --b-toggle-button-tertiary-active-background-color: var(--b-color-background-primary-active);
480
+ --b-toggle-button-secondary-toggled-hover-background-color-inverse: var(--b-color-background-inverse-secondary-hover);
481
+ --b-toggle-button-secondary-toggled-hover-background-color: var(--b-color-background-tertiary-hover);
482
+ --b-toggle-button-secondary-toggled-disabled-color-inverse: var(--b-color-label-inverse-disabled);
483
+ --b-toggle-button-secondary-toggled-disabled-color: var(--b-color-label-disabled);
484
+ --b-toggle-button-secondary-toggled-disabled-background-color-inverse: var(--b-color-background-inverse-secondary);
485
+ --b-toggle-button-secondary-toggled-disabled-background-color: var(--b-color-background-tertiary);
486
+ --b-toggle-button-secondary-toggled-active-background-color-inverse: var(--b-color-background-inverse-secondary-active);
487
+ --b-toggle-button-secondary-toggled-active-background-color: var(--b-color-background-tertiary-active);
488
+ --b-toggle-button-secondary-toggled-border-color-inverse: var(--b-color-outline-inverse-primary);
489
+ --b-toggle-button-secondary-toggled-border-color: var(--b-color-outline-tertiary-active);
490
+ --b-toggle-button-secondary-toggled-background-color-inverse: var(--b-color-background-inverse-secondary-active);
491
+ --b-toggle-button-secondary-toggled-background-color: var(--b-color-background-tertiary);
492
+ --b-toggle-button-primary-toggled-hover-background-color-inverse: var(--b-color-background-tertiary-hover);
493
+ --b-toggle-button-primary-toggled-hover-background-color: var(--b-color-background-inverse-secondary-hover);
494
+ --b-toggle-button-primary-toggled-disabled-color-inverse: var(--b-color-label-disabled);
495
+ --b-toggle-button-primary-toggled-disabled-color: var(--b-color-label-inverse-disabled);
496
+ --b-toggle-button-primary-toggled-disabled-background-color-inverse: var(--b-color-background-tertiary);
497
+ --b-toggle-button-primary-toggled-disabled-background-color: var(--b-color-background-inverse-disabled);
498
+ --b-toggle-button-primary-toggled-active-background-color-inverse: var(--b-color-background-tertiary-active);
499
+ --b-toggle-button-primary-toggled-active-background-color: var(--b-color-background-inverse-secondary-active);
500
+ --b-toggle-button-primary-toggled-background-color-inverse: var(--b-color-background-tertiary);
501
+ --b-toggle-button-primary-toggled-background-color: var(--b-color-background-inverse-secondary-active);
502
+ --b-toast-item-padding: var(--b-spacer-070);
503
+ --b-toast-item-shadow: var(--b-shadow-medium-border);
504
+ --b-toast-item-icon-margin: var(--b-spacer-070);
505
+ --b-toast-item-icon-color: var(--b-color-label-highlight);
506
+ --b-toast-item-z-index: var(--b-z-index-global-instant-interaction);
507
+ --b-toast-item-spacing: var(--b-spacer-070);
508
+ --b-toast-item-button-color: var(--b-color-label-inverse-primary);
509
+ --b-toast-item-color: var(--b-color-label-inverse-primary);
510
+ --b-toast-item-border-radius: var(--b-border-radius-m);
511
+ --b-toast-item-border-width: var(--b-border-width-s);
512
+ --b-toast-item-border-color: var(--b-color-outline-inverse-primary);
513
+ --b-toast-item-background-color: var(--b-color-background-inverse-primary);
514
+ --b-toast-animation-duration: var(--b-animation-duration-slow);
515
+ --b-toast-spacing-outer: var(--b-spacer-070);
516
+ --b-toast-spacing-inner: var(--b-spacer-060);
517
+ --b-timeline-note-timestamp-margin-top: var(--b-spacer-050);
518
+ --b-timeline-item-timegap-color: var(--b-color-label-secondary);
519
+ --b-timeline-item-tag-margin-top: var(--b-spacer-050);
520
+ --b-timeline-item-data-list-margin-top: var(--b-spacer-050);
521
+ --b-timeline-item-description-margin-top: var(--b-spacer-050);
522
+ --b-timeline-item-description-color: var(--b-color-label-primary);
523
+ --b-timeline-item-timestamp-gap: var(--b-spacer-030);
524
+ --b-timeline-item-timestamp-color: var(--b-color-label-secondary);
525
+ --b-timeline-item-title-padding-top: var(--b-spacer-020);
526
+ --b-timeline-item-title-margin-bottom: var(--b-spacer-010);
527
+ --b-timeline-item-title-color: var(--b-color-label-primary);
528
+ --b-timeline-item-separator-background-color: var(--b-color-separator-secondary);
529
+ --b-timeline-item-icon-timegap-margin: var(--b-spacer-030) auto;
530
+ --b-timeline-item-icon-timegap-border: var(--b-border-width-s) solid var(--b-color-separator-secondary);
531
+ --b-timeline-item-icon-timegap-padding-bottom: var(--b-spacer-030);
532
+ --b-timeline-item-icon-yellow-color: var(--b-color-decorative-yellow);
533
+ --b-timeline-item-icon-red-color: var(--b-color-decorative-red);
534
+ --b-timeline-item-icon-orange-color: var(--b-color-decorative-orange);
535
+ --b-timeline-item-icon-grey-color: var(--b-color-decorative-grey);
536
+ --b-timeline-item-icon-green-color: var(--b-color-decorative-green);
537
+ --b-timeline-item-icon-blue-color: var(--b-color-decorative-blue);
538
+ --b-timeline-item-icon-critical-color: var(--b-color-label-critical);
539
+ --b-timeline-item-icon-success-color: var(--b-color-label-success);
540
+ --b-timeline-item-icon-default-margin: var(--b-spacer-010) 0;
541
+ --b-timeline-item-icon-default-color: var(--b-color-background-inverse-primary);
542
+ --b-timeline-item-icon-color: var(--b-color-label-primary);
543
+ --b-timeline-item-icon-margin: var(--b-spacer-010) 0;
544
+ --b-timeline-item-content-padding-bottom: var(--b-spacer-100);
545
+ --b-timeline-item-row-gap: var(--b-spacer-070);
546
+ --b-timeline-add-note-section-padding-bottom: var(--b-spacer-090);
547
+ --b-textarea-description-error-color: var(--b-color-label-critical);
548
+ --b-textarea-description-margin-top: var(--b-spacer-020);
549
+ --b-textarea-description-color: var(--b-color-label-secondary);
550
+ --b-textarea-input-clearable-padding: var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060);
551
+ --b-textarea-input-readonly-border-color: var(--b-color-outline-disabled);
552
+ --b-textarea-input-readonly-background-color: var(--b-color-background-disabled);
553
+ --b-textarea-input-placeholder-color: var(--b-color-label-tertiary);
554
+ --b-textarea-input-hover-border-color: var(--b-color-outline-tertiary-active);
555
+ --b-textarea-input-focus-border: 1.5px solid var(--b-color-outline-tertiary-active);
556
+ --b-textarea-input-error-background-color: var(--b-color-outline-critical);
557
+ --b-textarea-input-disabled-color: var(--b-color-label-disabled);
558
+ --b-textarea-input-disabled-border-color: var(--b-color-outline-disabled);
559
+ --b-textarea-input-disabled-background-color: var(--b-color-background-disabled);
560
+ --b-textarea-input-color: var(--b-color-label-primary);
561
+ --b-textarea-input-padding: var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);
562
+ --b-textarea-input-border-radius: var(--b-border-radius-m);
563
+ --b-textarea-input-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
564
+ --b-textarea-input-background-color: var(--b-color-background-primary);
565
+ --b-textarea-input-box-margin-bottom: var(--b-spacer-040);
566
+ --b-textarea-label-item-error-color: var(--b-color-label-critical);
567
+ --b-textarea-label-item-color: var(--b-color-label-secondary);
568
+ --b-textarea-label-margin-bottom: var(--b-spacer-040);
569
+ --b-textarea-label-color: var(--b-color-label-primary);
570
+ --b-tag-white-background-color: var(--b-color-background-primary);
571
+ --b-tag-white-color: var(--b-color-label-primary);
572
+ --b-tag-red-background-color: var(--b-color-background-critical-weak);
573
+ --b-tag-red-color: var(--b-color-label-on-background-critical-weak);
574
+ --b-tag-orange-background-color: var(--b-color-background-warning-weak);
575
+ --b-tag-orange-color: var(--b-color-label-on-background-warning-weak);
576
+ --b-tag-green-background-color: var(--b-color-background-success-weak);
577
+ --b-tag-green-color: var(--b-color-label-on-background-success-weak);
578
+ --b-tag-blue-background-color: var(--b-color-background-highlight-weak);
579
+ --b-tag-blue-color: var(--b-color-label-on-background-highlight-weak);
580
+ --b-tag-default-background-color: var(--b-color-background-secondary);
581
+ --b-tag-default-color: var(--b-color-label-secondary);
582
+ --b-tag-padding: var(--b-spacer-010) var(--b-spacer-040);
583
+ --b-tabs-notification-dot-margin-left: var(--b-spacer-030);
584
+ --b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
585
+ --b-tabs-counter-hover-color: var(--b-color-label-primary);
586
+ --b-tabs-counter-disabled-color: var(--b-color-label-disabled);
587
+ --b-tabs-counter-active-color: var(--b-color-label-primary);
588
+ --b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
589
+ --b-tabs-counter-margin-left: var(--b-spacer-030);
590
+ --b-tabs-counter-color: var(--b-color-label-secondary);
591
+ --b-tabs-counter-border-radius: var(--b-border-radius-s);
592
+ --b-tabs-counter-background-color: var(--b-color-background-secondary);
593
+ --b-tabs-tab-underline-width: var(--b-spacer-080);
594
+ --b-tabs-tab-underline-height-active: var(--b-border-width-m);
595
+ --b-tabs-tab-underline-height: var(--b-border-width-s);
596
+ --b-tabs-tab-underline-color: var(--b-color-outline-primary-active);
597
+ --b-tabs-tab-title-hover-color: var(--b-color-label-primary);
598
+ --b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
599
+ --b-tabs-tab-title-active-color: var(--b-color-label-primary);
600
+ --b-tabs-tab-title-color: var(--b-color-label-secondary);
601
+ --b-tabs-tab-text-height: var(--b-spacer-090);
602
+ --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
603
+ --b-tabs-tab-list-gap: var(--b-spacer-090);
604
+ --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
605
+ --b-tabs-sticky-padding-top: var(--b-spacer-060);
606
+ --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
607
+ --b-tabs-background-color: var(--b-color-background-primary);
608
+ --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
609
+ --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
610
+ --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
611
+ --b-summary-grid-item-content-label-font-weight: var(--b-text-body-strongest-font-weight);
612
+ --b-summary-grid-item-title-icons-margin-left: var(--b-spacer-060);
613
+ --b-summary-grid-item-title-icons-height: var(--b-text-body-line-height);
614
+ --b-summary-grid-item-title-icons-gap: var(--b-spacer-060);
615
+ --b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
616
+ --b-summary-grid-item-gap: var(--b-spacer-040);
617
+ --b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
618
+ --b-summary-grid-item-color: var(--b-color-label-primary);
619
+ --b-summary-grid-item-border-radius: var(--b-border-radius-m);
620
+ --b-summary-grid-item-background-color: var(--b-color-background-secondary);
621
+ --b-summary-grid-gap: var(--b-spacer-040);
622
+ --b-structured-list-item-icon-margin: var(--b-spacer-010);
623
+ --b-structured-list-item-item-value-mobile-padding: var(--b-spacer-010) 0;
624
+ --b-structured-list-item-item-value-gap: var(--b-spacer-070);
625
+ --b-structured-list-item-item-value-color: var(--b-color-label-primary);
626
+ --b-structured-list-item-label-icon-color: var(--b-color-label-primary);
627
+ --b-structured-list-item-label-gap: var(--b-spacer-040);
628
+ --b-structured-list-item-label-color: var(--b-color-label-secondary);
629
+ --b-structured-list-item-label-padding-mobile: var(--b-spacer-010) 0;
630
+ --b-structured-list-item-label-padding: var(--b-spacer-040);
631
+ --b-structured-list-item-margin-bottom-condensed: var(--b-spacer-030);
632
+ --b-structured-list-item-margin-bottom: var(--b-spacer-060);
633
+ --b-structured-list-item-padding-condensed: 0 0 var(--b-spacer-020) 0;
634
+ --b-structured-list-item-padding: var(--b-spacer-030) 0;
635
+ --b-stepper-step-substeps-index-active-color: var(--b-color-background-inverse-primary);
636
+ --b-stepper-step-substeps-index-completed-color: var(--b-color-background-success-strong);
637
+ --b-stepper-step-substeps-index-color: var(--b-color-background-quaternary);
638
+ --b-stepper-step-substeps-content-active-color: var(--b-color-label-primary);
639
+ --b-stepper-step-substeps-content-completed-color: var(--b-color-label-primary);
640
+ --b-stepper-step-substeps-content-hover-color: var(--b-color-label-primary);
641
+ --b-stepper-step-substeps-content-color: var(--b-color-label-secondary);
642
+ --b-stepper-step-substeps-button-padding-left: var(--b-spacer-090);
643
+ --b-stepper-step-substeps-margin-top: var(--b-spacer-030);
644
+ --b-stepper-step-substeps-gap: var(--b-spacer-030);
645
+ --b-stepper-step-index-completed-color: var(--b-color-label-primary);
646
+ --b-stepper-step-index-completed-background-color: var(--b-color-background-success-strong);
647
+ --b-stepper-step-index-active-background-color: var(--b-color-background-inverse-primary);
648
+ --b-stepper-step-index-background-color: var(--b-color-background-quaternary);
649
+ --b-stepper-step-index-border-radius: var(--b-border-radius-l);
650
+ --b-stepper-step-index-color: var(--b-color-label-on-color);
651
+ --b-stepper-step-content-active-color: var(--b-color-label-primary);
652
+ --b-stepper-step-content-completed-color: var(--b-color-label-primary);
653
+ --b-stepper-step-content-hover-color: var(--b-color-label-primary);
654
+ --b-stepper-step-content-color: var(--b-color-label-secondary);
655
+ --b-stepper-step-button-hover-background-color: var(--b-color-background-primary-hover);
656
+ --b-stepper-step-button-border-radius: var(--b-border-radius-m);
657
+ --b-stepper-step-button-gap: var(--b-spacer-040);
658
+ --b-stepper-step-button-padding: var(--b-spacer-030) var(--b-spacer-040);
659
+ --b-stepper-step-button-color: var(--b-color-label-secondary);
660
+ --b-stepper-text-stepper-color: var(--b-color-label-secondary);
661
+ --b-stepper-horizontal-gap: var(--b-spacer-040);
662
+ --b-stepper-gap: var(--b-spacer-030);
663
+ --b-status-indicator-yellow-background-color: var(--b-color-decorative-yellow);
664
+ --b-status-indicator-red-background-color: var(--b-color-decorative-red);
665
+ --b-status-indicator-orange-background-color: var(--b-color-decorative-orange);
666
+ --b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
667
+ --b-status-indicator-green-background-color: var(--b-color-decorative-green);
668
+ --b-status-indicator-blue-background-color: var(--b-color-decorative-blue);
669
+ --b-status-color: var(--b-color-label-primary);
670
+ --b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
671
+ --b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
672
+ --b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-090);
673
+ --b-sidepanel-page-actions-color: var(--b-color-label-primary);
674
+ --b-sidepanel-page-actions-background-color: var(--b-color-background-modal);
675
+ --b-sidepanel-page-content-padding: 0 var(--b-spacer-090);
676
+ --b-sidepanel-page-content-color: var(--b-color-label-primary);
677
+ --b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
678
+ --b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);
679
+ --b-sidepanel-page-header-gap: var(--b-spacer-060);
680
+ --b-sidepanel-page-header-color: var(--b-color-label-primary);
681
+ --b-sidepanel-page-header-background-color: var(--b-color-background-modal);
682
+ --b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
683
+ --b-sidepanel-animation-duration: var(--b-animation-duration-slow);
684
+ --b-sidepanel-close-button-z-index: var(--b-z-index-local-tier-1);
685
+ --b-sidepanel-close-button-right: var(--b-spacer-090);
686
+ --b-sidepanel-border-radius: var(--b-border-radius-l);
687
+ --b-sidepanel-background-color: var(--b-color-background-modal);
688
+ --b-selection-card-subtitle-color: var(--b-color-label-secondary);
689
+ --b-selection-card-icon-background-color: var(--b-color-background-secondary);
690
+ --b-selection-card-description-color: var(--b-color-label-secondary);
691
+ --b-selection-card-container-checked-error-border-color: var(--b-color-outline-critical);
692
+ --b-selection-card-container-checked-readonly-border-color: var(--b-color-outline-selected);
693
+ --b-selection-card-container-checked-disabled-border-color: var(--b-color-outline-selected);
694
+ --b-selection-card-container-checked-focus-border-color: var(--b-color-outline-selected);
695
+ --b-selection-card-container-checked-active-border-color: var(--b-color-outline-selected);
696
+ --b-selection-card-container-checked-hover-border-color: var(--b-color-outline-selected);
697
+ --b-selection-card-container-checked-border-color: var(--b-color-outline-selected);
698
+ --b-selection-card-container-checked-border: var(--b-border-width-attention) solid transparent;
699
+ --b-selection-card-container-error-border-width: var(--b-border-width-attention);
700
+ --b-selection-card-container-error-border-color: var(--b-color-outline-critical);
701
+ --b-selection-card-container-readonly-border-color: var(--b-color-outline-disabled);
702
+ --b-selection-card-container-disabled-border-color: var(--b-color-outline-disabled);
703
+ --b-selection-card-container-focus-border-color: var(--b-color-outline-primary);
704
+ --b-selection-card-container-active-border-color: var(--b-color-outline-primary-active);
705
+ --b-selection-card-container-hover-border-color: var(--b-color-outline-primary-hover);
706
+ --b-selection-card-container-label-container-gap: var(--b-spacer-020);
707
+ --b-selection-card-container-content-gap: var(--b-spacer-060);
708
+ --b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
709
+ --b-selection-card-container-gap: var(--b-spacer-060);
710
+ --b-selection-card-container-color: var(--b-color-label-primary);
711
+ --b-selection-card-container-border-radius: var(--b-border-radius-l);
712
+ --b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
713
+ --b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
714
+ --b-selection-card-group-items-gap: var(--b-spacer-040);
715
+ --b-segmented-control-button-label-container-checked-color: var(--b-color-label-primary);
716
+ --b-segmented-control-button-label-container-color: var(--b-color-label-secondary);
717
+ --b-segmented-control-button-hover-background-color: var(--b-color-background-tertiary-hover);
718
+ --b-segmented-control-button-disabled-color: var(--b-color-label-disabled);
719
+ --b-segmented-control-button-checked-padding: var(--b-spacer-020) var(--b-spacer-040);
720
+ --b-segmented-control-button-checked-background-color: var(--b-color-background-primary);
721
+ --b-segmented-control-button-icon-margin-right: var(--b-spacer-040);
722
+ --b-segmented-control-button-padding: var(--b-spacer-020) var(--b-spacer-060);
723
+ --b-segmented-control-button-color: var(--b-color-label-primary);
724
+ --b-segmented-control-button-border-radius: var(--b-border-radius-m);
725
+ --b-segmented-control-padding: var(--b-spacer-020);
726
+ --b-segmented-control-border-radius: var(--b-border-radius-l);
727
+ --b-segmented-control-background-color: var(--b-color-background-tertiary);
728
+ --b-secondary-nav-item-hover-background-color: var(--b-color-background-primary-hover);
729
+ --b-secondary-nav-item-active-background-color: var(--b-color-background-primary-active);
730
+ --b-secondary-nav-item-color: var(--b-color-label-primary);
731
+ --b-secondary-nav-item-margin-top: var(--b-spacer-040);
732
+ --b-secondary-nav-item-border-radius: var(--b-border-radius-m);
733
+ --b-secondary-nav-item-padding: var(--b-spacer-040) var(--b-spacer-050);
734
+ --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
735
+ --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
736
+ --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
737
+ --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
738
+ --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
739
+ --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
740
+ --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
741
+ --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
742
+ --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
743
+ --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
744
+ --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
745
+ --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
746
+ --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
747
+ --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
748
+ --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
749
+ --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
750
+ --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
751
+ --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
752
+ --b-rich-text-editor-description-color: var(--b-color-label-secondary);
753
+ --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
754
+ --b-rich-text-editor-color: var(--b-color-label-primary);
755
+ --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
756
+ --b-radio-input-knob-disabled-color: var(--b-color-label-disabled);
757
+ --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
758
+ --b-radio-input-knob-color: var(--b-color-label-inverse-primary);
759
+ --b-radio-input-checked-error-border-color: var(--b-color-outline-critical);
760
+ --b-radio-input-checked-error-background-color: var(--b-color-background-critical-strong);
761
+ --b-radio-input-checked-readonly-border-color: var(--b-color-outline-disabled);
762
+ --b-radio-input-checked-readonly-background-color: var(--b-color-background-disabled);
763
+ --b-radio-input-checked-disabled-border-color: var(--b-color-outline-disabled);
764
+ --b-radio-input-checked-disabled-background-color: var(--b-color-background-disabled);
765
+ --b-radio-input-checked-active-border-color: var(--b-color-background-inverse-primary-active);
766
+ --b-radio-input-checked-active-background-color: var(--b-color-background-inverse-primary-active);
767
+ --b-radio-input-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
768
+ --b-radio-input-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
769
+ --b-radio-input-checked-border-color: var(--b-color-background-inverse-primary);
770
+ --b-radio-input-checked-background-color: var(--b-color-background-inverse-primary);
771
+ --b-radio-input-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
772
+ --b-radio-input-unchecked-error-background-color: var(--b-color-background-critical-strong);
773
+ --b-radio-input-unchecked-readonly-border-color: var(--b-color-outline-disabled);
774
+ --b-radio-input-unchecked-readonly-background-color: var(--b-color-background-disabled);
775
+ --b-radio-input-unchecked-disabled-border-color: var(--b-color-outline-disabled);
776
+ --b-radio-input-unchecked-disabled-background-color: var(--b-color-background-disabled);
777
+ --b-radio-input-unchecked-active-background-color: var(--b-color-background-primary-active);
778
+ --b-radio-input-unchecked-hover-border-color: var(--b-color-outline-tertiary);
779
+ --b-radio-input-unchecked-hover-background-color: var(--b-color-background-primary-hover);
780
+ --b-radio-input-unchecked-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
781
+ --b-radio-input-unchecked-background-color: var(--b-color-background-primary);
782
+ --b-radio-input-space-around-increase: var(--b-spacer-020);
783
+ --b-radio-input-border-radius: var(--b-border-radius-l);
784
+ --b-radio-input-offset-top: var(--b-spacer-010);
785
+ --b-radio-group-error-message-margin-top: var(--b-spacer-060);
786
+ --b-radio-group-horizontal-gap: var(--b-spacer-100);
787
+ --b-radio-group-vertical-gap: var(--b-spacer-060);
788
+ --b-radio-button-knob-readonly-color: var(--b-color-label-primary);
789
+ --b-radio-button-knob-disabled-color: var(--b-color-label-disabled);
790
+ --b-radio-button-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
791
+ --b-radio-button-knob-color: var(--b-color-label-inverse-primary);
792
+ --b-radio-button-description-disabled-font-color: var(--b-color-label-secondary);
793
+ --b-radio-button-description-font-color: var(--b-color-label-secondary);
794
+ --b-radio-button-content-padding: var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-040) var(--b-spacer-070);
795
+ --b-radio-button-label-font-color: var(--b-color-label-primary);
796
+ --b-radio-button-label-tag-margin: 0 0 0 var(--b-spacer-040);
797
+ --b-radio-button-primary-label-gap: var(--b-spacer-040);
798
+ --b-radio-button-label-container-row-gap: var(--b-spacer-020);
799
+ --b-radio-button-label-container-padding: var(--b-spacer-070);
800
+ --b-radio-button-checked-error-border-color: var(--b-color-outline-critical);
801
+ --b-radio-button-checked-error-background-color: var(--b-color-background-critical-strong);
802
+ --b-radio-button-checked-readonly-border-color: var(--b-color-outline-disabled);
803
+ --b-radio-button-checked-readonly-background-color: var(--b-color-background-disabled);
804
+ --b-radio-button-checked-disabled-border-color: var(--b-color-outline-disabled);
805
+ --b-radio-button-checked-disabled-background-color: var(--b-color-background-disabled);
806
+ --b-radio-button-checked-active-border-color: var(--b-color-background-inverse-primary-active);
807
+ --b-radio-button-checked-active-background-color: var(--b-color-background-inverse-primary-active);
808
+ --b-radio-button-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
809
+ --b-radio-button-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
810
+ --b-radio-button-checked-border-color: var(--b-color-background-inverse-primary);
811
+ --b-radio-button-checked-background-color: var(--b-color-background-inverse-primary);
812
+ --b-radio-button-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
813
+ --b-radio-button-unchecked-error-background-color: var(--b-color-background-critical-strong);
814
+ --b-radio-button-unchecked-readonly-border-color: var(--b-color-outline-disabled);
815
+ --b-radio-button-unchecked-readonly-background-color: var(--b-color-background-disabled);
816
+ --b-radio-button-unchecked-disabled-border-color: var(--b-color-outline-disabled);
817
+ --b-radio-button-unchecked-disabled-background-color: var(--b-color-background-disabled);
818
+ --b-radio-button-unchecked-active-background-color: var(--b-color-background-primary-active);
819
+ --b-radio-button-unchecked-hover-border-color: var(--b-color-outline-tertiary);
820
+ --b-radio-button-unchecked-hover-background-color: var(--b-color-background-primary-hover);
821
+ --b-radio-button-unchecked-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
822
+ --b-radio-button-unchecked-background-color: var(--b-color-background-primary);
823
+ --b-radio-button-space-around-increase: var(--b-spacer-020);
824
+ --b-radio-button-border-radius: var(--b-border-radius-l);
825
+ --b-radio-button-offset-top: var(--b-spacer-010);
826
+ --b-promo-banner-content-actions-gap: var(--b-spacer-040);
827
+ --b-promo-banner-content-header-gap: var(--b-spacer-060);
828
+ --b-promo-banner-content-padding: var(--b-spacer-100);
829
+ --b-promo-banner-content-gap: var(--b-spacer-100);
830
+ --b-promo-banner-background-color-grey: var(--b-color-background-secondary);
831
+ --b-promo-banner-background-color-green: var(--b-color-background-success-weak);
832
+ --b-promo-banner-background-color-blue: var(--b-color-background-highlight-weak);
833
+ --b-promo-banner-color: var(--b-color-label-primary);
834
+ --b-promo-banner-border-radius: var(--b-border-radius-xl);
835
+ --b-popper-z-index: var(--b-z-index-global-elevated);
836
+ --b-popover-animation-duration: var(--b-animation-duration-moderate);
837
+ --b-popover-footer-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
838
+ --b-popover-image-dismiss-icon-top: var(--b-spacer-070);
839
+ --b-popover-image-dismiss-icon-right: var(--b-spacer-070);
840
+ --b-popover-image-header-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-070);
841
+ --b-popover-header-title-column-gap: var(--b-spacer-040);
842
+ --b-popover-header-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-070);
843
+ --b-popover-content-with-title-padding: var(--b-spacer-060) var(--b-spacer-070);
844
+ --b-popover-content-padding: var(--b-spacer-070);
845
+ --b-popover-without-space-padding: var(--b-spacer-000);
846
+ --b-popover-with-divider-content-padding: var(--b-spacer-000);
847
+ --b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
848
+ --b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
849
+ --b-popover-with-divider-footer-background-color: var(--b-color-background-modal);
850
+ --b-popover-dismiss-button-on-image-icon-active-color: var(--b-color-label-inverse-primary);
851
+ --b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
852
+ --b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
853
+ --b-popover-z-index: var(--b-z-index-global-elevated);
854
+ --b-popover-color: var(--b-color-label-primary);
855
+ --b-popover-box-shadow: var(--b-shadow-medium-border);
856
+ --b-popover-border-radius: var(--b-border-radius-m);
857
+ --b-popover-background-color: var(--b-color-background-modal);
858
+ --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
859
+ --b-payment-method-label-color: var(--b-color-label-primary);
860
+ --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
861
+ --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
862
+ --b-pagination-divider-margin: 0 var(--b-spacer-070);
863
+ --b-pagination-divider-border-width: var(--b-border-width-s);
864
+ --b-pagination-divider-border-color: var(--b-color-separator-primary);
865
+ --b-pagination-controls-gap: var(--b-spacer-070);
866
+ --b-pagination-context-margin: 0 var(--b-spacer-060);
867
+ --b-pagination-navigation-small-container-gap: var(--b-spacer-050);
868
+ --b-pagination-color: var(--b-color-label-primary);
869
+ --b-modal-animation-duration: var(--b-animation-duration-moderate);
870
+ --b-modal-backdrop-background-color: var(--b-color-support-overlay);
871
+ --b-modal-close-button-z-index: var(--b-z-index-local-tier-1);
872
+ --b-modal-close-button-right: var(--b-spacer-090);
873
+ --b-modal-close-button-height: var(--b-text-title-line-height);
874
+ --b-modal-actions-container-padding: var(--b-spacer-070) var(--b-spacer-090);
875
+ --b-modal-header-container-z-index: var(--b-z-index-local-tier-1);
876
+ --b-modal-header-container-padding-inline: var(--b-spacer-090) var(--b-spacer-130);
877
+ --b-modal-header-min-height: var(--b-text-title-line-height);
878
+ --b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
879
+ --b-modal-container-column-layout-padding: var(--b-spacer-090);
880
+ --b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
881
+ --b-modal-container-background-color: var(--b-color-background-modal);
882
+ --b-modal-container-gap: var(--b-spacer-070);
883
+ --b-modal-container-color: var(--b-color-label-primary);
884
+ --b-modal-padding: var(--b-spacer-000);
885
+ --b-modal-border-radius: var(--b-border-radius-l);
886
+ --b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
887
+ --b-modal-fullscreen-close-button-z-index: var(--b-z-index-local-tier-1);
888
+ --b-modal-fullscreen-close-button-padding-inline: var(--b-spacer-090);
889
+ --b-modal-fullscreen-separator-margin-right: var(--b-spacer-110);
890
+ --b-modal-fullscreen-separator-border-left: var(--b-border-width-s) solid var(--b-color-separator-primary);
891
+ --b-modal-fullscreen-header-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
892
+ --b-modal-fullscreen-header-gap: var(--b-spacer-090);
893
+ --b-modal-fullscreen-header-padding: var(--b-spacer-060) var(--b-spacer-090);
894
+ --b-modal-fullscreen-color: var(--b-color-label-primary);
895
+ --b-modal-fullscreen-background-color: var(--b-color-background-primary);
896
+ --b-menu-submenu-animation-duration: var(--b-animation-duration-moderate);
897
+ --b-menu-submenu-divider-margin-block: var(--b-spacer-040);
898
+ --b-menu-submenu-divider-padding: var(--b-spacer-040);
899
+ --b-menu-submenu-divider-border-inverse: var(--b-border-width-s) solid var(--b-color-separator-inverse-primary);
900
+ --b-menu-submenu-divider-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
901
+ --b-menu-submenu-background-color-inverse: var(--b-color-background-inverse-primary);
902
+ --b-menu-submenu-background-color: var(--b-color-background-modal);
903
+ --b-menu-item-list-divider-margin-block: var(--b-spacer-040);
904
+ --b-menu-item-list-padding: var(--b-spacer-040) var(--b-spacer-000);
905
+ --b-menu-item-list-background-color-inverse: var(--b-color-background-inverse-primary);
906
+ --b-menu-item-list-background-color: var(--b-color-background-modal);
907
+ --b-menu-item-indent-padding-left: var(--b-spacer-120);
908
+ --b-menu-item-icon-right-padding: var(--b-spacer-070);
909
+ --b-menu-item-icon-right-color-inverse: var(--b-color-label-inverse-primary);
910
+ --b-menu-item-icon-right-color: var(--b-color-label-primary);
911
+ --b-menu-item-icon-left-padding: var(--b-spacer-070);
912
+ --b-menu-item-secondary-text-padding-left: var(--b-spacer-070);
913
+ --b-menu-item-secondary-text-color-inverse: var(--b-color-label-inverse-primary);
914
+ --b-menu-item-secondary-text-color: var(--b-color-label-secondary);
915
+ --b-menu-item-hover-critical-color-inverse: var(--b-color-label-inverse-critical-hover);
916
+ --b-menu-item-hover-critical-color: var(--b-color-label-critical-hover);
917
+ --b-menu-item-hover-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
918
+ --b-menu-item-hover-critical-background-color: var(--b-color-background-critical-weak);
919
+ --b-menu-item-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
920
+ --b-menu-item-hover-background-color: var(--b-color-background-modal-hover);
921
+ --b-menu-item-focus-critical-color-inverse: var(--b-color-label-inverse-critical-active);
922
+ --b-menu-item-focus-critical-color: var(--b-color-label-critical-active);
923
+ --b-menu-item-focus-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
924
+ --b-menu-item-focus-critical-background-color: var(--b-color-background-critical-weak);
925
+ --b-menu-item-focus-background-color-inverse: var(--b-color-background-inverse-primary-active);
926
+ --b-menu-item-focus-background-color: var(--b-color-background-modal-active);
927
+ --b-menu-item-disabled-color-inverse: var(--b-color-label-inverse-disabled);
928
+ --b-menu-item-disabled-color: var(--b-color-label-disabled);
929
+ --b-menu-item-critical-color-inverse: var(--b-color-label-inverse-critical);
930
+ --b-menu-item-critical-color: var(--b-color-label-critical);
931
+ --b-menu-item-active-critical-color-inverse: var(--b-color-label-inverse-critical-active);
932
+ --b-menu-item-active-critical-color: var(--b-color-label-critical-active);
933
+ --b-menu-item-active-critical-background-color-inverse: var(--b-color-background-inverse-critical-weak);
934
+ --b-menu-item-active-critical-background-color: var(--b-color-background-critical-weak);
935
+ --b-menu-item-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
936
+ --b-menu-item-active-background-color: var(--b-color-background-modal-active);
937
+ --b-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
938
+ --b-menu-item-color-inverse: var(--b-color-label-inverse-primary);
939
+ --b-menu-item-color: var(--b-color-label-primary);
940
+ --b-loading-indicator-inverse-color: var(--b-color-background-primary);
941
+ --b-loading-indicator-inverse-background-color: var(--b-color-background-primary);
942
+ --b-loading-indicator-large-width: var(--b-spacer-120);
943
+ --b-loading-indicator-large-height: var(--b-spacer-120);
944
+ --b-loading-indicator-large-border-width: var(--b-spacer-020);
945
+ --b-loading-indicator-small-width: var(--b-spacer-070);
946
+ --b-loading-indicator-small-height: var(--b-spacer-070);
947
+ --b-loading-indicator-small-border-width: var(--b-spacer-010);
948
+ --b-loading-indicator-width: var(--b-spacer-090);
949
+ --b-loading-indicator-height: var(--b-spacer-090);
950
+ --b-loading-indicator-color: var(--b-color-background-inverse-primary);
951
+ --b-loading-indicator-background-color: var(--b-color-background-inverse-primary);
952
+ --b-loading-button-tertiary-loading-color-inverse: var(--b-color-label-inverse-primary-active);
953
+ --b-loading-button-tertiary-loading-color: var(--b-color-label-primary-active);
954
+ --b-loading-button-secondary-success-disabled-color: var(--b-color-label-disabled);
955
+ --b-loading-button-secondary-success-disabled-border-color: var(--b-color-outline-disabled);
956
+ --b-loading-button-secondary-success-disabled-background-color: var(--b-color-background-primary);
957
+ --b-loading-button-secondary-success-active-border-color: var(--b-color-outline-secondary);
958
+ --b-loading-button-secondary-success-active-background-color: var(--b-color-background-primary-active);
959
+ --b-loading-button-secondary-success-hover-color: var(--b-color-label-primary-hover);
960
+ --b-loading-button-secondary-success-hover-border-color: var(--b-color-outline-secondary);
961
+ --b-loading-button-secondary-success-hover-background-color: var(--b-color-background-primary-hover);
962
+ --b-loading-button-secondary-success-color: var(--b-color-label-primary);
963
+ --b-loading-button-secondary-success-border-color: var(--b-color-outline-secondary);
964
+ --b-loading-button-secondary-success-background-color: var(--b-color-background-primary);
965
+ --b-loading-button-secondary-loading-color-inverse: var(--b-color-label-inverse-primary-active);
966
+ --b-loading-button-secondary-loading-color: var(--b-color-label-primary-active);
967
+ --b-loading-button-secondary-loading-background-color-inverse: var(--b-color-background-inverse-primary-active);
968
+ --b-loading-button-secondary-loading-background-color: var(--b-color-background-primary-active);
969
+ --b-loading-button-primary-success-hover-background-color: var(--b-color-background-inverse-primary-hover);
970
+ --b-loading-button-primary-success-disabled-color: var(--b-color-label-disabled);
971
+ --b-loading-button-primary-success-disabled-background-color: var(--b-color-background-disabled);
972
+ --b-loading-button-primary-success-active-background-color: var(--b-color-background-inverse-primary-active);
973
+ --b-loading-button-primary-success-color: var(--b-color-label-inverse-primary);
974
+ --b-loading-button-primary-success-background-color: var(--b-color-background-inverse-primary);
975
+ --b-loading-button-primary-loading-background-color-inverse: var(--b-color-background-primary-active);
976
+ --b-loading-button-primary-loading-background-color: var(--b-color-background-inverse-primary-active);
977
+ --b-listbox-multi-select-chips-chip-disabled-color: var(--b-color-label-disabled);
978
+ --b-listbox-multi-select-chips-chip-disabled-background: var(--b-color-background-disabled);
979
+ --b-listbox-multi-select-chips-chip-active-background: var(--b-color-background-secondary-active);
980
+ --b-listbox-multi-select-chips-chip-hover-background: var(--b-color-background-secondary-hover);
981
+ --b-listbox-multi-select-chips-chip-padding: 0 var(--b-spacer-020);
982
+ --b-listbox-multi-select-chips-chip-gap: var(--b-spacer-010);
983
+ --b-listbox-multi-select-chips-chip-border-radius: var(--b-border-radius-s);
984
+ --b-listbox-multi-select-chips-chip-background: var(--b-color-background-secondary);
985
+ --b-listbox-multi-select-chips-padding: 0 var(--b-spacer-070);
986
+ --b-listbox-multi-select-chips-gap: var(--b-spacer-030);
987
+ --b-listbox-multi-select-category-option-gap: var(--b-spacer-070);
988
+ --b-listbox-multi-select-category-static-category-label-text-color: var(--b-color-label-secondary);
989
+ --b-listbox-multi-select-category-static-category-gap: var(--b-spacer-070);
990
+ --b-listbox-multi-select-category-disabled-label-text-color: var(--b-color-label-disabled);
991
+ --b-listbox-multi-select-options-static-category-option-padding-left: var(--b-spacer-070);
992
+ --b-listbox-multi-select-options-category-option-padding-left: var(--b-spacer-100);
993
+ --b-listbox-multi-select-options-gap: var(--b-spacer-070);
994
+ --b-listbox-multi-select-divider-margin: var(--b-spacer-040) var(--b-spacer-000);
995
+ --b-listbox-multi-select-divider-background-color: var(--b-color-separator-primary);
996
+ --b-listbox-single-select-category-label-text-color: var(--b-color-label-secondary);
997
+ --b-listbox-single-select-category-label-text-padding: var(--b-spacer-040) var(--b-spacer-070);
998
+ --b-listbox-single-select-category-margin-bottom: var(--b-spacer-070);
999
+ --b-listbox-single-select-check-icon-margin: var(--b-spacer-070);
1000
+ --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
1001
+ --b-listbox-option-tag-label-color: var(--b-color-label-primary);
1002
+ --b-listbox-option-description-margin-top: var(--b-spacer-020);
1003
+ --b-listbox-option-description-color: var(--b-color-label-secondary);
1004
+ --b-listbox-option-selected-description-color: var(--b-color-label-secondary);
1005
+ --b-listbox-option-hover-background-color: var(--b-color-background-modal-hover);
1006
+ --b-listbox-option-focus-background-color: var(--b-color-background-modal-active);
1007
+ --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
1008
+ --b-listbox-option-active-background-color: var(--b-color-background-modal-active);
1009
+ --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);
1010
+ --b-listbox-lazy-load-margin: var(--b-spacer-040) 0;
1011
+ --b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
1012
+ --b-listbox-empty-search-message-color: var(--b-color-label-secondary);
1013
+ --b-listbox-padding: var(--b-spacer-040) 0;
1014
+ --b-listbox-color: var(--b-color-label-primary);
1015
+ --b-listbox-background-color: var(--b-color-background-modal);
1016
+ --b-link-data-grid-active-color: var(--b-color-link-primary);
1017
+ --b-link-data-grid-hover-color: var(--b-color-link-primary);
1018
+ --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
1019
+ --b-link-data-grid-color: var(--b-color-link-primary);
1020
+ --b-link-quiet-active-color: var(--b-color-link-quiet-active);
1021
+ --b-link-quiet-hover-color: var(--b-color-link-quiet-hover);
1022
+ --b-link-quiet-color: var(--b-color-link-quiet);
1023
+ --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
1024
+ --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
1025
+ --b-link-visited-color: var(--b-color-link-primary-visited);
1026
+ --b-link-active-color: var(--b-color-link-primary-active);
1027
+ --b-link-hover-color: var(--b-color-link-primary-hover);
1028
+ --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
1029
+ --b-link-color: var(--b-color-link-primary);
1030
+ --b-link-border-radius: var(--b-border-radius-xs);
1031
+ --b-layout-row-column-wrapper-l-and-up-column-gap: var(--b-spacer-090);
1032
+ --b-layout-l-and-up-padding: var(--b-spacer-080) var(--b-spacer-090);
1033
+ --b-layout-l-and-up-column-gap: var(--b-spacer-090);
1034
+ --b-layout-s-and-up-padding: var(--b-spacer-070) var(--b-spacer-080);
1035
+ --b-layout-padding: var(--b-spacer-070);
1036
+ --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
1037
+ --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
1038
+ --b-inspector-animation-duration: var(--b-animation-duration-slow);
1039
+ --b-inspector-return-content-right: var(--b-spacer-040);
1040
+ --b-inspector-icons-gap: var(--b-spacer-050);
1041
+ --b-inspector-header-gap: var(--b-spacer-060);
1042
+ --b-inspector-header-padding-bottom: var(--b-spacer-070);
1043
+ --b-inspector-header-color: var(--b-color-label-primary);
1044
+ --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
1045
+ --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
1046
+ --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
1047
+ --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
1048
+ --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
1049
+ --b-input-field-error-message-margin-top: var(--b-spacer-040);
1050
+ --b-input-field-description-padding: var(--b-spacer-000);
1051
+ --b-input-field-description-margin-top: var(--b-spacer-040);
1052
+ --b-input-field-description-color: var(--b-color-label-secondary);
1053
+ --b-input-field-dropdown-start-condensed-padding-left: var(--b-spacer-050);
1054
+ --b-input-field-dropdown-start-condensed-margin-left: var(--b-spacer-020);
1055
+ --b-input-field-dropdown-start-margin-left: var(--b-spacer-020);
1056
+ --b-input-field-dropdown-small-textbox-condensed-padding: 0 var(--b-spacer-030);
1057
+ --b-input-field-dropdown-end-condensed-padding-left: var(--b-spacer-050);
1058
+ --b-input-field-dropdown-end-condensed-margin-right: var(--b-spacer-080);
1059
+ --b-input-field-dropdown-end-margin-right: var(--b-spacer-020);
1060
+ --b-input-field-dropdown-padding-right: var(--b-spacer-060);
1061
+ --b-input-field-dropdown-border-radius: var(--b-border-radius-s);
1062
+ --b-input-field-payment-method-condensed-margin-right: var(--b-spacer-050);
1063
+ --b-input-field-payment-method-condensed-margin-left: var(--b-spacer-030);
1064
+ --b-input-field-payment-method-margin-left: var(--b-spacer-030);
1065
+ --b-input-field-payment-method-margin-right: var(--b-spacer-060);
1066
+ --b-input-field-static-value-start-condensed-margin-right: var(--b-spacer-050);
1067
+ --b-input-field-static-value-start-condensed-margin-left: var(--b-spacer-020);
1068
+ --b-input-field-static-value-start-margin-left: var(--b-spacer-020);
1069
+ --b-input-field-static-value-end-condensed-margin-right: var(--b-spacer-020);
1070
+ --b-input-field-static-value-end-condensed-margin-left: var(--b-spacer-050);
1071
+ --b-input-field-static-value-end-margin-right: var(--b-spacer-020);
1072
+ --b-input-field-static-value-disabled-color: var(--b-color-label-disabled);
1073
+ --b-input-field-static-value-disabled-background-color: var(--b-color-background-disabled);
1074
+ --b-input-field-static-value-border-radius: var(--b-border-radius-s);
1075
+ --b-input-field-static-value-padding: var(--b-spacer-020) var(--b-spacer-030);
1076
+ --b-input-field-static-value-margin: var(--b-spacer-060);
1077
+ --b-input-field-static-value-color: var(--b-color-label-primary);
1078
+ --b-input-field-static-value-background-color: var(--b-color-background-secondary);
1079
+ --b-input-field-hint-margin-right: var(--b-spacer-060);
1080
+ --b-input-field-hint-color: var(--b-color-label-secondary);
1081
+ --b-input-field-icons-color: var(--b-color-label-disabled);
1082
+ --b-input-field-icon-before-condensed-margin-right: var(--b-spacer-050);
1083
+ --b-input-field-icon-before-condensed-margin-left: var(--b-spacer-050);
1084
+ --b-input-field-icon-before-margin-right: var(--b-spacer-060);
1085
+ --b-input-field-icon-before-margin-left: var(--b-spacer-060);
1086
+ --b-input-field-icon-after-condensed-margin-right: var(--b-spacer-050);
1087
+ --b-input-field-icon-after-condensed-margin-left: var(--b-spacer-050);
1088
+ --b-input-field-icon-after-margin-right: var(--b-spacer-060);
1089
+ --b-input-field-icon-after-margin-left: var(--b-spacer-060);
1090
+ --b-input-field-input-disabled-color: var(--b-color-label-disabled);
1091
+ --b-input-field-input-disabled-background-color: var(--b-color-background-disabled);
1092
+ --b-input-field-input-placeholder-color: var(--b-color-label-secondary);
1093
+ --b-input-field-input-condensed-margin: var(--b-spacer-020) var(--b-spacer-050);
1094
+ --b-input-field-input-font-size: var(--b-text-body-font-size);
1095
+ --b-input-field-input-padding: var(--b-spacer-000);
1096
+ --b-input-field-input-margin: var(--b-spacer-040) var(--b-spacer-060);
1097
+ --b-input-field-input-color: var(--b-color-label-primary);
1098
+ --b-input-field-input-box-small-padding-right: var(--b-spacer-030) 3px var(--b-spacer-030) var(--b-spacer-060);
1099
+ --b-input-field-input-box-small-padding-left: var(--b-spacer-030) var(--b-spacer-060) var(--b-spacer-030) 3px;
1100
+ --b-input-field-input-box-focus-outline: 0.5px solid var(--b-color-outline-tertiary-active);
1101
+ --b-input-field-input-box-focus-border-color: var(--b-color-outline-tertiary-active);
1102
+ --b-input-field-input-box-error-outline: 0.5px solid var(--b-color-outline-critical);
1103
+ --b-input-field-input-box-error-border-color: var(--b-color-outline-critical);
1104
+ --b-input-field-input-box-error-border: 1.5px solid var(--b-color-outline-critical);
1105
+ --b-input-field-input-box-disabled-border-color: var(--b-color-outline-disabled);
1106
+ --b-input-field-input-box-disabled-background-color: var(--b-color-background-disabled);
1107
+ --b-input-field-input-box-condensed-with-payment-method-padding-left: var(--b-spacer-030);
1108
+ --b-input-field-input-box-condensed-padding: var(--b-spacer-020) var(--b-spacer-050);
1109
+ --b-input-field-input-box-hover-border-color: var(--b-color-outline-tertiary-active);
1110
+ --b-input-field-input-box-padding: var(--b-spacer-030) var(--b-spacer-060);
1111
+ --b-input-field-input-box-border-radius: var(--b-border-radius-m);
1112
+ --b-input-field-input-box-border-color: var(--b-color-outline-tertiary);
1113
+ --b-input-field-input-box-color: var(--b-color-label-primary);
1114
+ --b-input-field-input-box-background-color: var(--b-color-background-primary);
1115
+ --b-input-field-label-requirement-color: var(--b-color-label-secondary);
1116
+ --b-input-field-label-margin-bottom: var(--b-spacer-040);
1117
+ --b-input-field-label-color: var(--b-color-label-primary);
1118
+ --b-input-field-password-validation-list-valid-icon-color: var(--b-color-label-success);
1119
+ --b-input-field-password-validation-list-invalid-color: var(--b-color-label-secondary);
1120
+ --b-input-field-password-validation-list-margin: var(--b-spacer-060);
1121
+ --b-input-field-password-validation-list-text-margin-left: var(--b-spacer-040);
1122
+ --b-input-field-password-validation-list-gap: var(--b-spacer-060);
1123
+ --b-info-icon-color: var(--b-color-label-primary);
1124
+ --b-header-component-title-margin-top: var(--b-spacer-020);
1125
+ --b-header-actions-margin-top: var(--b-spacer-070);
1126
+ --b-header-timestamp-margin-block: var(--b-spacer-020);
1127
+ --b-header-timestamp-gap: var(--b-spacer-060);
1128
+ --b-header-timestamp-color: var(--b-color-label-secondary);
1129
+ --b-header-description-color: var(--b-color-label-secondary);
1130
+ --b-header-meta-container-margin-top: var(--b-spacer-020);
1131
+ --b-header-meta-container-gap: var(--b-spacer-020);
1132
+ --b-header-info-icon-margin-top: var(--b-spacer-020);
1133
+ --b-header-info-icon-margin-left: var(--b-spacer-050);
1134
+ --b-header-title-margin-top: var(--b-spacer-010);
1135
+ --b-header-title-color: var(--b-color-label-primary);
1136
+ --b-header-wrapper-gap: var(--b-spacer-110);
1137
+ --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
1138
+ --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
1139
+ --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
1140
+ --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
1141
+ --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
1142
+ --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
1143
+ --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
1144
+ --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
1145
+ --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
1146
+ --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
1147
+ --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
1148
+ --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
1149
+ --b-header-with-views-edit-form-gap: var(--b-spacer-080);
1150
+ --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
1151
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
1152
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
1153
+ --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
1154
+ --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
1155
+ --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1156
+ --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1157
+ --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1158
+ --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1159
+ --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1160
+ --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1161
+ --b-header-with-views-modal-description-gap: var(--b-spacer-070);
1162
+ --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
1163
+ --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
1164
+ --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
1165
+ --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
1166
+ --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
1167
+ --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
1168
+ --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
1169
+ --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
1170
+ --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
1171
+ --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%);
1172
+ --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
1173
+ --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
1174
+ --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
1175
+ --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
1176
+ --b-header-with-views-bar-gap: var(--b-spacer-020);
1177
+ --b-header-with-views-title-gap: var(--b-spacer-030);
1178
+ --b-header-with-views-padding-inline: var(--b-spacer-070);
1179
+ --b-header-with-views-gap: var(--b-spacer-050);
1180
+ --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1181
+ --b-form-layout-title-description-color: var(--b-color-label-secondary);
1182
+ --b-form-layout-title-color: var(--b-color-label-primary);
1183
+ --b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
1184
+ --b-form-layout-group-gap: var(--b-spacer-080);
1185
+ --b-form-layout-field-tip-gap: var(--b-spacer-060);
1186
+ --b-form-layout-error-message-margin-bottom: var(--b-spacer-080);
1187
+ --b-form-layout-actions-container-margin-top: var(--b-spacer-080);
1188
+ --b-form-layout-actions-gap: var(--b-spacer-040);
1189
+ --b-form-layout-gap: var(--b-spacer-080);
1190
+ --b-footer-actions-wrapper-row-gap: var(--b-spacer-040);
1191
+ --b-fixed-scroller-side-spacing-padding-bottom: var(--b-spacer-020);
1192
+ --b-fixed-scroller-right-padding-left: var(--b-spacer-080);
1193
+ --b-fixed-scroller-right-background: linear-gradient(270deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1194
+ --b-fixed-scroller-left-padding-right: var(--b-spacer-080);
1195
+ --b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
1196
+ --b-fixed-scroller-content-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-standard);
1197
+ --b-fixed-scroller-button-margin-top: var(--b-spacer-020);
1198
+ --b-filter-button-modal-open-background-color: var(--b-color-background-modal-active);
1199
+ --b-filter-button-modal-hover-color: var(--b-color-label-primary);
1200
+ --b-filter-button-modal-hover-background-color: var(--b-color-background-modal-hover);
1201
+ --b-filter-button-modal-focus-background-color: var(--b-color-background-primary-active);
1202
+ --b-filter-button-modal-counter-focus-background-color: var(--b-color-background-tertiary-active);
1203
+ --b-filter-button-modal-background-color: var(--b-color-background-modal);
1204
+ --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1205
+ --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1206
+ --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1207
+ --b-filter-button-counter-disabled-font-color: var(--b-color-label-inverse-disabled);
1208
+ --b-filter-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1209
+ --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1210
+ --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1211
+ --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1212
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1213
+ --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1214
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1215
+ --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1216
+ --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1217
+ --b-filter-button-default-container-gap: var(--b-spacer-070);
1218
+ --b-filter-button-active-background-color: var(--b-color-background-primary-active);
1219
+ --b-filter-button-padding: var(--b-spacer-030) var(--b-spacer-070);
1220
+ --b-filter-button-font-color: var(--b-color-label-primary);
1221
+ --b-filter-button-background-color: var(--b-color-background-primary);
1222
+ --b-filter-bar-all-filters-modal-search-bar-padding: var(--b-spacer-000) var(--b-spacer-070);
1223
+ --b-filter-bar-all-filters-modal-clear-button-padding-bottom: var(--b-spacer-040);
1224
+ --b-filter-bar-all-filters-modal-content-padding: var(--b-spacer-000);
1225
+ --b-filter-bar-all-filters-modal-content-text-margin-bottom: var(--b-spacer-100);
1226
+ --b-filter-bar-all-filters-modal-content-text-gap: var(--b-spacer-030);
1227
+ --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);
1228
+ --b-filter-bar-all-filters-modal-filters-list-title-padding: var(--b-spacer-000) var(--b-spacer-070);
1229
+ --b-filter-bar-all-filters-modal-filters-list-title-color: var(--b-color-label-secondary);
1230
+ --b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding: var(--b-spacer-000) var(--b-spacer-070);
1231
+ --b-filter-bar-all-filters-modal-filters-list-empty-search-message-color: var(--b-color-label-secondary);
1232
+ --b-filter-bar-all-filters-modal-filters-list-padding: var(--b-spacer-000);
1233
+ --b-filter-bar-all-filters-modal-filters-list-margin: var(--b-spacer-000);
1234
+ --b-filter-bar-all-filters-modal-filters-list-gap: var(--b-spacer-030);
1235
+ --b-filter-bar-all-filters-modal-filters-gap: var(--b-spacer-090);
1236
+ --b-filter-bar-date-range-filter-divider-margin: var(--b-spacer-060) 0;
1237
+ --b-filter-bar-date-range-filter-actions-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1238
+ --b-filter-bar-date-filter-divider-margin-top: var(--b-spacer-060);
1239
+ --b-filter-bar-date-filter-padding: var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1240
+ --b-filter-bar-select-filter-button-search-bar-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1241
+ --b-filter-bar-select-filter-button-divider-margin: var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000);
1242
+ --b-filter-bar-select-filter-button-divider-background-color: var(--b-color-separator-primary);
1243
+ --b-filter-bar-select-filter-search-bar-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1244
+ --b-filter-bar-select-filter-divider-margin: var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000);
1245
+ --b-filter-bar-select-filter-divider-background-color: var(--b-color-separator-primary);
1246
+ --b-filter-bar-range-filter-item-padding: var(--b-spacer-060);
1247
+ --b-filter-bar-range-filter-only-slot-padding: var(--b-spacer-000);
1248
+ --b-filter-bar-range-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1249
+ --b-filter-bar-boolean-filter-only-slot-padding: var(--b-spacer-000);
1250
+ --b-filter-bar-boolean-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1251
+ --b-filter-bar-input-with-dropdown-filter-only-slot-padding: var(--b-spacer-000);
1252
+ --b-filter-bar-input-with-dropdown-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1253
+ --b-filter-bar-input-filter-only-slot-padding: var(--b-spacer-000);
1254
+ --b-filter-bar-input-filter-padding: var(--b-spacer-060) var(--b-spacer-070);
1255
+ --b-filter-bar-filters-wrapper-padding-right: var(--b-spacer-070);
1256
+ --b-filter-bar-filters-wrapper-gap: var(--b-spacer-040);
1257
+ --b-filter-bar-scroller-content-gap: var(--b-spacer-040);
1258
+ --b-filter-bar-filters-container-gap: var(--b-spacer-040);
1259
+ --b-filter-bar-container-gap: var(--b-spacer-040);
1260
+ --b-filter-bar-before-filters-gap: var(--b-spacer-040);
1261
+ --b-filter-bar-actions-gap: var(--b-spacer-040);
1262
+ --b-filter-bar-filters-gap: var(--b-spacer-040);
1263
+ --b-filter-bar-search-external-container-margin-bottom: var(--b-spacer-040);
1264
+ --b-filter-bar-persistent-filters-padding-right: var(--b-spacer-040);
1265
+ --b-filter-bar-persistent-filters-border-color: var(--b-color-outline-secondary);
1266
+ --b-filter-bar-z-index: var(--b-z-index-global-elevated);
1267
+ --b-filter-bar-padding-right: var(--b-spacer-070);
1268
+ --b-filter-bar-gap: var(--b-spacer-040);
1269
+ --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
1270
+ --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
1271
+ --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
1272
+ --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);
1273
+ --b-filter-bar-button-filter-open-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1274
+ --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1275
+ --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1276
+ --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1277
+ --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-inverse-primary);
1278
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
1279
+ --b-filter-bar-button-counter-disabled-color: var(--b-color-label-inverse-disabled);
1280
+ --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1281
+ --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1282
+ --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1283
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1284
+ --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1285
+ --b-filter-bar-button-counter-background-color: var(--b-color-background-inverse-primary);
1286
+ --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1287
+ --b-filter-bar-button-container-gap: var(--b-spacer-040);
1288
+ --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1289
+ --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1290
+ --b-filter-bar-button-with-counter-padding-right: var(--b-spacer-020);
1291
+ --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1292
+ --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1293
+ --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
1294
+ --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1295
+ --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1296
+ --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1297
+ --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1298
+ --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1299
+ --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
1300
+ --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1301
+ --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1302
+ --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
1303
+ --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1304
+ --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1305
+ --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1306
+ --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1307
+ --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1308
+ --b-filter-bar-button-icon-only-padding: var(--b-spacer-020);
1309
+ --b-filter-bar-button-padding: var(--b-spacer-020) var(--b-spacer-050);
1310
+ --b-filter-bar-button-color: var(--b-color-label-primary);
1311
+ --b-filter-bar-button-border-radius: var(--b-border-radius-m);
1312
+ --b-filter-bar-button-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1313
+ --b-filter-bar-button-background-color: var(--b-color-background-primary);
1314
+ --b-filter-bar-button-group-button-active-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active);
1315
+ --b-filter-bar-button-group-button-hover-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover);
1316
+ --b-filter-bar-button-group-button-padding: var(--b-spacer-020);
1317
+ --b-filter-bar-button-group-button-border: calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);
1318
+ --b-file-uploader-restrictions-error-color: var(--b-color-label-critical);
1319
+ --b-file-uploader-restrictions-disabled-color: var(--b-color-label-disabled);
1320
+ --b-file-uploader-restrictions-margin-top: var(--b-spacer-020);
1321
+ --b-file-uploader-restrictions-color: var(--b-color-label-secondary);
1322
+ --b-file-uploader-file-card-icon-orange-color: var(--b-color-decorative-orange);
1323
+ --b-file-uploader-file-card-icon-grey-color: var(--b-color-label-secondary);
1324
+ --b-file-uploader-file-card-icon-green-color: var(--b-color-decorative-green);
1325
+ --b-file-uploader-file-card-icon-error-color: var(--b-color-label-critical);
1326
+ --b-file-uploader-file-card-icon-blue-color: var(--b-color-decorative-orange);
1327
+ --b-file-uploader-file-card-info-gap: var(--b-spacer-040);
1328
+ --b-file-uploader-file-card-error-message-margin-top: var(--b-spacer-020);
1329
+ --b-file-uploader-file-card-error-message-color: var(--b-color-label-critical);
1330
+ --b-file-uploader-file-card-error-background-color: var(--b-color-background-critical-weak);
1331
+ --b-file-uploader-file-card-animation-transition: var(--b-animation-duration-moderate) var(--b-animation-easing-standard);
1332
+ --b-file-uploader-file-card-actions-gap: var(--b-spacer-090);
1333
+ --b-file-uploader-file-card-padding: var(--b-spacer-040) var(--b-spacer-060);
1334
+ --b-file-uploader-file-card-gap: var(--b-spacer-040);
1335
+ --b-file-uploader-file-card-border-radius: var(--b-border-radius-m);
1336
+ --b-file-uploader-file-card-background-color: var(--b-color-background-secondary);
1337
+ --b-file-uploader-title-margin-top: var(--b-spacer-060);
1338
+ --b-file-uploader-files-gap: var(--b-spacer-040);
1339
+ --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
1340
+ --b-file-uploader-icon-error-background-color: var(--b-color-background-critical-strong);
1341
+ --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
1342
+ --b-file-uploader-icon-drag-over-background-color: var(--b-color-background-success-strong);
1343
+ --b-file-uploader-icon-width: var(--b-spacer-100);
1344
+ --b-file-uploader-icon-padding: var(--b-spacer-040);
1345
+ --b-file-uploader-icon-height: var(--b-spacer-100);
1346
+ --b-file-uploader-icon-border-radius: var(--b-border-radius-xl);
1347
+ --b-file-uploader-icon-background-color: var(--b-color-background-tertiary);
1348
+ --b-file-uploader-description-disabled-color: var(--b-color-label-disabled);
1349
+ --b-file-uploader-description-margin-top: var(--b-spacer-020);
1350
+ --b-file-uploader-description-color: var(--b-color-label-secondary);
1351
+ --b-file-uploader-button-condensed-margin-left: var(--b-spacer-060);
1352
+ --b-file-uploader-button-margin-top: var(--b-spacer-060);
1353
+ --b-file-uploader-area-error-border: var(--b-border-width-m) solid var(--b-color-outline-critical);
1354
+ --b-file-uploader-area-error-background-color: var(--b-color-background-critical-weak);
1355
+ --b-file-uploader-area-hover-background-color: var(--b-color-background-primary-hover);
1356
+ --b-file-uploader-area-drag-over-border: var(--b-border-width-m) solid var(--b-color-outline-success);
1357
+ --b-file-uploader-area-drag-over-background-color: var(--b-color-background-success-weak);
1358
+ --b-file-uploader-area-disabled-color: var(--b-color-label-disabled);
1359
+ --b-file-uploader-area-disabled-border: var(--b-border-width-m) dashed var(--b-color-outline-disabled);
1360
+ --b-file-uploader-area-disabled-background-color: var(--b-color-background-disabled);
1361
+ --b-file-uploader-area-condensed-padding: var(--b-spacer-040) var(--b-spacer-060);
1362
+ --b-file-uploader-area-padding: var(--b-spacer-080) var(--b-spacer-090);
1363
+ --b-file-uploader-area-border-radius: var(--b-border-radius-m);
1364
+ --b-file-uploader-area-border: var(--b-border-width-m) dashed var(--b-color-outline-tertiary);
1365
+ --b-file-uploader-area-background-color: var(--b-color-background-primary);
1366
+ --b-file-uploader-alert-margin-top: var(--b-spacer-040);
1367
+ --b-file-uploader-gap: var(--b-spacer-040);
1368
+ --b-field-label-tooltip-wrapper-margin-right: var(--b-spacer-040);
1369
+ --b-field-label-requirement-color: var(--b-color-label-secondary);
1370
+ --b-field-label-condensed-margin-bottom: var(--b-spacer-030);
1371
+ --b-field-label-margin-right: var(--b-spacer-020);
1372
+ --b-field-label-margin-bottom: var(--b-spacer-040);
1373
+ --b-field-label-color: var(--b-color-label-primary);
1374
+ --b-error-message-icon-margin-right: var(--b-spacer-040);
1375
+ --b-error-message-color: var(--b-color-label-critical);
1376
+ --b-empty-state-details-margin-bottom: var(--b-spacer-070);
1377
+ --b-empty-state-details-color: var(--b-color-label-secondary);
1378
+ --b-empty-state-title-margin-bottom: var(--b-spacer-020);
1379
+ --b-empty-state-title-color: var(--b-color-label-primary);
1380
+ --b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
1381
+ --b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
1382
+ --b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
1383
+ --b-dropdown-small-textbox-additional-items-background-color: var(--b-color-background-secondary);
1384
+ --b-dropdown-small-textbox-opened-bottom-border-radius: var(--b-border-radius-s);
1385
+ --b-dropdown-small-textbox-readonly-icon-color: var(--b-color-label-disabled);
1386
+ --b-dropdown-small-textbox-readonly-border-color: var(--b-color-background-disabled);
1387
+ --b-dropdown-small-textbox-readonly-background-color: var(--b-color-background-disabled);
1388
+ --b-dropdown-small-textbox-disabled-color: var(--b-color-label-disabled);
1389
+ --b-dropdown-small-textbox-disabled-border-color: var(--b-color-background-disabled);
1390
+ --b-dropdown-small-textbox-disabled-background-color: var(--b-color-background-disabled);
1391
+ --b-dropdown-small-textbox-hover-color: var(--b-color-label-primary-hover);
1392
+ --b-dropdown-small-textbox-focus-border-color: var(--b-color-outline-primary-active);
1393
+ --b-dropdown-small-textbox-color: var(--b-color-label-primary);
1394
+ --b-dropdown-small-textbox-border-radius: var(--b-border-radius-s);
1395
+ --b-dropdown-small-textbox-border-color: var(--b-color-background-secondary);
1396
+ --b-dropdown-small-textbox-background-color: var(--b-color-background-secondary);
1397
+ --b-dropdown-options-container-margin-top: var(--b-spacer-000);
1398
+ --b-dropdown-options-container-box-shadow: var(--b-shadow-medium-border);
1399
+ --b-dropdown-options-container-border-radius: var(--b-border-radius-m);
1400
+ --b-dropdown-default-textbox-input-selected-element-margin-right: var(--b-spacer-040);
1401
+ --b-dropdown-default-textbox-base-textbox-gap: var(--b-spacer-060);
1402
+ --b-dropdown-default-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
1403
+ --b-dropdown-default-textbox-additional-items-border-radius: var(--b-border-radius-s);
1404
+ --b-dropdown-default-textbox-additional-items-background-color: var(--b-color-background-secondary);
1405
+ --b-dropdown-default-textbox-opened-bottom-border-radius: var(--b-border-radius-m);
1406
+ --b-dropdown-default-textbox-error-focus-outline-color: var(--b-color-outline-tertiary-active);
1407
+ --b-dropdown-default-textbox-error-focus-border-color: var(--b-color-outline-tertiary-active);
1408
+ --b-dropdown-default-textbox-error-border: 1.5px solid var(--b-color-outline-critical);
1409
+ --b-dropdown-default-textbox-condensed-padding: 0 var(--b-spacer-050);
1410
+ --b-dropdown-default-textbox-hover-border-color: var(--b-color-outline-tertiary-active);
1411
+ --b-dropdown-default-textbox-readonly-icon-color: var(--b-color-label-disabled);
1412
+ --b-dropdown-default-textbox-readonly-border-color: var(--b-color-outline-disabled);
1413
+ --b-dropdown-default-textbox-readonly-background-color: var(--b-color-background-disabled);
1414
+ --b-dropdown-default-textbox-disabled-icon-color: var(--b-color-label-disabled);
1415
+ --b-dropdown-default-textbox-disabled-color: var(--b-color-label-disabled);
1416
+ --b-dropdown-default-textbox-disabled-border-color: var(--b-color-outline-disabled);
1417
+ --b-dropdown-default-textbox-disabled-background-color: var(--b-color-background-disabled);
1418
+ --b-dropdown-default-textbox-focus-outline-color: var(--b-color-outline-tertiary-active);
1419
+ --b-dropdown-default-textbox-focus-color: var(--b-color-label-primary);
1420
+ --b-dropdown-default-textbox-focus-border-color: var(--b-color-outline-tertiary-active);
1421
+ --b-dropdown-default-textbox-padding: 0 var(--b-spacer-060);
1422
+ --b-dropdown-default-textbox-icon-color: var(--b-color-label-primary);
1423
+ --b-dropdown-default-textbox-color: var(--b-color-label-primary);
1424
+ --b-dropdown-default-textbox-border-radius: var(--b-border-radius-m);
1425
+ --b-dropdown-default-textbox-border-color: var(--b-color-outline-tertiary);
1426
+ --b-dropdown-default-textbox-background-color: var(--b-color-background-primary);
1427
+ --b-dropdown-error-message-margin-top: var(--b-spacer-040);
1428
+ --b-dropdown-description-condensed-margin-top: var(--b-spacer-030);
1429
+ --b-dropdown-description-error-margin-top: var(--b-spacer-020);
1430
+ --b-dropdown-description-margin-top: var(--b-spacer-040);
1431
+ --b-dropdown-description-color: var(--b-color-label-secondary);
1432
+ --b-dropdown-label-margin-bottom: var(--b-spacer-040);
1433
+ --b-dropdown-label-color: var(--b-color-label-secondary);
1434
+ --b-divider-height: var(--b-border-width-s);
1435
+ --b-divider-background-color-inverse: var(--b-color-separator-inverse-primary);
1436
+ --b-divider-background-color: var(--b-color-separator-primary);
1437
+ --b-dialog-page-animation-duration: var(--b-animation-duration-moderate);
1438
+ --b-dialog-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1439
+ --b-dialog-page-footer-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
1440
+ --b-dialog-page-back-button-z-index: var(--b-z-index-local-tier-1);
1441
+ --b-dialog-page-back-button-padding-left: var(--b-spacer-090);
1442
+ --b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
1443
+ --b-dialog-page-border-radius: var(--b-border-radius-l);
1444
+ --b-date-color: var(--b-color-label-primary);
1445
+ --b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
1446
+ --b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
1447
+ --b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
1448
+ --b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
1449
+ --b-date-range-picker-calendar-form-container-border-right: var(--b-border-width-s) solid var(--b-color-separator-primary);
1450
+ --b-date-range-picker-calendar-form-padding: var(--b-spacer-070);
1451
+ --b-date-range-picker-calendar-form-gap: var(--b-spacer-060);
1452
+ --b-date-range-picker-calendar-calendars-container-padding: var(--b-spacer-090);
1453
+ --b-date-range-picker-calendar-calendars-container-gap: var(--b-spacer-090);
1454
+ --b-date-range-picker-label-requirement-color: var(--b-color-label-secondary);
1455
+ --b-date-range-picker-label-margin-bottom: var(--b-spacer-040);
1456
+ --b-date-range-picker-footer-padding: var(--b-spacer-060) var(--b-spacer-070);
1457
+ --b-date-range-picker-error-message-margin-top: var(--b-spacer-040);
1458
+ --b-date-range-picker-description-error-margin-top: var(--b-spacer-020);
1459
+ --b-date-range-picker-description-margin-top: var(--b-spacer-040);
1460
+ --b-date-range-picker-description-color: var(--b-color-label-secondary);
1461
+ --b-date-picker-error-message-margin-top: var(--b-spacer-040);
1462
+ --b-date-picker-label-requirement-color: var(--b-color-label-secondary);
1463
+ --b-date-picker-label-margin-bottom: var(--b-spacer-040);
1464
+ --b-date-picker-description-error-margin-top: var(--b-spacer-020);
1465
+ --b-date-picker-description-margin-top: var(--b-spacer-040);
1466
+ --b-date-picker-description-color: var(--b-color-label-secondary);
1467
+ --b-data-grid-horizontal-scrollbar-z-index: var(--b-z-index-local-tier-2);
1468
+ --b-data-grid-horizontal-scrollbar-background-color: var(--b-color-background-primary);
1469
+ --b-data-grid-empty-state-padding: var(--b-spacer-100) 0;
1470
+ --b-data-grid-re-order-column-target-separator-z-index: var(--b-z-index-local-tier-1);
1471
+ --b-data-grid-re-order-column-target-separator-background-color: var(--b-color-background-highlight-strong);
1472
+ --b-data-grid-config-column-row-freeze-icon-frozen-color: var(--b-color-label-primary);
1473
+ --b-data-grid-config-column-row-freeze-icon-color: var(--b-color-label-disabled);
1474
+ --b-data-grid-config-column-row-hover-background-color: var(--b-color-background-secondary);
1475
+ --b-data-grid-config-column-row-padding: var(--b-spacer-040) var(--b-spacer-070);
1476
+ --b-data-grid-config-column-visibility-empty-search-message-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1477
+ --b-data-grid-config-column-visibility-empty-search-message-color: var(--b-color-label-secondary);
1478
+ --b-data-grid-config-column-visibility-search-margin: 0 var(--b-spacer-070) var(--b-spacer-020) var(--b-spacer-070);
1479
+ --b-data-grid-config-column-visibility-show-all-padding: var(--b-spacer-040);
1480
+ --b-data-grid-config-column-visibility-show-all-margin: 0 var(--b-spacer-040) var(--b-spacer-020) var(--b-spacer-040);
1481
+ --b-data-grid-config-column-visibility-show-all-border-radius: var(--b-border-radius-m);
1482
+ --b-data-grid-config-column-visibility-show-all-background-color: var(--b-color-background-secondary);
1483
+ --b-data-grid-config-column-visibility-header-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1484
+ --b-data-grid-config-column-visibility-padding: var(--b-spacer-070) 0 0 0;
1485
+ --b-data-grid-config-panel-header-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1486
+ --b-data-grid-config-condensed-view-title-padding: 0 0 var(--b-spacer-060) 0;
1487
+ --b-data-grid-config-condensed-view-padding: 0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070);
1488
+ --b-data-grid-config-condensed-view-border-color: var(--b-color-separator-primary);
1489
+ --b-data-grid-config-settings-column-and-row-margin: var(--b-spacer-120);
1490
+ --b-data-grid-config-settings-button-padding: 0 0 0 var(--b-spacer-020);
1491
+ --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
1492
+ --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
1493
+ --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
1494
+ --b-data-grid-config-settings-color: var(--b-color-label-primary);
1495
+ --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
1496
+ --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1497
+ --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
1498
+ --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
1499
+ --b-data-grid-filters-background-color: var(--b-color-background-primary);
1500
+ --b-data-grid-filters-padding: var(--b-spacer-060) 0;
1501
+ --b-data-grid-filters-border-width: var(--b-border-width-s);
1502
+ --b-data-grid-filters-border-color: var(--b-color-separator-primary);
1503
+ --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
1504
+ --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
1505
+ --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
1506
+ --b-data-grid-pagination-border-width: var(--b-border-width-s);
1507
+ --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
1508
+ --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
1509
+ --b-data-grid-pagination-z-index: var(--b-z-index-local-tier-2);
1510
+ --b-data-grid-pagination-background-color: var(--b-color-background-primary);
1511
+ --b-data-grid-lazy-load-padding: var(--b-spacer-060) var(--b-spacer-070);
1512
+ --b-data-grid-lazy-load-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1513
+ --b-data-grid-lazy-load-z-index: var(--b-z-index-local-tier-2);
1514
+ --b-data-grid-lazy-load-background-color: var(--b-color-background-primary);
1515
+ --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
1516
+ --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
1517
+ --b-data-grid-footer-background-color: var(--b-color-background-primary);
1518
+ --b-data-grid-select-cell-margin-left: var(--b-spacer-040);
1519
+ --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
1520
+ --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
1521
+ --b-data-grid-cell-actions-row-actions-padding: 0 var(--b-spacer-060);
1522
+ --b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
1523
+ --b-data-grid-cell-actions-gap: var(--b-spacer-040);
1524
+ --b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
1525
+ --b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
1526
+ --b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
1527
+ --b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
1528
+ --b-data-grid-cell-padding: 14px var(--b-spacer-070);
1529
+ --b-data-grid-cell-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1530
+ --b-data-grid-cell-background-color: var(--b-color-background-primary);
1531
+ --b-data-grid-row-row-actions-container-row-actions-menu-open-z-index: var(--b-z-index-local-tier-3);
1532
+ --b-data-grid-row-row-actions-container-hover-z-index: var(--b-z-index-local-tier-2);
1533
+ --b-data-grid-row-row-actions-container-z-index: var(--b-z-index-local-tier-1);
1534
+ --b-data-grid-row-row-actions-container-background-color: var(--b-color-background-primary);
1535
+ --b-data-grid-row-nested-row-hover: var(--b-color-background-secondary-hover);
1536
+ --b-data-grid-row-nested-row-background-color: var(--b-color-background-secondary);
1537
+ --b-data-grid-row-nested-slot-background-color: var(--b-color-background-secondary);
1538
+ --b-data-grid-row-highlighted-background-color: var(--b-color-background-selected);
1539
+ --b-data-grid-row-disabled-color: var(--b-color-label-primary);
1540
+ --b-data-grid-row-hover-background-color: var(--b-color-background-primary-hover);
1541
+ --b-data-grid-row-color: var(--b-color-label-primary);
1542
+ --b-data-grid-row-border-width: var(--b-border-width-s);
1543
+ --b-data-grid-row-border-color: var(--b-color-separator-primary);
1544
+ --b-data-grid-row-background-color: var(--b-color-background-primary);
1545
+ --b-data-grid-rows-frozen-hover-z-index: var(--b-z-index-local-tier-2);
1546
+ --b-data-grid-rows-frozen-z-index: var(--b-z-index-local-tier-1);
1547
+ --b-data-grid-rows-frozen-border-right-width: var(--b-border-width-s);
1548
+ --b-data-grid-rows-frozen-border-right-color: var(--b-color-separator-secondary);
1549
+ --b-data-grid-column-actions-padding-left: var(--b-spacer-030);
1550
+ --b-data-grid-column-actions-gap: var(--b-spacer-010);
1551
+ --b-data-grid-column-draggable-ghost-background-color: var(--b-color-background-selected);
1552
+ --b-data-grid-column-header-gap: var(--b-spacer-040);
1553
+ --b-data-grid-column-header-and-actions-gap: var(--b-spacer-020);
1554
+ --b-data-grid-column-separator-z-index: var(--b-z-index-local-tier-1);
1555
+ --b-data-grid-column-separator-resizeable-hover-color: var(--b-color-separator-secondary);
1556
+ --b-data-grid-column-separator-border-right-width: var(--b-border-width-s);
1557
+ --b-data-grid-column-separator-border-right-color: var(--b-color-separator-primary);
1558
+ --b-data-grid-column-sort-icon-descending-icon-margin-top: var(--b-spacer-040);
1559
+ --b-data-grid-column-sort-icon-margin-top: var(--b-spacer-010);
1560
+ --b-data-grid-column-sort-icon-color: var(--b-color-label-disabled);
1561
+ --b-data-grid-column-sort-padding: 0 0 0 var(--b-spacer-040);
1562
+ --b-data-grid-column-with-sorting-or-column-panel-padding: 3px var(--b-spacer-070);
1563
+ --b-data-grid-column-hover-sort-icon-color: var(--b-color-label-tertiary);
1564
+ --b-data-grid-column-hover-background-color: var(--b-color-background-tertiary);
1565
+ --b-data-grid-column-color: var(--b-color-label-primary);
1566
+ --b-data-grid-column-padding: 7px var(--b-spacer-070);
1567
+ --b-data-grid-column-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
1568
+ --b-data-grid-column-background-color: var(--b-color-background-primary);
1569
+ --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
1570
+ --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
1571
+ --b-data-grid-columns-select-column-padding-left: var(--b-spacer-040);
1572
+ --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
1573
+ --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
1574
+ --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
1575
+ --b-data-grid-columns-border-width: var(--b-border-width-s);
1576
+ --b-data-grid-columns-border-color: var(--b-color-separator-primary);
1577
+ --b-data-grid-column-headers-focus-within-z-index: var(--b-z-index-local-tier-3);
1578
+ --b-data-grid-column-headers-background-color: var(--b-color-background-primary);
1579
+ --b-data-grid-column-headers-z-index: var(--b-z-index-local-tier-2);
1580
+ --b-data-grid-header-padding: var(--b-spacer-080) var(--b-spacer-090);
1581
+ --b-data-grid-border-width: var(--b-border-width-s);
1582
+ --b-data-grid-border-radius: var(--b-border-radius-m);
1583
+ --b-data-grid-border-color: var(--b-color-separator-primary);
1584
+ --b-data-grid-template-data-grid-pagination-padding-right: var(--b-spacer-090);
1585
+ --b-data-grid-template-data-grid-pagination-padding-left: var(--b-spacer-090);
1586
+ --b-data-grid-template-data-grid-cells-padding-right: var(--b-spacer-050);
1587
+ --b-data-grid-template-data-grid-cells-padding-left: var(--b-spacer-050);
1588
+ --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
1589
+ --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
1590
+ --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
1591
+ --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
1592
+ --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
1593
+ --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
1594
+ --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1595
+ --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1596
+ --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
1597
+ --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
1598
+ --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
1599
+ --b-data-grid-template-gap: var(--b-spacer-060);
1600
+ --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
1601
+ --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
1602
+ --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
1603
+ --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
1604
+ --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
1605
+ --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
1606
+ --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
1607
+ --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
1608
+ --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
1609
+ --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
1610
+ --b-dashboard-section-controls-gap: var(--b-spacer-040);
1611
+ --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
1612
+ --b-dashboard-section-columns-gap: var(--b-spacer-090);
1613
+ --b-dashboard-section-content-gap: var(--b-spacer-100);
1614
+ --b-dashboard-section-gap: var(--b-spacer-060);
1615
+ --b-dashboard-template-sticky-border-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
1616
+ --b-dashboard-template-sticky-items-z-index: var(--b-z-index-local-tier-3);
1617
+ --b-dashboard-template-sticky-items-spacing: var(--b-spacer-070);
1618
+ --b-dashboard-template-sticky-items-background-color: var(--b-color-background-primary);
1619
+ --b-dashboard-template-top-section-gap: var(--b-spacer-040);
1620
+ --b-dashboard-template-header-padding-bottom: var(--b-spacer-040);
1621
+ --b-dashboard-template-container-m-and-up-spacing: var(--b-spacer-100);
1622
+ --b-dashboard-template-container-spacing: var(--b-spacer-090);
1623
+ --b-dashboard-template-xxl-padding: var(--b-spacer-110) var(--b-spacer-130);
1624
+ --b-dashboard-template-m-and-up-padding: var(--b-spacer-110) var(--b-spacer-110);
1625
+ --b-dashboard-template-padding: var(--b-spacer-090) var(--b-spacer-090);
1626
+ --b-currency-color: var(--b-color-label-primary);
1627
+ --b-country-label-color: var(--b-color-label-primary);
1628
+ --b-controls-group-label-container-margin-bottom: var(--b-spacer-060);
1629
+ --b-controls-group-label-container-gap: var(--b-spacer-020);
1630
+ --b-controls-group-description-color: var(--b-color-label-secondary);
1631
+ --b-code-snippet-inline-code-area-content-padding: 0 var(--b-spacer-040);
1632
+ --b-code-snippet-inline-margin: 0 var(--b-spacer-020);
1633
+ --b-code-snippet-inline-border-radius: var(--b-border-radius-s);
1634
+ --b-code-snippet-empty-state-background-color: var(--b-color-background-secondary);
1635
+ --b-code-snippet-code-area-highlight-blue: var(--b-color-label-on-background-highlight-weak);
1636
+ --b-code-snippet-code-area-highlight-green: var(--b-color-label-on-background-success-weak);
1637
+ --b-code-snippet-code-area-highlight-orange: var(--b-color-label-on-background-warning-weak);
1638
+ --b-code-snippet-code-area-highlight-red: var(--b-color-label-on-background-critical-weak);
1639
+ --b-code-snippet-code-area-gutters-padding-left: var(--b-spacer-060);
1640
+ --b-code-snippet-code-area-content-padding-left: var(--b-spacer-040);
1641
+ --b-code-snippet-code-area-content-padding: var(--b-spacer-060);
1642
+ --b-code-snippet-code-area-border-width: var(--b-border-width-s);
1643
+ --b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
1644
+ --b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
1645
+ --b-code-snippet-code-area-color: var(--b-color-label-primary);
1646
+ --b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
1647
+ --b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
1648
+ --b-code-snippet-language-picker-background-color: var(--b-color-background-primary);
1649
+ --b-code-snippet-action-bar-border-radius: var(--b-border-radius-m) var(--b-border-radius-m) 0 0;
1650
+ --b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
1651
+ --b-code-snippet-action-bar-gap: var(--b-spacer-040);
1652
+ --b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
1653
+ --b-code-snippet-action-bar-color: var(--b-color-label-primary);
1654
+ --b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
1655
+ --b-chip-disabled-color: var(--b-color-label-disabled);
1656
+ --b-chip-disabled-background: var(--b-color-background-disabled);
1657
+ --b-chip-active-background: var(--b-color-background-secondary-active);
1658
+ --b-chip-hover-background: var(--b-color-background-secondary-hover);
1659
+ --b-chip-error-background: var(--b-color-background-critical-weak);
1660
+ --b-chip-error-color: var(--b-color-label-on-background-critical-weak);
1661
+ --b-chip-readonly-icon-color: var(--b-color-label-disabled);
1662
+ --b-chip-readonly-background: var(--b-color-background-disabled);
1663
+ --b-chip-condensed-padding: 0 var(--b-spacer-020);
1664
+ --b-chip-padding: var(--b-spacer-010) var(--b-spacer-030);
1665
+ --b-chip-gap: var(--b-spacer-010);
1666
+ --b-chip-color: var(--b-color-label-primary);
1667
+ --b-chip-border-radius: var(--b-border-radius-s);
1668
+ --b-chip-background: var(--b-color-background-secondary);
1669
+ --b-checkbox-input-container-padding: var(--b-spacer-010) 0;
1670
+ --b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
1671
+ --b-checkbox-label-requirement-color: var(--b-color-label-secondary);
1672
+ --b-checkbox-label-tag-margin: 0 0 0 var(--b-spacer-040);
1673
+ --b-checkbox-text-padding-left: var(--b-spacer-070);
1674
+ --b-checkbox-text-gap: var(--b-spacer-020);
1675
+ --b-checkbox-text-color: var(--b-color-label-primary);
1676
+ --b-checkbox-outline-readonly-border-color: var(--b-color-outline-disabled);
1677
+ --b-checkbox-outline-readonly-background-color: var(--b-color-background-disabled);
1678
+ --b-checkbox-outline-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
1679
+ --b-checkbox-outline-unchecked-error-background-color: var(--b-color-background-critical-strong);
1680
+ --b-checkbox-outline-unchecked-hover-border-color: var(--b-color-outline-tertiary);
1681
+ --b-checkbox-outline-unchecked-hover-background-color: var(--b-color-background-primary-hover);
1682
+ --b-checkbox-outline-unchecked-disabled-border-color: var(--b-color-outline-disabled);
1683
+ --b-checkbox-outline-unchecked-disabled-background-color: var(--b-color-background-disabled);
1684
+ --b-checkbox-outline-unchecked-active-border-color: var(--b-color-outline-tertiary);
1685
+ --b-checkbox-outline-unchecked-active-background-color: var(--b-color-background-primary-active);
1686
+ --b-checkbox-outline-unchecked-border-color: var(--b-color-outline-tertiary);
1687
+ --b-checkbox-outline-unchecked-background-color: var(--b-color-background-primary);
1688
+ --b-checkbox-outline-indeterminate-error-border-color: var(--b-color-outline-critical);
1689
+ --b-checkbox-outline-indeterminate-error-background-color: var(--b-color-background-critical-strong);
1690
+ --b-checkbox-outline-indeterminate-hover-border-color: var(--b-color-background-inverse-primary-hover);
1691
+ --b-checkbox-outline-indeterminate-hover-background-color: var(--b-color-background-inverse-primary-hover);
1692
+ --b-checkbox-outline-indeterminate-disabled-border-color: var(--b-color-outline-disabled);
1693
+ --b-checkbox-outline-indeterminate-disabled-background-color: var(--b-color-background-disabled);
1694
+ --b-checkbox-outline-indeterminate-active-border-color: var(--b-color-background-inverse-primary-active);
1695
+ --b-checkbox-outline-indeterminate-active-background-color: var(--b-color-background-inverse-primary-active);
1696
+ --b-checkbox-outline-indeterminate-border-color: var(--b-color-background-inverse-primary);
1697
+ --b-checkbox-outline-indeterminate-background-color: var(--b-color-background-inverse-primary);
1698
+ --b-checkbox-outline-checked-error-border-color: var(--b-color-outline-critical);
1699
+ --b-checkbox-outline-checked-error-background-color: var(--b-color-background-critical-strong);
1700
+ --b-checkbox-outline-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
1701
+ --b-checkbox-outline-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
1702
+ --b-checkbox-outline-checked-disabled-border-color: var(--b-color-outline-disabled);
1703
+ --b-checkbox-outline-checked-disabled-background-color: var(--b-color-background-disabled);
1704
+ --b-checkbox-outline-checked-active-border-color: var(--b-color-background-inverse-primary-active);
1705
+ --b-checkbox-outline-checked-active-background-color: var(--b-color-background-inverse-primary-active);
1706
+ --b-checkbox-outline-checked-border-color: var(--b-color-background-inverse-primary);
1707
+ --b-checkbox-outline-checked-background-color: var(--b-color-background-inverse-primary);
1708
+ --b-checkbox-outline-top-offset: var(--b-spacer-010);
1709
+ --b-checkbox-outline-border-width: var(--b-border-width-s);
1710
+ --b-checkbox-outline-border-radius: var(--b-border-radius-s);
1711
+ --b-checkbox-icon-readonly-color: var(--b-color-label-primary);
1712
+ --b-checkbox-icon-disabled-color: var(--b-color-label-disabled);
1713
+ --b-checkbox-icon-color: var(--b-color-label-inverse-primary);
1714
+ --b-checkbox-content-padding: var(--b-spacer-060) var(--b-spacer-000) var(--b-spacer-040);
1715
+ --b-checkbox-description-disabled-color: var(--b-color-label-secondary);
1716
+ --b-checkbox-description-color: var(--b-color-label-secondary);
1717
+ --b-checkbox-input-input-container-padding: var(--b-spacer-010) 0;
1718
+ --b-checkbox-input-outline-readonly-border-color: var(--b-color-outline-disabled);
1719
+ --b-checkbox-input-outline-readonly-background-color: var(--b-color-background-disabled);
1720
+ --b-checkbox-input-outline-unchecked-error-border: 1.5px solid var(--b-color-outline-critical);
1721
+ --b-checkbox-input-outline-unchecked-error-background-color: var(--b-color-background-critical-strong);
1722
+ --b-checkbox-input-outline-unchecked-hover-border-color: var(--b-color-outline-tertiary);
1723
+ --b-checkbox-input-outline-unchecked-hover-background-color: var(--b-color-background-primary-hover);
1724
+ --b-checkbox-input-outline-unchecked-disabled-border-color: var(--b-color-outline-disabled);
1725
+ --b-checkbox-input-outline-unchecked-disabled-background-color: var(--b-color-background-disabled);
1726
+ --b-checkbox-input-outline-unchecked-active-border-color: var(--b-color-outline-tertiary);
1727
+ --b-checkbox-input-outline-unchecked-active-background-color: var(--b-color-background-primary-active);
1728
+ --b-checkbox-input-outline-unchecked-border-color: var(--b-color-outline-tertiary);
1729
+ --b-checkbox-input-outline-unchecked-background-color: var(--b-color-background-primary);
1730
+ --b-checkbox-input-outline-indeterminate-error-border-color: var(--b-color-outline-critical);
1731
+ --b-checkbox-input-outline-indeterminate-error-background-color: var(--b-color-background-critical-strong);
1732
+ --b-checkbox-input-outline-indeterminate-hover-border-color: var(--b-color-background-inverse-primary-hover);
1733
+ --b-checkbox-input-outline-indeterminate-hover-background-color: var(--b-color-background-inverse-primary-hover);
1734
+ --b-checkbox-input-outline-indeterminate-disabled-border-color: var(--b-color-outline-disabled);
1735
+ --b-checkbox-input-outline-indeterminate-disabled-background-color: var(--b-color-background-disabled);
1736
+ --b-checkbox-input-outline-indeterminate-active-border-color: var(--b-color-background-inverse-primary-active);
1737
+ --b-checkbox-input-outline-indeterminate-active-background-color: var(--b-color-background-inverse-primary-active);
1738
+ --b-checkbox-input-outline-indeterminate-border-color: var(--b-color-background-inverse-primary);
1739
+ --b-checkbox-input-outline-indeterminate-background-color: var(--b-color-background-inverse-primary);
1740
+ --b-checkbox-input-outline-checked-error-border-color: var(--b-color-outline-critical);
1741
+ --b-checkbox-input-outline-checked-error-background-color: var(--b-color-background-critical-strong);
1742
+ --b-checkbox-input-outline-checked-hover-border-color: var(--b-color-background-inverse-primary-hover);
1743
+ --b-checkbox-input-outline-checked-hover-background-color: var(--b-color-background-inverse-primary-hover);
1744
+ --b-checkbox-input-outline-checked-disabled-border-color: var(--b-color-outline-disabled);
1745
+ --b-checkbox-input-outline-checked-disabled-background-color: var(--b-color-background-disabled);
1746
+ --b-checkbox-input-outline-checked-active-border-color: var(--b-color-background-inverse-primary-active);
1747
+ --b-checkbox-input-outline-checked-active-background-color: var(--b-color-background-inverse-primary-active);
1748
+ --b-checkbox-input-outline-checked-border-color: var(--b-color-background-inverse-primary);
1749
+ --b-checkbox-input-outline-checked-background-color: var(--b-color-background-inverse-primary);
1750
+ --b-checkbox-input-outline-border-width: var(--b-border-width-s);
1751
+ --b-checkbox-input-outline-border-radius: var(--b-border-radius-s);
1752
+ --b-checkbox-input-icon-readonly-color: var(--b-color-label-primary);
1753
+ --b-checkbox-input-icon-disabled-color: var(--b-color-label-disabled);
1754
+ --b-checkbox-input-icon-color: var(--b-color-label-inverse-primary);
1755
+ --b-checkbox-group-error-message-margin-top: var(--b-spacer-060);
1756
+ --b-checkbox-group-checkboxes-horizontal-gap: var(--b-spacer-100);
1757
+ --b-checkbox-group-checkboxes-vertical-gap: var(--b-spacer-070);
1758
+ --b-card-animation-easing: var(--b-animation-easing-standard);
1759
+ --b-card-animation-duration: var(--b-animation-duration-moderate);
1760
+ --b-card-title-wrapper-gap: var(--b-spacer-070);
1761
+ --b-card-secondary-header-focus-background-color: var(--b-color-background-secondary-hover);
1762
+ --b-card-secondary-header-active-background-color: var(--b-color-background-secondary-active);
1763
+ --b-card-secondary-header-hover-background-color: var(--b-color-background-secondary-hover);
1764
+ --b-card-secondary-hover-background-color: var(--b-color-background-tertiary);
1765
+ --b-card-secondary-background-color: var(--b-color-background-secondary);
1766
+ --b-card-disabled-color: var(--b-color-label-disabled);
1767
+ --b-card-disabled-background-color: var(--b-color-background-secondary);
1768
+ --b-card-expandable-header-padding-bottom: var(--b-spacer-060);
1769
+ --b-card-actions-without-content-padding-top: var(--b-spacer-070);
1770
+ --b-card-actions-padding-top: var(--b-spacer-070);
1771
+ --b-card-actions-margin-top: var(--b-spacer-070);
1772
+ --b-card-description-margin-left: var(--b-spacer-100);
1773
+ --b-card-description-color: var(--b-color-label-secondary);
1774
+ --b-card-content-padding-top: var(--b-spacer-070);
1775
+ --b-card-content-padding: var(--b-spacer-070) var(--b-spacer-000) var(--b-spacer-000);
1776
+ --b-card-body-expandable-padding-top: var(--b-spacer-060);
1777
+ --b-card-body-padding-top: var(--b-spacer-020);
1778
+ --b-card-body-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-070);
1779
+ --b-card-body-color: var(--b-color-label-primary);
1780
+ --b-card-header-focus-background-color: var(--b-color-background-primary-hover);
1781
+ --b-card-header-active-background-color: var(--b-color-background-primary-active);
1782
+ --b-card-header-hover-background-color: var(--b-color-background-primary-hover);
1783
+ --b-card-header-padding-bottom: var(--b-spacer-070);
1784
+ --b-card-header-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-000);
1785
+ --b-card-header-margin-top: var(--b-spacer-020);
1786
+ --b-card-header-color: var(--b-color-label-primary);
1787
+ --b-card-header-border-radius: var(--b-border-radius-l);
1788
+ --b-card-border-width: var(--b-border-width-s);
1789
+ --b-card-border-radius: var(--b-border-radius-l);
1790
+ --b-card-border-color: var(--b-color-outline-primary);
1791
+ --b-card-background-color: var(--b-color-background-primary);
1792
+ --b-calendar-year-month-unselected-active-background: var(--b-color-background-primary-active);
1793
+ --b-calendar-year-month-unselected-hover-background: var(--b-color-background-primary-hover);
1794
+ --b-calendar-year-month-unselected-color: var(--b-color-label-primary);
1795
+ --b-calendar-year-month-selected-active-background: var(--b-color-background-inverse-primary-active);
1796
+ --b-calendar-year-month-selected-hover-background: var(--b-color-background-inverse-primary-hover);
1797
+ --b-calendar-year-month-selected-color: var(--b-color-label-inverse-primary);
1798
+ --b-calendar-year-month-selected-border-radius: var(--b-border-radius-s);
1799
+ --b-calendar-year-month-selected-background: var(--b-color-background-inverse-primary);
1800
+ --b-calendar-year-month-middle-active-background: var(--b-color-background-primary);
1801
+ --b-calendar-year-month-middle-hover-background: var(--b-color-background-primary-hover);
1802
+ --b-calendar-year-month-middle-color: var(--b-color-label-primary);
1803
+ --b-calendar-year-month-middle-background: var(--b-color-background-tertiary);
1804
+ --b-calendar-year-month-end-border-radius: 0 var(--b-border-radius-s) var(--b-border-radius-s) 0;
1805
+ --b-calendar-year-month-disabled-unselected-color: var(--b-color-label-disabled);
1806
+ --b-calendar-year-month-disabled-selected-background: var(--b-color-background-disabled);
1807
+ --b-calendar-year-month-disabled-selected-color: var(--b-color-label-disabled);
1808
+ --b-calendar-year-month-current-month-unselected-wrapper-background: var(--b-color-background-tertiary);
1809
+ --b-calendar-year-month-current-month-unselected-hover-wrapper-background: var(--b-color-background-primary);
1810
+ --b-calendar-year-month-current-month-selected-wrapper-background: var(--b-color-background-primary);
1811
+ --b-calendar-year-month-current-month-selected-color: var(--b-color-label-primary);
1812
+ --b-calendar-year-month-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
1813
+ --b-calendar-year-year-selector-margin-bottom: var(--b-spacer-090);
1814
+ --b-calendar-year-year-selector-color: var(--b-color-label-primary);
1815
+ --b-calendar-month-day-unselected-active-background: var(--b-color-background-primary-active);
1816
+ --b-calendar-month-day-unselected-hover-background: var(--b-color-background-primary-hover);
1817
+ --b-calendar-month-day-unselected-color: var(--b-color-label-primary);
1818
+ --b-calendar-month-day-selected-active-background: var(--b-color-background-inverse-primary-active);
1819
+ --b-calendar-month-day-selected-hover-background: var(--b-color-background-inverse-primary-hover);
1820
+ --b-calendar-month-day-selected-color: var(--b-color-label-inverse-primary);
1821
+ --b-calendar-month-day-selected-border-radius: var(--b-border-radius-s);
1822
+ --b-calendar-month-day-selected-background: var(--b-color-background-inverse-primary);
1823
+ --b-calendar-month-day-middle-active-background: var(--b-color-background-primary);
1824
+ --b-calendar-month-day-middle-hover-background: var(--b-color-background-primary-hover);
1825
+ --b-calendar-month-day-middle-color: var(--b-color-label-primary);
1826
+ --b-calendar-month-day-middle-background: var(--b-color-background-tertiary);
1827
+ --b-calendar-month-day-end-border-radius: 0 var(--b-border-radius-s) var(--b-border-radius-s) 0;
1828
+ --b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
1829
+ --b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
1830
+ --b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
1831
+ --b-calendar-month-day-current-day-unselected-wrapper-background: var(--b-color-background-tertiary);
1832
+ --b-calendar-month-day-current-day-unselected-hover-wrapper-background: var(--b-color-background-primary);
1833
+ --b-calendar-month-day-current-day-selected-wrapper-background: var(--b-color-background-primary);
1834
+ --b-calendar-month-day-current-day-selected-color: var(--b-color-label-primary);
1835
+ --b-calendar-month-day-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
1836
+ --b-calendar-month-month-selector-margin-bottom: var(--b-spacer-090);
1837
+ --b-calendar-month-month-selector-color: var(--b-color-label-primary);
1838
+ --b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
1839
+ --b-calendar-month-day-of-the-week-color: var(--b-color-label-secondary);
1840
+ --b-calendar-range-gap: var(--b-spacer-090);
1841
+ --b-button-icon-only-secondary-padding-condensed: calc(var(--b-spacer-030) - var(--b-border-width-s));
1842
+ --b-button-icon-only-secondary-padding: calc(var(--b-spacer-050) - var(--b-border-width-s));
1843
+ --b-button-icon-only-condensed-padding: var(--b-spacer-030);
1844
+ --b-button-icon-only-padding: var(--b-spacer-050);
1845
+ --b-button-condensed-tertiary-padding: var(--b-spacer-000);
1846
+ --b-button-condensed-secondary-padding: calc(var(--b-spacer-020) - var(--b-border-width-s)) calc(var(--b-spacer-050) - var(--b-border-width-s));
1847
+ --b-button-condensed-padding: var(--b-spacer-020) var(--b-spacer-050);
1848
+ --b-button-condensed-font-size: var(--b-text-body-font-size);
1849
+ --b-button-condensed-border-radius: var(--b-border-radius-m);
1850
+ --b-button-tertiary-with-background-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1851
+ --b-button-tertiary-with-background-critical-hover-background-color: var(--b-color-background-critical-weak);
1852
+ --b-button-tertiary-with-background-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1853
+ --b-button-tertiary-with-background-critical-active-background-color: var(--b-color-background-critical-weak);
1854
+ --b-button-tertiary-with-background-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
1855
+ --b-button-tertiary-with-background-active-background-color: var(--b-color-background-primary-active);
1856
+ --b-button-tertiary-with-background-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
1857
+ --b-button-tertiary-with-background-hover-background-color: var(--b-color-background-primary-hover);
1858
+ --b-button-tertiary-critical-hover-color-inverse: var(--b-color-label-inverse-critical-hover);
1859
+ --b-button-tertiary-critical-hover-color: var(--b-color-label-critical-hover);
1860
+ --b-button-tertiary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1861
+ --b-button-tertiary-critical-disabled-color: var(--b-color-label-disabled);
1862
+ --b-button-tertiary-critical-active-color-inverse: var(--b-color-label-inverse-critical-active);
1863
+ --b-button-tertiary-critical-active-color: var(--b-color-label-critical-active);
1864
+ --b-button-tertiary-critical-color-inverse: var(--b-color-label-inverse-critical);
1865
+ --b-button-tertiary-critical-color: var(--b-color-label-critical);
1866
+ --b-button-tertiary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1867
+ --b-button-tertiary-disabled-color: var(--b-color-label-disabled);
1868
+ --b-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary-active);
1869
+ --b-button-tertiary-active-color: var(--b-color-label-primary-active);
1870
+ --b-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary-hover);
1871
+ --b-button-tertiary-hover-color: var(--b-color-label-primary-hover);
1872
+ --b-button-tertiary-padding: var(--b-spacer-000);
1873
+ --b-button-tertiary-color-inverse: var(--b-color-label-inverse-primary);
1874
+ --b-button-tertiary-color: var(--b-color-label-primary);
1875
+ --b-button-tertiary-border-radius: var(--b-border-radius-xs);
1876
+ --b-button-secondary-critical-hover-color-inverse: var(--b-color-label-inverse-critical-hover);
1877
+ --b-button-secondary-critical-hover-color: var(--b-color-label-critical-hover);
1878
+ --b-button-secondary-critical-hover-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-critical-hover);
1879
+ --b-button-secondary-critical-hover-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-critical-hover);
1880
+ --b-button-secondary-critical-hover-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical-hover);
1881
+ --b-button-secondary-critical-hover-border: var(--b-border-width-s) solid var(--b-color-outline-critical-hover);
1882
+ --b-button-secondary-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1883
+ --b-button-secondary-critical-hover-background-color: var(--b-color-background-critical-weak);
1884
+ --b-button-secondary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1885
+ --b-button-secondary-critical-disabled-color: var(--b-color-label-disabled);
1886
+ --b-button-secondary-critical-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1887
+ --b-button-secondary-critical-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-disabled);
1888
+ --b-button-secondary-critical-disabled-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-disabled);
1889
+ --b-button-secondary-critical-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
1890
+ --b-button-secondary-critical-disabled-background-color-inverse: var(--b-color-background-inverse-primary);
1891
+ --b-button-secondary-critical-disabled-background-color: var(--b-color-background-primary);
1892
+ --b-button-secondary-critical-active-color-inverse: var(--b-color-label-inverse-critical-active);
1893
+ --b-button-secondary-critical-active-color: var(--b-color-label-critical-active);
1894
+ --b-button-secondary-critical-active-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-critical-active);
1895
+ --b-button-secondary-critical-active-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-critical-active);
1896
+ --b-button-secondary-critical-active-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical-active);
1897
+ --b-button-secondary-critical-active-border: var(--b-border-width-s) solid var(--b-color-outline-critical-active);
1898
+ --b-button-secondary-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-weak);
1899
+ --b-button-secondary-critical-active-background-color: var(--b-color-background-critical-weak);
1900
+ --b-button-secondary-critical-color-inverse: var(--b-color-label-inverse-critical);
1901
+ --b-button-secondary-critical-color: var(--b-color-label-critical);
1902
+ --b-button-secondary-critical-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-critical);
1903
+ --b-button-secondary-critical-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-critical);
1904
+ --b-button-secondary-critical-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-critical);
1905
+ --b-button-secondary-critical-border: var(--b-border-width-s) solid var(--b-color-outline-critical);
1906
+ --b-button-secondary-critical-background-color-inverse: var(--b-color-background-inverse-primary);
1907
+ --b-button-secondary-critical-background-color: var(--b-color-background-primary);
1908
+ --b-button-secondary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1909
+ --b-button-secondary-disabled-color: var(--b-color-label-disabled);
1910
+ --b-button-secondary-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1911
+ --b-button-secondary-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-disabled);
1912
+ --b-button-secondary-disabled-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-disabled);
1913
+ --b-button-secondary-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
1914
+ --b-button-secondary-disabled-background-color-inverse: var(--b-color-background-inverse-primary);
1915
+ --b-button-secondary-disabled-background-color: var(--b-color-background-primary);
1916
+ --b-button-secondary-hover-color-inverse: var(--b-color-label-inverse-primary);
1917
+ --b-button-secondary-hover-color: var(--b-color-label-primary-hover);
1918
+ --b-button-secondary-hover-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-primary-hover);
1919
+ --b-button-secondary-hover-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-secondary);
1920
+ --b-button-secondary-hover-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary-hover);
1921
+ --b-button-secondary-hover-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1922
+ --b-button-secondary-hover-background-color-inverse: var(--b-color-background-inverse-primary-hover);
1923
+ --b-button-secondary-hover-background-color: var(--b-color-background-primary-hover);
1924
+ --b-button-secondary-active-color-inverse: var(--b-color-label-inverse-primary);
1925
+ --b-button-secondary-active-color: var(--b-color-label-primary-active);
1926
+ --b-button-secondary-active-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-primary-active);
1927
+ --b-button-secondary-active-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-secondary);
1928
+ --b-button-secondary-active-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary-active);
1929
+ --b-button-secondary-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1930
+ --b-button-secondary-active-background-color-inverse: var(--b-color-background-inverse-primary-active);
1931
+ --b-button-secondary-active-background-color: var(--b-color-background-primary-active);
1932
+ --b-button-secondary-padding: calc(var(--b-spacer-040) - var(--b-border-width-s)) calc(var(--b-spacer-060) - var(--b-border-width-s));
1933
+ --b-button-secondary-color-inverse: var(--b-color-label-inverse-primary);
1934
+ --b-button-secondary-color: var(--b-color-label-primary);
1935
+ --b-button-secondary-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-primary);
1936
+ --b-button-secondary-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-secondary);
1937
+ --b-button-secondary-border-inverse: var(--b-border-width-s) solid var(--b-color-outline-inverse-primary);
1938
+ --b-button-secondary-border: var(--b-border-width-s) solid var(--b-color-outline-secondary);
1939
+ --b-button-secondary-background-color-inverse: var(--b-color-background-inverse-primary);
1940
+ --b-button-secondary-background-color: var(--b-color-background-primary);
1941
+ --b-button-primary-critical-hover-background-color-inverse: var(--b-color-background-inverse-critical-strong-hover);
1942
+ --b-button-primary-critical-hover-background-color: var(--b-color-background-critical-strong-hover);
1943
+ --b-button-primary-critical-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1944
+ --b-button-primary-critical-disabled-color: var(--b-color-label-disabled);
1945
+ --b-button-primary-critical-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1946
+ --b-button-primary-critical-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-background-disabled);
1947
+ --b-button-primary-critical-disabled-background-color-inverse: var(--b-color-background-inverse-disabled);
1948
+ --b-button-primary-critical-disabled-background-color: var(--b-color-background-disabled);
1949
+ --b-button-primary-critical-active-background-color-inverse: var(--b-color-background-inverse-critical-strong-active);
1950
+ --b-button-primary-critical-active-background-color: var(--b-color-background-critical-strong-active);
1951
+ --b-button-primary-critical-color-inverse: var(--b-color-label-primary);
1952
+ --b-button-primary-critical-color: var(--b-color-label-inverse-primary);
1953
+ --b-button-primary-critical-background-color-inverse: var(--b-color-background-inverse-critical-strong);
1954
+ --b-button-primary-critical-background-color: var(--b-color-background-critical-strong);
1955
+ --b-button-primary-hover-background-color-inverse: var(--b-color-background-primary-hover);
1956
+ --b-button-primary-hover-background-color: var(--b-color-background-inverse-primary-hover);
1957
+ --b-button-primary-disabled-box-shadow-inverse: inset 0 0 0 var(--b-border-width-s) var(--b-color-outline-inverse-disabled);
1958
+ --b-button-primary-disabled-box-shadow: inset 0 0 0 var(--b-border-width-s) var(--b-color-background-disabled);
1959
+ --b-button-primary-disabled-color-inverse: var(--b-color-label-inverse-disabled);
1960
+ --b-button-primary-disabled-color: var(--b-color-label-disabled);
1961
+ --b-button-primary-disabled-background-color-inverse: var(--b-color-background-inverse-disabled);
1962
+ --b-button-primary-disabled-background-color: var(--b-color-background-disabled);
1963
+ --b-button-primary-active-background-color-inverse: var(--b-color-background-primary-active);
1964
+ --b-button-primary-active-background-color: var(--b-color-background-inverse-primary-active);
1965
+ --b-button-primary-color-inverse: var(--b-color-label-primary);
1966
+ --b-button-primary-color: var(--b-color-label-inverse-primary);
1967
+ --b-button-primary-background-color-inverse: var(--b-color-background-primary);
1968
+ --b-button-primary-background-color: var(--b-color-background-inverse-primary);
1969
+ --b-button-transition: var(--b-animation-duration-fast) var(--b-animation-easing-linear);
1970
+ --b-button-padding: var(--b-spacer-040) var(--b-spacer-060);
1971
+ --b-button-border-radius: var(--b-border-radius-m);
1972
+ --b-button-actions-vertical-stack-row-gap: var(--b-spacer-040);
1973
+ --b-button-actions-fill-container-column-gap: var(--b-spacer-040);
1974
+ --b-button-actions-buttons-end-column-gap: var(--b-spacer-040);
1975
+ --b-button-actions-with-menu-vertical-stack-row-gap: var(--b-spacer-040);
1976
+ --b-avatar-label-padding: 0 0 0 var(--b-spacer-060);
1977
+ --b-avatar-label-color: var(--b-color-label-primary);
1978
+ --b-avatar-image-red-color: var(--b-color-decorative-red);
1979
+ --b-avatar-image-red-background-color: var(--b-color-background-critical-weak);
1980
+ --b-avatar-image-green-color: var(--b-color-decorative-green);
1981
+ --b-avatar-image-green-background-color: var(--b-color-background-success-weak);
1982
+ --b-avatar-image-blue-color: var(--b-color-decorative-blue);
1983
+ --b-avatar-image-blue-background-color: var(--b-color-background-highlight-weak);
1984
+ --b-avatar-image-yellow-color: var(--b-color-decorative-orange);
1985
+ --b-avatar-image-yellow-background-color: var(--b-color-background-warning-weak);
1986
+ --b-avatar-image-width: var(--b-spacer-100);
1987
+ --b-avatar-image-height: var(--b-spacer-100);
1988
+ --b-alert-tip-gap: var(--b-spacer-060);
1989
+ --b-alert-tip-padding: var(--b-spacer-050) var(--b-spacer-060);
1990
+ --b-alert-critical-icon-color: var(--b-color-background-critical-strong);
1991
+ --b-alert-critical-color: var(--b-color-label-primary);
1992
+ --b-alert-critical-background-color: var(--b-color-background-critical-weak);
1993
+ --b-alert-warning-icon-color: var(--b-color-background-warning-strong);
1994
+ --b-alert-warning-color: var(--b-color-label-primary);
1995
+ --b-alert-warning-background-color: var(--b-color-background-warning-weak);
1996
+ --b-alert-highlight-icon-color: var(--b-color-background-highlight-strong);
1997
+ --b-alert-highlight-color: var(--b-color-label-primary);
1998
+ --b-alert-highlight-background-color: var(--b-color-background-highlight-weak);
1999
+ --b-alert-success-icon-color: var(--b-color-background-success-strong);
2000
+ --b-alert-success-color: var(--b-color-label-primary);
2001
+ --b-alert-success-background-color: var(--b-color-background-success-weak);
2002
+ --b-alert-actions-gap: var(--b-spacer-070);
2003
+ --b-alert-actions-margin-top: var(--b-spacer-050);
2004
+ --b-alert-description-margin-top: var(--b-spacer-020);
2005
+ --b-alert-gap-mobile: var(--b-spacer-070);
2006
+ --b-alert-gap: var(--b-spacer-080);
2007
+ --b-alert-padding-mobile: var(--b-spacer-070);
2008
+ --b-alert-padding: var(--b-spacer-080);
2009
+ --b-alert-border-radius: var(--b-border-radius-m);
2010
+ --b-action-bar-animation-duration: var(--b-animation-duration-moderate);
2011
+ --b-action-bar-close-button-margin-right-mobile: var(--b-spacer-070);
2012
+ --b-action-bar-close-button-margin-right: var(--b-spacer-090);
2013
+ --b-action-bar-selection-margin-right-mobile: var(--b-spacer-070);
2014
+ --b-action-bar-selection-margin-right: var(--b-spacer-110);
2015
+ --b-action-bar-container-width: calc(100% - var(--b-spacer-070) - var(--b-spacer-070));
2016
+ --b-action-bar-container-padding: var(--b-spacer-050) var(--b-spacer-090);
2017
+ --b-action-bar-container-color: var(--b-color-label-inverse-primary);
2018
+ --b-action-bar-container-background-color: var(--b-color-background-inverse-primary);
2019
+ --b-action-bar-z-index: var(--b-z-index-global-elevated);
2020
+ --b-action-bar-bottom-extra-spacing: var(--b-spacer-120);
2021
+ --b-action-bar-bottom: var(--b-spacer-070);
2022
+ --b-accordion-item-animation-easing: var(--b-animation-easing-standard);
2023
+ --b-accordion-item-animation-duration: var(--b-animation-duration-moderate);
2024
+ --b-accordion-item-content-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-100);
2025
+ --b-accordion-item-content-color: var(--b-color-label-primary);
2026
+ --b-accordion-item-button-active-background-color: var(--b-color-background-primary-active);
2027
+ --b-accordion-item-button-hover-background-color: var(--b-color-background-primary-hover);
2028
+ --b-accordion-item-button-padding: var(--b-spacer-060) var(--b-spacer-070) var(--b-spacer-060) 0;
2029
+ --b-accordion-item-button-gap: var(--b-spacer-070);
2030
+ --b-accordion-item-button-color: var(--b-color-label-primary);
2031
+ --b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
2032
+ --b-accordion-item-background-color: var(--b-color-background-primary);
2033
+ --b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
2034
+ --b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
2035
+ --b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
2036
+ --b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
2037
+ --b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
2038
+ --b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
2039
+ --b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
2040
+ --b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
2041
+ --b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
2042
+ --b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
2043
+ --b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
2044
+ --b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
2045
+ --b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
2046
+ --b-text-rich-text-code-background-color: var(--b-color-background-secondary);
2047
+ --b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
2048
+ --b-text-rich-text-list-padding-left: var(--b-spacer-080);
2049
+ --b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
2050
+ --b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
2051
+ --b-focus-ring-outline: var(--b-border-width-l);
2052
+ --b-focus-ring-spacer: var(--b-border-width-s);
2053
+ --b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
2054
+ }