@adyen/bento-vue3 1.52.0 → 1.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/dist/@types/components.d.ts +2 -0
  2. package/dist/@types/index.d.ts +2123 -2028
  3. package/dist/action-bar.js +1 -1
  4. package/dist/assets/accordion-item.css +1 -1
  5. package/dist/assets/action-bar.css +1 -1
  6. package/dist/assets/base-modal.css +1 -1
  7. package/dist/assets/button-actions.css +1 -1
  8. package/dist/assets/calendar.css +1 -1
  9. package/dist/assets/card.css +1 -1
  10. package/dist/assets/checkbox.css +1 -1
  11. package/dist/assets/dashed-underline.css +1 -1
  12. package/dist/assets/data-grid.css +1 -1
  13. package/dist/assets/dialog-page.css +1 -1
  14. package/dist/assets/dropdown.css +1 -1
  15. package/dist/assets/file-uploader.css +1 -1
  16. package/dist/assets/filter-bar.css +1 -1
  17. package/dist/assets/header-with-views.css +1 -0
  18. package/dist/assets/input-field-password.css +1 -1
  19. package/dist/assets/inspector.css +1 -1
  20. package/dist/assets/link.css +1 -1
  21. package/dist/assets/menu.css +1 -1
  22. package/dist/assets/modal-fullscreen.css +1 -1
  23. package/dist/assets/pagination.css +1 -1
  24. package/dist/assets/payment-method.css +1 -1
  25. package/dist/assets/popover.css +1 -1
  26. package/dist/assets/sidepanel.css +1 -1
  27. package/dist/assets/summary-grid.css +1 -0
  28. package/dist/assets/tabs.css +1 -1
  29. package/dist/assets/textarea.css +1 -1
  30. package/dist/assets/use-cached-selected-values.css +1 -1
  31. package/dist/button.js +1 -1
  32. package/dist/card.js +1 -1
  33. package/dist/checkbox.js +2 -2
  34. package/dist/chunks/{action-bar.eo5EXYmg.js → action-bar.CUDi5Po7.js} +5 -5
  35. package/dist/chunks/{action-bar.eo5EXYmg.js.map → action-bar.CUDi5Po7.js.map} +1 -1
  36. package/dist/chunks/{base-modal.BlC6TZNz.js → base-modal.BegK8cPb.js} +4 -4
  37. package/dist/chunks/{base-modal.BlC6TZNz.js.map → base-modal.BegK8cPb.js.map} +1 -1
  38. package/dist/chunks/bin.CA6UQCNZ.js +37 -0
  39. package/dist/chunks/bin.CA6UQCNZ.js.map +1 -0
  40. package/dist/chunks/{button-actions-with-menu.DQaq1bkf.js → button-actions-with-menu.CcoKss9T.js} +5 -5
  41. package/dist/chunks/{button-actions-with-menu.DQaq1bkf.js.map → button-actions-with-menu.CcoKss9T.js.map} +1 -1
  42. package/dist/chunks/{button-actions.BvGAE7sw.js → button-actions.CdlXZ29B.js} +59 -117
  43. package/dist/chunks/{button-actions.BvGAE7sw.js.map → button-actions.CdlXZ29B.js.map} +1 -1
  44. package/dist/chunks/{calendar.D2X834TU.js → calendar.BRsV4rkQ.js} +72 -72
  45. package/dist/chunks/{calendar.D2X834TU.js.map → calendar.BRsV4rkQ.js.map} +1 -1
  46. package/dist/chunks/{card.IrL_Fw-f.js → card.C5bSqYsB.js} +2 -2
  47. package/dist/chunks/{card.IrL_Fw-f.js.map → card.C5bSqYsB.js.map} +1 -1
  48. package/dist/chunks/{checkbox-group.BVJfN48k.js → checkbox-group.EPDS2n3a.js} +4 -4
  49. package/dist/chunks/{checkbox-group.BVJfN48k.js.map → checkbox-group.EPDS2n3a.js.map} +1 -1
  50. package/dist/chunks/{checkbox.erdZ58Kk.js → checkbox.Z2Jeglk-.js} +75 -68
  51. package/dist/chunks/checkbox.Z2Jeglk-.js.map +1 -0
  52. package/dist/chunks/{click-outside.DSszkIvs.js → click-outside.C1Ud8AA2.js} +2 -2
  53. package/dist/chunks/{click-outside.DSszkIvs.js.map → click-outside.C1Ud8AA2.js.map} +1 -1
  54. package/dist/chunks/{code-snippet.Bb4_r0C8.js → code-snippet.zdidL9RT.js} +5 -5
  55. package/dist/chunks/{code-snippet.Bb4_r0C8.js.map → code-snippet.zdidL9RT.js.map} +1 -1
  56. package/dist/chunks/{controls-group.BaDhGB9H.js → controls-group.DcbOWqxA.js} +2 -2
  57. package/dist/chunks/{controls-group.BaDhGB9H.js.map → controls-group.DcbOWqxA.js.map} +1 -1
  58. package/dist/chunks/{copy.gmSTAqHY.js → copy.CFhrpASp.js} +2 -2
  59. package/dist/chunks/{copy.gmSTAqHY.js.map → copy.CFhrpASp.js.map} +1 -1
  60. package/dist/chunks/{dashboard-section.MAHmbUDG.js → dashboard-section.DpL72ax7.js} +4 -4
  61. package/dist/chunks/{dashboard-section.MAHmbUDG.js.map → dashboard-section.DpL72ax7.js.map} +1 -1
  62. package/dist/chunks/{dashed-underline.DY8xR9GH.js → dashed-underline.BYAXhfnX.js} +11 -11
  63. package/dist/chunks/{dashed-underline.DY8xR9GH.js.map → dashed-underline.BYAXhfnX.js.map} +1 -1
  64. package/dist/chunks/{data-grid-template.Dievz913.js → data-grid-template.CJxPIu3E.js} +3 -3
  65. package/dist/chunks/{data-grid-template.Dievz913.js.map → data-grid-template.CJxPIu3E.js.map} +1 -1
  66. package/dist/chunks/{data-grid.KZqjmRvk.js → data-grid.i-NPmpso.js} +32 -20
  67. package/dist/chunks/data-grid.i-NPmpso.js.map +1 -0
  68. package/dist/chunks/{date-picker.BWJYkSmo.js → date-picker.wesQox8h.js} +5 -5
  69. package/dist/chunks/{date-picker.BWJYkSmo.js.map → date-picker.wesQox8h.js.map} +1 -1
  70. package/dist/chunks/{date-range-picker.1Vbf9Zk8.js → date-range-picker.V6QCtfnc.js} +9 -9
  71. package/dist/chunks/{date-range-picker.1Vbf9Zk8.js.map → date-range-picker.V6QCtfnc.js.map} +1 -1
  72. package/dist/chunks/{directive.O3yEdalv.js → directive.Cbdox5VL.js} +2 -2
  73. package/dist/chunks/{directive.O3yEdalv.js.map → directive.Cbdox5VL.js.map} +1 -1
  74. package/dist/chunks/{dropdown-tag.C9nM0YHC.js → dropdown-tag.D8wU10wx.js} +4 -4
  75. package/dist/chunks/{dropdown-tag.C9nM0YHC.js.map → dropdown-tag.D8wU10wx.js.map} +1 -1
  76. package/dist/chunks/{dropdown.qw5oXFYs.js → dropdown.DQunMieR.js} +203 -194
  77. package/dist/chunks/dropdown.DQunMieR.js.map +1 -0
  78. package/dist/chunks/{error-message.DAjisbU1.js → error-message.DH8Er2JS.js} +2 -2
  79. package/dist/chunks/{error-message.DAjisbU1.js.map → error-message.DH8Er2JS.js.map} +1 -1
  80. package/dist/chunks/es6.BtaxuP0b.js.map +1 -1
  81. package/dist/chunks/{file-uploader.BLJpDgAZ.js → file-uploader.Rtt1Uz2U.js} +627 -586
  82. package/dist/chunks/file-uploader.Rtt1Uz2U.js.map +1 -0
  83. package/dist/chunks/{filter-bar.DYrXBQDF.js → filter-bar.DW7lAAtF.js} +867 -853
  84. package/dist/chunks/filter-bar.DW7lAAtF.js.map +1 -0
  85. package/dist/chunks/{focus-trap.DMgm-9f7.js → focus-trap.BFCzfiI_.js} +2 -2
  86. package/dist/chunks/{focus-trap.DMgm-9f7.js.map → focus-trap.BFCzfiI_.js.map} +1 -1
  87. package/dist/chunks/{footer-actions.DK3pMfDY.js → footer-actions.A9H5F5D-.js} +2 -2
  88. package/dist/chunks/{footer-actions.DK3pMfDY.js.map → footer-actions.A9H5F5D-.js.map} +1 -1
  89. package/dist/chunks/header-with-views.D2B-20ZR.js +2354 -0
  90. package/dist/chunks/header-with-views.D2B-20ZR.js.map +1 -0
  91. package/dist/chunks/{header.BASKzNwu.js → header.CoyUQXFL.js} +4 -4
  92. package/dist/chunks/{header.BASKzNwu.js.map → header.CoyUQXFL.js.map} +1 -1
  93. package/dist/chunks/index.BzJQl-2M.js +386 -0
  94. package/dist/chunks/{index.CMGT-6mh.js.map → index.BzJQl-2M.js.map} +1 -1
  95. package/dist/chunks/{info-icon-with-popover.BJccyOFx.js → info-icon-with-popover.CBi7CmUZ.js} +2 -2
  96. package/dist/chunks/{info-icon-with-popover.BJccyOFx.js.map → info-icon-with-popover.CBi7CmUZ.js.map} +1 -1
  97. package/dist/chunks/{info-icon.L8AexnZg.js → info-icon.Bomzzcc5.js} +2 -2
  98. package/dist/chunks/{info-icon.L8AexnZg.js.map → info-icon.Bomzzcc5.js.map} +1 -1
  99. package/dist/chunks/input-field-password.DMEjy243.js +343 -0
  100. package/dist/chunks/input-field-password.DMEjy243.js.map +1 -0
  101. package/dist/chunks/{input-field-phone-number.D1zlBh3R.js → input-field-phone-number.DhJznFQP.js} +3 -3
  102. package/dist/chunks/{input-field-phone-number.D1zlBh3R.js.map → input-field-phone-number.DhJznFQP.js.map} +1 -1
  103. package/dist/chunks/{input-field.DqMdqM2u.js → input-field.B9AU1IsG.js} +3 -3
  104. package/dist/chunks/{input-field.DqMdqM2u.js.map → input-field.B9AU1IsG.js.map} +1 -1
  105. package/dist/chunks/inspector.types.Fs9URmPq.js +188 -0
  106. package/dist/chunks/inspector.types.Fs9URmPq.js.map +1 -0
  107. package/dist/chunks/{layout-row.Drm_y8e3.js → layout-row.BC3Z1mQx.js} +2 -2
  108. package/dist/chunks/{layout-row.Drm_y8e3.js.map → layout-row.BC3Z1mQx.js.map} +1 -1
  109. package/dist/chunks/{listbox-option-tag.YSvtcy4P.js → listbox-option-tag.CqnkZr9x.js} +2 -2
  110. package/dist/chunks/{listbox-option-tag.YSvtcy4P.js.map → listbox-option-tag.CqnkZr9x.js.map} +1 -1
  111. package/dist/chunks/{menu.DfzP2nRU.js → menu.P_KG1J8b.js} +106 -105
  112. package/dist/chunks/menu.P_KG1J8b.js.map +1 -0
  113. package/dist/chunks/{modal-fullscreen.T1x_vroe.js → modal-fullscreen.DxuMKagz.js} +3 -3
  114. package/dist/chunks/{modal-fullscreen.T1x_vroe.js.map → modal-fullscreen.DxuMKagz.js.map} +1 -1
  115. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js → modal.vue_vue_type_script_setup_true_lang.DfzxXSwn.js} +4 -4
  116. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js.map → modal.vue_vue_type_script_setup_true_lang.DfzxXSwn.js.map} +1 -1
  117. package/dist/chunks/{on-click-outside.MUWbmGDn.js → on-click-outside.D9aY9g8G.js} +3 -2
  118. package/dist/chunks/{on-click-outside.MUWbmGDn.js.map → on-click-outside.D9aY9g8G.js.map} +1 -1
  119. package/dist/chunks/{pagination.Bt8DNme-.js → pagination.DsEd-vpq.js} +3 -3
  120. package/dist/chunks/{pagination.Bt8DNme-.js.map → pagination.DsEd-vpq.js.map} +1 -1
  121. package/dist/chunks/{payment-method.CLUppDo_.js → payment-method.eazefwm6.js} +9 -9
  122. package/dist/chunks/payment-method.eazefwm6.js.map +1 -0
  123. package/dist/chunks/payment-method.types.BqtH7RM2.js +5 -0
  124. package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -0
  125. package/dist/chunks/{popover.COzLcAET.js → popover.Csq1gQ6T.js} +3 -3
  126. package/dist/chunks/{popover.COzLcAET.js.map → popover.Csq1gQ6T.js.map} +1 -1
  127. package/dist/chunks/{popper-container.CEtaux25.js → popper-container.DnlxQ9eS.js} +2 -2
  128. package/dist/chunks/{popper-container.CEtaux25.js.map → popper-container.DnlxQ9eS.js.map} +1 -1
  129. package/dist/chunks/{promo-banner.BCpw2tDD.js → promo-banner.CN-TTSov.js} +2 -2
  130. package/dist/chunks/{promo-banner.BCpw2tDD.js.map → promo-banner.CN-TTSov.js.map} +1 -1
  131. package/dist/chunks/{radio-group.rxg-4rF_.js → radio-group.Vm-hmL1q.js} +4 -4
  132. package/dist/chunks/{radio-group.rxg-4rF_.js.map → radio-group.Vm-hmL1q.js.map} +1 -1
  133. package/dist/chunks/{search-bar.DlihXfPt.js → search-bar.BBV1KNdd.js} +3 -3
  134. package/dist/chunks/{search-bar.DlihXfPt.js.map → search-bar.BBV1KNdd.js.map} +1 -1
  135. package/dist/chunks/{secondary-nav.D2loVonk.js → secondary-nav.O2R1ltD9.js} +3 -3
  136. package/dist/chunks/{secondary-nav.D2loVonk.js.map → secondary-nav.O2R1ltD9.js.map} +1 -1
  137. package/dist/chunks/{segmented-control.Wn-miTIl.js → segmented-control.DBy-nbYM.js} +2 -2
  138. package/dist/chunks/{segmented-control.Wn-miTIl.js.map → segmented-control.DBy-nbYM.js.map} +1 -1
  139. package/dist/chunks/{selection-card-group.CtQaeZFM.js → selection-card-group.Bt4jBqjc.js} +4 -4
  140. package/dist/chunks/{selection-card-group.CtQaeZFM.js.map → selection-card-group.Bt4jBqjc.js.map} +1 -1
  141. package/dist/chunks/{sidepanel.CjaHQEin.js → sidepanel.Ds2CCG9L.js} +4 -4
  142. package/dist/chunks/{sidepanel.CjaHQEin.js.map → sidepanel.Ds2CCG9L.js.map} +1 -1
  143. package/dist/chunks/{structured-list-item.DAwADFpI.js → structured-list-item.CygGTBVl.js} +4 -4
  144. package/dist/chunks/{structured-list-item.DAwADFpI.js.map → structured-list-item.CygGTBVl.js.map} +1 -1
  145. package/dist/chunks/summary-grid.types.DzvuP-NU.js +454 -0
  146. package/dist/chunks/summary-grid.types.DzvuP-NU.js.map +1 -0
  147. package/dist/chunks/tabs.B8BRqQpv.js +272 -0
  148. package/dist/chunks/tabs.B8BRqQpv.js.map +1 -0
  149. package/dist/chunks/{tag.B1hW92hG.js → tag.C4SGN5Eb.js} +2 -2
  150. package/dist/chunks/{tag.B1hW92hG.js.map → tag.C4SGN5Eb.js.map} +1 -1
  151. package/dist/chunks/{teleport.B1NhF5-O.js → teleport.DfTpEQBR.js} +2 -2
  152. package/dist/chunks/{teleport.B1NhF5-O.js.map → teleport.DfTpEQBR.js.map} +1 -1
  153. package/dist/chunks/{textarea.DMA29yQA.js → textarea.bQwvvIkq.js} +103 -95
  154. package/dist/chunks/textarea.bQwvvIkq.js.map +1 -0
  155. package/dist/chunks/{timeline-item.kWg3dTy1.js → timeline-item.Bxt_pNII.js} +5 -5
  156. package/dist/chunks/{timeline-item.kWg3dTy1.js.map → timeline-item.Bxt_pNII.js.map} +1 -1
  157. package/dist/chunks/{tooltip.Y730-n-n.js → tooltip.CyQxprBQ.js} +2 -2
  158. package/dist/chunks/{tooltip.Y730-n-n.js.map → tooltip.CyQxprBQ.js.map} +1 -1
  159. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js → tutorial.vue_vue_type_script_setup_true_lang.BtVT3Ltg.js} +5 -5
  160. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js.map → tutorial.vue_vue_type_script_setup_true_lang.BtVT3Ltg.js.map} +1 -1
  161. package/dist/chunks/{use-cached-selected-values.DDP7LJoI.js → use-cached-selected-values.DmW8XRgJ.js} +234 -225
  162. package/dist/chunks/{use-cached-selected-values.DDP7LJoI.js.map → use-cached-selected-values.DmW8XRgJ.js.map} +1 -1
  163. package/dist/click-outside.js +1 -1
  164. package/dist/code-snippet.js +1 -1
  165. package/dist/dashboard-template.js +1 -1
  166. package/dist/dashed-underline.js +2 -2
  167. package/dist/data-grid-template.js +1 -1
  168. package/dist/data-grid.js +1 -1
  169. package/dist/date-picker.js +2 -2
  170. package/dist/date-range-picker.js +2 -2
  171. package/dist/dropdown.js +3 -3
  172. package/dist/file-uploader.js +1 -1
  173. package/dist/filter-bar.js +1 -1
  174. package/dist/focus-trap.js +1 -1
  175. package/dist/header-with-views.js +5 -0
  176. package/dist/header-with-views.js.map +1 -0
  177. package/dist/header.js +1 -1
  178. package/dist/index.js +201 -199
  179. package/dist/index.js.map +1 -1
  180. package/dist/info-icon.js +1 -1
  181. package/dist/input-field-password.js +1 -1
  182. package/dist/input-field-phone-number.js +1 -1
  183. package/dist/input-field.js +1 -1
  184. package/dist/inspector.js +1 -1
  185. package/dist/internal.js +11 -11
  186. package/dist/layout.js +1 -1
  187. package/dist/menu.js +1 -1
  188. package/dist/modal-fullscreen.js +1 -1
  189. package/dist/modal.js +2 -2
  190. package/dist/pagination.js +1 -1
  191. package/dist/payment-method.js +2 -2
  192. package/dist/popover.js +1 -1
  193. package/dist/popper-container.js +1 -1
  194. package/dist/promo-banner.js +1 -1
  195. package/dist/radio-group.js +1 -1
  196. package/dist/search-bar.js +2 -2
  197. package/dist/secondary-nav.js +1 -1
  198. package/dist/segmented-control.js +1 -1
  199. package/dist/selection-card.js +1 -1
  200. package/dist/sidepanel.js +1 -1
  201. package/dist/structured-list.js +1 -1
  202. package/dist/styles/bento-dark.css +89 -17
  203. package/dist/styles/bento-light.css +89 -17
  204. package/dist/styles/bento.css +89 -17
  205. package/dist/styles/legacy.css +77 -5
  206. package/dist/styles/styleguide.css +89 -17
  207. package/dist/summary-grid.js +1 -1
  208. package/dist/tabs.js +1 -1
  209. package/dist/tag.js +1 -1
  210. package/dist/textarea.js +1 -1
  211. package/dist/timeline.js +1 -1
  212. package/dist/tutorial.js +1 -1
  213. package/dist/use-form-v4.js +8300 -0
  214. package/dist/use-form-v4.js.map +1 -0
  215. package/dist/web-types.json +1 -1
  216. package/package.json +8 -7
  217. package/dist/assets/summary-grid-item-custom.css +0 -1
  218. package/dist/chunks/checkbox.erdZ58Kk.js.map +0 -1
  219. package/dist/chunks/data-grid.KZqjmRvk.js.map +0 -1
  220. package/dist/chunks/dropdown.qw5oXFYs.js.map +0 -1
  221. package/dist/chunks/file-uploader.BLJpDgAZ.js.map +0 -1
  222. package/dist/chunks/filter-bar.DYrXBQDF.js.map +0 -1
  223. package/dist/chunks/index.CMGT-6mh.js +0 -369
  224. package/dist/chunks/input-field-password.CZNUHo6s.js +0 -309
  225. package/dist/chunks/input-field-password.CZNUHo6s.js.map +0 -1
  226. package/dist/chunks/inspector.types.Dwt3V80X.js +0 -184
  227. package/dist/chunks/inspector.types.Dwt3V80X.js.map +0 -1
  228. package/dist/chunks/menu.DfzP2nRU.js.map +0 -1
  229. package/dist/chunks/payment-method.CLUppDo_.js.map +0 -1
  230. package/dist/chunks/payment-method.types.CJKfZQN5.js +0 -5
  231. package/dist/chunks/payment-method.types.CJKfZQN5.js.map +0 -1
  232. package/dist/chunks/summary-grid-item-custom.DTCzOBBy.js +0 -725
  233. package/dist/chunks/summary-grid-item-custom.DTCzOBBy.js.map +0 -1
  234. package/dist/chunks/tabs.hp52NnXH.js +0 -211
  235. package/dist/chunks/tabs.hp52NnXH.js.map +0 -1
  236. package/dist/chunks/textarea.DMA29yQA.js.map +0 -1
package/dist/styles/bento-light.css CHANGED
@@ -105,6 +105,7 @@
105
105
  --b-input-field-input-box-height: 36px;
106
106
  --b-input-field-password-validation-title-font-weight: 700;
107
107
  --b-header-actions-margin-top-desktop: 0;
108
+ --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
108
109
  --b-filter-button-label-line-height: 20px;
109
110
  --b-filter-bar-select-filter-button-divider-border-width: 0;
110
111
  --b-filter-bar-select-filter-divider-border-width: 0;
@@ -160,6 +161,7 @@
160
161
  --b-calendar-year-month-focus-visible-z-index: 1;
161
162
  --b-calendar-year-month-width: 60px;
162
163
  --b-calendar-year-month-height: 60px;
164
+ --b-calendar-year-year-container-border-collapse: collapse;
163
165
  --b-calendar-month-day-width: 40px;
164
166
  --b-calendar-month-day-height: 40px;
165
167
  --b-button-condensed-tertiary-height: auto;
@@ -294,10 +296,17 @@
294
296
  --b-color-outline-primary-active: #00112c;
295
297
  --b-color-outline-primary-hover: #c9cdd3;
296
298
  --b-color-outline-primary: #dbdee2;
299
+ --b-color-link-quiet-disabled: #8d95a3;
300
+ --b-color-link-quiet-active: #5c687c;
301
+ --b-color-link-quiet-hover: #5c687c;
302
+ --b-color-link-quiet: #00112c;
303
+ --b-color-link-primary-visited-active: #6500ca;
304
+ --b-color-link-primary-visited-hover: #6500ca;
305
+ --b-color-link-primary-visited: #4c0098;
297
306
  --b-color-link-primary-disabled: #8d95a3;
298
- --b-color-link-primary-active: #6d7789;
299
- --b-color-link-primary-hover: #5c687c;
300
- --b-color-link-primary: #00112c;
307
+ --b-color-link-primary-active: #0070f5;
308
+ --b-color-link-primary-hover: #0070f5;
309
+ --b-color-link-primary: #0063d7;
301
310
  --b-color-label-always-dark: #00112c;
302
311
  --b-color-label-always-light-tertiary-active: #556276;
303
312
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -590,6 +599,9 @@
590
599
  --b-tabs-tab-text-height: var(--b-spacer-090);
591
600
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
592
601
  --b-tabs-tab-list-gap: var(--b-spacer-090);
602
+ --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
603
+ --b-tabs-sticky-padding-top: var(--b-spacer-060);
604
+ --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
593
605
  --b-tabs-background-color: var(--b-color-background-primary);
594
606
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
595
607
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
@@ -985,9 +997,12 @@
985
997
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
986
998
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
987
999
  --b-link-data-grid-color: var(--b-color-link-primary);
988
- --b-link-quiet-active-color: var(--b-color-link-primary);
989
- --b-link-quiet-hover-color: var(--b-color-link-primary);
990
- --b-link-quiet-color: var(--b-color-link-primary);
1000
+ --b-link-quiet-active-color: var(--b-color-link-quiet-active);
1001
+ --b-link-quiet-hover-color: var(--b-color-link-quiet-hover);
1002
+ --b-link-quiet-color: var(--b-color-link-quiet);
1003
+ --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
1004
+ --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
1005
+ --b-link-visited-color: var(--b-color-link-primary-visited);
991
1006
  --b-link-active-color: var(--b-color-link-primary-active);
992
1007
  --b-link-hover-color: var(--b-color-link-primary-hover);
993
1008
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
@@ -1095,6 +1110,49 @@
1095
1110
  --b-header-title-margin-top: var(--b-spacer-010);
1096
1111
  --b-header-title-color: var(--b-color-label-primary);
1097
1112
  --b-header-wrapper-gap: var(--b-spacer-110);
1113
+ --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
1114
+ --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
1115
+ --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
1116
+ --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
1117
+ --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
1118
+ --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
1119
+ --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
1120
+ --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
1121
+ --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
1122
+ --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
1123
+ --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
1124
+ --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
1125
+ --b-header-with-views-edit-form-gap: var(--b-spacer-080);
1126
+ --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
1127
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
1128
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
1129
+ --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
1130
+ --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
1131
+ --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1132
+ --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1133
+ --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1134
+ --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1135
+ --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1136
+ --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1137
+ --b-header-with-views-modal-description-gap: var(--b-spacer-070);
1138
+ --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
1139
+ --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
1140
+ --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
1141
+ --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
1142
+ --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
1143
+ --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
1144
+ --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
1145
+ --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
1146
+ --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
1147
+ --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%);
1148
+ --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
1149
+ --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
1150
+ --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
1151
+ --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
1152
+ --b-header-with-views-bar-gap: var(--b-spacer-020);
1153
+ --b-header-with-views-title-gap: var(--b-spacer-030);
1154
+ --b-header-with-views-padding-inline: var(--b-spacer-070);
1155
+ --b-header-with-views-gap: var(--b-spacer-050);
1098
1156
  --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1099
1157
  --b-form-layout-title-description-color: var(--b-color-label-secondary);
1100
1158
  --b-form-layout-title-color: var(--b-color-label-primary);
@@ -1122,14 +1180,14 @@
1122
1180
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1123
1181
  --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1124
1182
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1125
- --b-filter-button-counter-disabled-font-color: var(--b-color-label-disabled);
1126
- --b-filter-button-counter-disabled-background-color: var(--b-color-background-disabled);
1183
+ --b-filter-button-counter-disabled-font-color: var(--b-color-label-inverse-disabled);
1184
+ --b-filter-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1127
1185
  --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1128
1186
  --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1129
1187
  --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1130
- --b-filter-button-counter-font-color: var(--b-color-label-secondary);
1188
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1131
1189
  --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1132
- --b-filter-button-counter-background-color: var(--b-color-background-tertiary);
1190
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1133
1191
  --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1134
1192
  --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1135
1193
  --b-filter-button-default-container-gap: var(--b-spacer-070);
@@ -1190,21 +1248,33 @@
1190
1248
  --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1191
1249
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1192
1250
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1193
- --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1194
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1195
- --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1196
- --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-disabled);
1251
+ --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-inverse-primary);
1252
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
1253
+ --b-filter-bar-button-counter-disabled-color: var(--b-color-label-inverse-disabled);
1254
+ --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1197
1255
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1198
1256
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1199
- --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1257
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1200
1258
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1201
- --b-filter-bar-button-counter-background-color: var(--b-color-background-tertiary);
1259
+ --b-filter-bar-button-counter-background-color: var(--b-color-background-inverse-primary);
1202
1260
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1203
1261
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1204
1262
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1205
1263
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1206
1264
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1207
1265
  --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1266
+ --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
1267
+ --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1268
+ --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1269
+ --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1270
+ --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1271
+ --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1272
+ --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
1273
+ --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1274
+ --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1275
+ --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
1276
+ --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1277
+ --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1208
1278
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1209
1279
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1210
1280
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
@@ -1491,8 +1561,10 @@
1491
1561
  --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
1492
1562
  --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
1493
1563
  --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
1564
+ --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
1494
1565
  --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
1495
- --b-dashed-underline-border-bottom: var(--b-border-width-m) dotted var(--b-color-outline-tertiary);
1566
+ --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
1567
+ --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
1496
1568
  --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
1497
1569
  --b-dashboard-section-controls-gap: var(--b-spacer-040);
1498
1570
  --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
package/dist/styles/bento.css CHANGED
@@ -105,6 +105,7 @@
105
105
  --b-input-field-input-box-height: 36px;
106
106
  --b-input-field-password-validation-title-font-weight: 700;
107
107
  --b-header-actions-margin-top-desktop: 0;
108
+ --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
108
109
  --b-filter-button-label-line-height: 20px;
109
110
  --b-filter-bar-select-filter-button-divider-border-width: 0;
110
111
  --b-filter-bar-select-filter-divider-border-width: 0;
@@ -160,6 +161,7 @@
160
161
  --b-calendar-year-month-focus-visible-z-index: 1;
161
162
  --b-calendar-year-month-width: 60px;
162
163
  --b-calendar-year-month-height: 60px;
164
+ --b-calendar-year-year-container-border-collapse: collapse;
163
165
  --b-calendar-month-day-width: 40px;
164
166
  --b-calendar-month-day-height: 40px;
165
167
  --b-button-condensed-tertiary-height: auto;
@@ -294,10 +296,17 @@
294
296
  --b-color-outline-primary-active: #00112c;
295
297
  --b-color-outline-primary-hover: #c9cdd3;
296
298
  --b-color-outline-primary: #dbdee2;
299
+ --b-color-link-quiet-disabled: #8d95a3;
300
+ --b-color-link-quiet-active: #5c687c;
301
+ --b-color-link-quiet-hover: #5c687c;
302
+ --b-color-link-quiet: #00112c;
303
+ --b-color-link-primary-visited-active: #6500ca;
304
+ --b-color-link-primary-visited-hover: #6500ca;
305
+ --b-color-link-primary-visited: #4c0098;
297
306
  --b-color-link-primary-disabled: #8d95a3;
298
- --b-color-link-primary-active: #6d7789;
299
- --b-color-link-primary-hover: #5c687c;
300
- --b-color-link-primary: #00112c;
307
+ --b-color-link-primary-active: #0070f5;
308
+ --b-color-link-primary-hover: #0070f5;
309
+ --b-color-link-primary: #0063d7;
301
310
  --b-color-label-always-dark: #00112c;
302
311
  --b-color-label-always-light-tertiary-active: #556276;
303
312
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -590,6 +599,9 @@
590
599
  --b-tabs-tab-text-height: var(--b-spacer-090);
591
600
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
592
601
  --b-tabs-tab-list-gap: var(--b-spacer-090);
602
+ --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
603
+ --b-tabs-sticky-padding-top: var(--b-spacer-060);
604
+ --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
593
605
  --b-tabs-background-color: var(--b-color-background-primary);
594
606
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
595
607
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
@@ -985,9 +997,12 @@
985
997
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
986
998
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
987
999
  --b-link-data-grid-color: var(--b-color-link-primary);
988
- --b-link-quiet-active-color: var(--b-color-link-primary);
989
- --b-link-quiet-hover-color: var(--b-color-link-primary);
990
- --b-link-quiet-color: var(--b-color-link-primary);
1000
+ --b-link-quiet-active-color: var(--b-color-link-quiet-active);
1001
+ --b-link-quiet-hover-color: var(--b-color-link-quiet-hover);
1002
+ --b-link-quiet-color: var(--b-color-link-quiet);
1003
+ --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
1004
+ --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
1005
+ --b-link-visited-color: var(--b-color-link-primary-visited);
991
1006
  --b-link-active-color: var(--b-color-link-primary-active);
992
1007
  --b-link-hover-color: var(--b-color-link-primary-hover);
993
1008
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
@@ -1095,6 +1110,49 @@
1095
1110
  --b-header-title-margin-top: var(--b-spacer-010);
1096
1111
  --b-header-title-color: var(--b-color-label-primary);
1097
1112
  --b-header-wrapper-gap: var(--b-spacer-110);
1113
+ --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
1114
+ --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
1115
+ --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
1116
+ --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
1117
+ --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
1118
+ --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
1119
+ --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
1120
+ --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
1121
+ --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
1122
+ --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
1123
+ --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
1124
+ --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
1125
+ --b-header-with-views-edit-form-gap: var(--b-spacer-080);
1126
+ --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
1127
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
1128
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
1129
+ --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
1130
+ --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
1131
+ --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1132
+ --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1133
+ --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1134
+ --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1135
+ --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1136
+ --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1137
+ --b-header-with-views-modal-description-gap: var(--b-spacer-070);
1138
+ --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
1139
+ --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
1140
+ --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
1141
+ --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
1142
+ --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
1143
+ --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
1144
+ --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
1145
+ --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
1146
+ --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
1147
+ --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%);
1148
+ --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
1149
+ --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
1150
+ --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
1151
+ --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
1152
+ --b-header-with-views-bar-gap: var(--b-spacer-020);
1153
+ --b-header-with-views-title-gap: var(--b-spacer-030);
1154
+ --b-header-with-views-padding-inline: var(--b-spacer-070);
1155
+ --b-header-with-views-gap: var(--b-spacer-050);
1098
1156
  --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1099
1157
  --b-form-layout-title-description-color: var(--b-color-label-secondary);
1100
1158
  --b-form-layout-title-color: var(--b-color-label-primary);
@@ -1122,14 +1180,14 @@
1122
1180
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1123
1181
  --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1124
1182
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1125
- --b-filter-button-counter-disabled-font-color: var(--b-color-label-disabled);
1126
- --b-filter-button-counter-disabled-background-color: var(--b-color-background-disabled);
1183
+ --b-filter-button-counter-disabled-font-color: var(--b-color-label-inverse-disabled);
1184
+ --b-filter-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1127
1185
  --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1128
1186
  --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1129
1187
  --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1130
- --b-filter-button-counter-font-color: var(--b-color-label-secondary);
1188
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1131
1189
  --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1132
- --b-filter-button-counter-background-color: var(--b-color-background-tertiary);
1190
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1133
1191
  --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1134
1192
  --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1135
1193
  --b-filter-button-default-container-gap: var(--b-spacer-070);
@@ -1190,21 +1248,33 @@
1190
1248
  --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1191
1249
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1192
1250
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1193
- --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1194
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1195
- --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1196
- --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-disabled);
1251
+ --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-inverse-primary);
1252
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
1253
+ --b-filter-bar-button-counter-disabled-color: var(--b-color-label-inverse-disabled);
1254
+ --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1197
1255
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1198
1256
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1199
- --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1257
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1200
1258
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1201
- --b-filter-bar-button-counter-background-color: var(--b-color-background-tertiary);
1259
+ --b-filter-bar-button-counter-background-color: var(--b-color-background-inverse-primary);
1202
1260
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1203
1261
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1204
1262
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1205
1263
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1206
1264
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1207
1265
  --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1266
+ --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
1267
+ --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1268
+ --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1269
+ --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1270
+ --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1271
+ --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1272
+ --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
1273
+ --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1274
+ --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1275
+ --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
1276
+ --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1277
+ --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1208
1278
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1209
1279
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1210
1280
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
@@ -1491,8 +1561,10 @@
1491
1561
  --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
1492
1562
  --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
1493
1563
  --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
1564
+ --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
1494
1565
  --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
1495
- --b-dashed-underline-border-bottom: var(--b-border-width-m) dotted var(--b-color-outline-tertiary);
1566
+ --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
1567
+ --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
1496
1568
  --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
1497
1569
  --b-dashboard-section-controls-gap: var(--b-spacer-040);
1498
1570
  --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
package/dist/styles/legacy.css CHANGED
@@ -140,6 +140,7 @@
140
140
  --b-input-field-input-box-height: 40px;
141
141
  --b-input-field-password-validation-title-font-weight: 700;
142
142
  --b-header-actions-margin-top-desktop: 0;
143
+ --b-header-with-views-all-views-popover-menu-item-dragging-z-index: 1;
143
144
  --b-filter-button-label-line-height: 15px;
144
145
  --b-filter-bar-select-filter-button-divider-border-width: 0;
145
146
  --b-filter-bar-select-filter-divider-border-width: 0;
@@ -197,6 +198,7 @@
197
198
  --b-calendar-year-month-focus-visible-z-index: 1;
198
199
  --b-calendar-year-month-width: 60px;
199
200
  --b-calendar-year-month-height: 60px;
201
+ --b-calendar-year-year-container-border-collapse: collapse;
200
202
  --b-calendar-month-month-container-border-collapse: collapse;
201
203
  --b-calendar-month-day-unselected-active-background: transparent;
202
204
  --b-calendar-month-day-unselected-hover-background: none;
@@ -363,10 +365,17 @@
363
365
  --b-color-outline-primary-active: #00112c;
364
366
  --b-color-outline-primary-hover: #c9cdd3;
365
367
  --b-color-outline-primary: #dbdee2;
368
+ --b-color-link-quiet-disabled: #8d95a3;
369
+ --b-color-link-quiet-active: #5c687c;
370
+ --b-color-link-quiet-hover: #5c687c;
371
+ --b-color-link-quiet: #00112c;
372
+ --b-color-link-primary-visited-active: #6500ca;
373
+ --b-color-link-primary-visited-hover: #6500ca;
374
+ --b-color-link-primary-visited: #4c0098;
366
375
  --b-color-link-primary-disabled: #8d95a3;
367
- --b-color-link-primary-active: #6d7789;
368
- --b-color-link-primary-hover: #5c687c;
369
- --b-color-link-primary: #00112c;
376
+ --b-color-link-primary-active: #0070f5;
377
+ --b-color-link-primary-hover: #0070f5;
378
+ --b-color-link-primary: #0063d7;
370
379
  --b-color-label-always-dark: #00112c;
371
380
  --b-color-label-always-light-tertiary-active: #556276;
372
381
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -620,6 +629,9 @@
620
629
  --b-tabs-tab-text-height: var(--b-spacer-090);
621
630
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
622
631
  --b-tabs-tab-list-gap: var(--b-spacer-090);
632
+ --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
633
+ --b-tabs-sticky-padding-top: var(--b-spacer-060);
634
+ --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
623
635
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
624
636
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
625
637
  --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
@@ -943,6 +955,9 @@
943
955
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
944
956
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
945
957
  --b-link-data-grid-color: var(--b-color-link-primary);
958
+ --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
959
+ --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
960
+ --b-link-visited-color: var(--b-color-link-primary-visited);
946
961
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
947
962
  --b-link-border-radius: var(--b-border-radius-xs);
948
963
  --b-layout-row-column-wrapper-l-and-up-column-gap: var(--b-spacer-090);
@@ -1042,6 +1057,49 @@
1042
1057
  --b-header-title-margin-top: var(--b-spacer-010);
1043
1058
  --b-header-title-color: var(--b-color-label-primary);
1044
1059
  --b-header-wrapper-gap: var(--b-spacer-110);
1060
+ --b-header-with-views-edit-form-title-gap: var(--b-spacer-030);
1061
+ --b-header-with-views-edit-form-icon-panel-padding: var(--b-spacer-020);
1062
+ --b-header-with-views-edit-form-icon-panel-gap: var(--b-spacer-040);
1063
+ --b-header-with-views-edit-form-icon-selector-gap: var(--b-spacer-050);
1064
+ --b-header-with-views-edit-form-icon-options-button-border-selected: var(--b-border-width-s) solid var(--b-color-outline-primary-active);
1065
+ --b-header-with-views-edit-form-icon-options-button-border-radius: var(--b-border-radius-s);
1066
+ --b-header-with-views-edit-form-icon-options-button-border-hover: var(--b-border-width-s) solid var(--b-color-outline-primary-hover);
1067
+ --b-header-with-views-edit-form-icon-color-options-gap: var(--b-spacer-020);
1068
+ --b-header-with-views-edit-form-icon-color-options-button-padding: var(--b-spacer-010);
1069
+ --b-header-with-views-edit-form-icon-color-options-button-border-radius: var(--b-border-radius-xl);
1070
+ --b-header-with-views-edit-form-additional-config-margin-top: var(--b-spacer-080);
1071
+ --b-header-with-views-edit-form-actions-margin-top: var(--b-spacer-060);
1072
+ --b-header-with-views-edit-form-gap: var(--b-spacer-080);
1073
+ --b-header-with-views-all-views-popover-menu-item-button-select-margin: var(--b-spacer-070);
1074
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-margin: var(--b-spacer-050);
1075
+ --b-header-with-views-all-views-popover-menu-item-button-reorder-color: var(--b-color-label-tertiary);
1076
+ --b-header-with-views-all-views-popover-menu-item-button-gap: var(--b-spacer-030);
1077
+ --b-header-with-views-all-views-popover-menu-item-padding: var(--b-spacer-040) var(--b-spacer-070);
1078
+ --b-header-with-views-all-views-popover-menu-item-hover-background-color: var(--b-color-background-modal-hover);
1079
+ --b-header-with-views-all-views-popover-menu-item-focus-background-color: var(--b-color-background-modal-active);
1080
+ --b-header-with-views-all-views-popover-menu-item-dragging-box-shadow: var(--b-shadow-medium);
1081
+ --b-header-with-views-all-views-popover-menu-item-dragging-background-color: var(--b-color-background-selected);
1082
+ --b-header-with-views-all-views-popover-menu-item-active-background-color: var(--b-color-background-modal-active);
1083
+ --b-header-with-views-all-views-popover-padding: var(--b-spacer-040) var(--b-spacer-000);
1084
+ --b-header-with-views-modal-description-gap: var(--b-spacer-070);
1085
+ --b-header-with-views-bar-tab-icon-yellow: var(--b-color-decorative-yellow);
1086
+ --b-header-with-views-bar-tab-icon-red: var(--b-color-decorative-red);
1087
+ --b-header-with-views-bar-tab-icon-primary: var(--b-color-outline-primary-active);
1088
+ --b-header-with-views-bar-tab-icon-orange: var(--b-color-decorative-orange);
1089
+ --b-header-with-views-bar-tab-icon-green: var(--b-color-decorative-green);
1090
+ --b-header-with-views-bar-tab-icon-blue: var(--b-color-decorative-blue);
1091
+ --b-header-with-views-bar-tab-button-unsaved-color: var(--b-color-background-highlight-strong);
1092
+ --b-header-with-views-bar-tab-button-menu-right: var(--b-spacer-040);
1093
+ --b-header-with-views-bar-tab-button-menu-button-padding: var(--b-spacer-030);
1094
+ --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%);
1095
+ --b-header-with-views-bar-tab-button-gap: var(--b-spacer-040);
1096
+ --b-header-with-views-bar-tab-button-background-color-active: var(--b-color-background-primary-active);
1097
+ --b-header-with-views-bar-tab-padding-inline: var(--b-border-width-l) var(--b-spacer-040);
1098
+ --b-header-with-views-bar-padding: var(--b-spacer-030) 0;
1099
+ --b-header-with-views-bar-gap: var(--b-spacer-020);
1100
+ --b-header-with-views-title-gap: var(--b-spacer-030);
1101
+ --b-header-with-views-padding-inline: var(--b-spacer-070);
1102
+ --b-header-with-views-gap: var(--b-spacer-050);
1045
1103
  --b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
1046
1104
  --b-form-layout-title-description-color: var(--b-color-label-secondary);
1047
1105
  --b-form-layout-title-color: var(--b-color-label-primary);
@@ -1145,7 +1203,6 @@
1145
1203
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1146
1204
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1147
1205
  --b-filter-bar-button-counter-hover-background-color: var(--b-color-grey-0);
1148
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1149
1206
  --b-filter-bar-button-counter-disabled-color: var(--b-color-grey-30);
1150
1207
  --b-filter-bar-button-counter-disabled-background-color: var(--b-color-grey-0);
1151
1208
  --b-filter-bar-button-counter-padding: var(--b-spacer-010) var(--b-spacer-030);
@@ -1166,6 +1223,15 @@
1166
1223
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1167
1224
  --b-filter-bar-button-disabled-color: var(--b-color-grey-40);
1168
1225
  --b-filter-bar-button-disabled-background-color: var(--b-color-grey-10);
1226
+ --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1227
+ --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1228
+ --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1229
+ --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1230
+ --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1231
+ --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1232
+ --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1233
+ --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1234
+ --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1169
1235
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1170
1236
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1171
1237
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
@@ -1435,8 +1501,10 @@
1435
1501
  --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
1436
1502
  --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
1437
1503
  --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
1504
+ --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
1438
1505
  --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
1439
- --b-dashed-underline-border-bottom: var(--b-border-width-m) dotted var(--b-color-outline-tertiary);
1506
+ --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);
1507
+ --b-dashed-underline-border-bottom: var(--b-border-width-m) solid transparent;
1440
1508
  --b-dashboard-section-divider-margin-top: var(--b-spacer-090);
1441
1509
  --b-dashboard-section-controls-gap: var(--b-spacer-040);
1442
1510
  --b-dashboard-section-columns-m-and-up-gap: var(--b-spacer-120);
@@ -1984,6 +2052,10 @@
1984
2052
  --b-filter-button-background-color: var(--b-color-background-primary);
1985
2053
  --b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
1986
2054
  --b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);
2055
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
2056
+ --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
2057
+ --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
2058
+ --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
1987
2059
  --b-filter-bar-button-background-color: var(--b-color-background-primary);
1988
2060
  --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
1989
2061
  --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);