@adyen/bento-vue2 1.53.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 (214) hide show
  1. package/dist/@types/index.d.ts +1832 -2154
  2. package/dist/action-bar.js +1 -1
  3. package/dist/assets/accordion-item.css +1 -1
  4. package/dist/assets/action-bar.css +1 -1
  5. package/dist/assets/base-modal.css +1 -1
  6. package/dist/assets/button-actions.css +1 -1
  7. package/dist/assets/calendar.css +1 -1
  8. package/dist/assets/card.css +1 -1
  9. package/dist/assets/checkbox.css +1 -1
  10. package/dist/assets/data-grid.css +1 -1
  11. package/dist/assets/dialog-page.css +1 -1
  12. package/dist/assets/dropdown.css +1 -1
  13. package/dist/assets/file-uploader.css +1 -1
  14. package/dist/assets/filter-bar.css +1 -1
  15. package/dist/assets/input-field-password.css +1 -1
  16. package/dist/assets/inspector.css +1 -1
  17. package/dist/assets/link.css +1 -1
  18. package/dist/assets/menu.css +1 -1
  19. package/dist/assets/modal-fullscreen.css +1 -1
  20. package/dist/assets/pagination.css +1 -1
  21. package/dist/assets/payment-method.css +1 -1
  22. package/dist/assets/popover.css +1 -1
  23. package/dist/assets/sidepanel.css +1 -1
  24. package/dist/assets/summary-grid.css +1 -0
  25. package/dist/assets/tabs.css +1 -1
  26. package/dist/assets/textarea.css +1 -1
  27. package/dist/button.js +1 -1
  28. package/dist/card.js +1 -1
  29. package/dist/checkbox.js +2 -2
  30. package/dist/chunks/{action-bar.Cuktzrp5.js → action-bar.CH1Mswou.js} +5 -5
  31. package/dist/chunks/{action-bar.Cuktzrp5.js.map → action-bar.CH1Mswou.js.map} +1 -1
  32. package/dist/chunks/{base-modal.DnaWOvaM.js → base-modal.kHzGyWf6.js} +3 -3
  33. package/dist/chunks/{base-modal.DnaWOvaM.js.map → base-modal.kHzGyWf6.js.map} +1 -1
  34. package/dist/chunks/{button-actions-with-menu.twMFsb82.js → button-actions-with-menu.mqNecwDb.js} +5 -5
  35. package/dist/chunks/{button-actions-with-menu.twMFsb82.js.map → button-actions-with-menu.mqNecwDb.js.map} +1 -1
  36. package/dist/chunks/{button-actions.DAvSJtOB.js → button-actions.XlUhz42n.js} +42 -100
  37. package/dist/chunks/{button-actions.DAvSJtOB.js.map → button-actions.XlUhz42n.js.map} +1 -1
  38. package/dist/chunks/{calendar.CJToU_uI.js → calendar.D4dMXwc0.js} +4 -4
  39. package/dist/chunks/{calendar.CJToU_uI.js.map → calendar.D4dMXwc0.js.map} +1 -1
  40. package/dist/chunks/{card.AQO_BjGb.js → card.BT04hjvV.js} +2 -2
  41. package/dist/chunks/{card.AQO_BjGb.js.map → card.BT04hjvV.js.map} +1 -1
  42. package/dist/chunks/{checkbox-group.DkM6n3JR.js → checkbox-group.DZF4UIym.js} +4 -4
  43. package/dist/chunks/{checkbox-group.DkM6n3JR.js.map → checkbox-group.DZF4UIym.js.map} +1 -1
  44. package/dist/chunks/{checkbox.l7h6GYew.js → checkbox.DloQJI-K.js} +40 -40
  45. package/dist/chunks/checkbox.DloQJI-K.js.map +1 -0
  46. package/dist/chunks/{code-snippet.BsEe6nml.js → code-snippet.B3GhZo7r.js} +5 -5
  47. package/dist/chunks/{code-snippet.BsEe6nml.js.map → code-snippet.B3GhZo7r.js.map} +1 -1
  48. package/dist/chunks/{controls-group.vFyThDMU.js → controls-group.C-HKhH1m.js} +2 -2
  49. package/dist/chunks/{controls-group.vFyThDMU.js.map → controls-group.C-HKhH1m.js.map} +1 -1
  50. package/dist/chunks/{copy.DD_Yfyn_.js → copy.k18tXmP1.js} +3 -3
  51. package/dist/chunks/{copy.DD_Yfyn_.js.map → copy.k18tXmP1.js.map} +1 -1
  52. package/dist/chunks/{dashboard-section.z-Rnv5E-.js → dashboard-section.DlIwNKkx.js} +4 -4
  53. package/dist/chunks/{dashboard-section.z-Rnv5E-.js.map → dashboard-section.DlIwNKkx.js.map} +1 -1
  54. package/dist/chunks/{dashed-underline.CfQuYKV9.js → dashed-underline.BbQIbZfu.js} +3 -3
  55. package/dist/chunks/{dashed-underline.CfQuYKV9.js.map → dashed-underline.BbQIbZfu.js.map} +1 -1
  56. package/dist/chunks/{data-grid-template.73mazFER.js → data-grid-template.BJTWe6Ty.js} +3 -3
  57. package/dist/chunks/{data-grid-template.73mazFER.js.map → data-grid-template.BJTWe6Ty.js.map} +1 -1
  58. package/dist/chunks/{data-grid.C_Xoz-GC.js → data-grid.BjtvKzyw.js} +199 -199
  59. package/dist/chunks/data-grid.BjtvKzyw.js.map +1 -0
  60. package/dist/chunks/{date-picker.bgk9aymW.js → date-picker.Dy0k-7_1.js} +15 -15
  61. package/dist/chunks/{date-picker.bgk9aymW.js.map → date-picker.Dy0k-7_1.js.map} +1 -1
  62. package/dist/chunks/{date-range-picker.-s05jOQA.js → date-range-picker.B_uiZRMc.js} +24 -24
  63. package/dist/chunks/{date-range-picker.-s05jOQA.js.map → date-range-picker.B_uiZRMc.js.map} +1 -1
  64. package/dist/chunks/{dropdown-tag.8qh8J-NE.js → dropdown-tag.D3py85f0.js} +4 -4
  65. package/dist/chunks/{dropdown-tag.8qh8J-NE.js.map → dropdown-tag.D3py85f0.js.map} +1 -1
  66. package/dist/chunks/{dropdown.DzWXcJyF.js → dropdown.CI6ccgJJ.js} +52 -53
  67. package/dist/chunks/{dropdown.DzWXcJyF.js.map → dropdown.CI6ccgJJ.js.map} +1 -1
  68. package/dist/chunks/{error-message.CzQf7YOD.js → error-message.qHRfH-8Y.js} +2 -2
  69. package/dist/chunks/{error-message.CzQf7YOD.js.map → error-message.qHRfH-8Y.js.map} +1 -1
  70. package/dist/chunks/es6.BtaxuP0b.js.map +1 -1
  71. package/dist/chunks/{file-uploader.CcZPr-jD.js → file-uploader.BOWE87dN.js} +469 -449
  72. package/dist/chunks/file-uploader.BOWE87dN.js.map +1 -0
  73. package/dist/chunks/{filter-bar.BdGtQC7p.js → filter-bar.pVpO62X3.js} +633 -627
  74. package/dist/chunks/filter-bar.pVpO62X3.js.map +1 -0
  75. package/dist/chunks/{focus-trap.CIUzScHc.js → focus-trap.V3Q8H_5C.js} +2 -2
  76. package/dist/chunks/{focus-trap.CIUzScHc.js.map → focus-trap.V3Q8H_5C.js.map} +1 -1
  77. package/dist/chunks/{footer-actions.BkHpWa7A.js → footer-actions.DYi_MR9I.js} +2 -2
  78. package/dist/chunks/{footer-actions.BkHpWa7A.js.map → footer-actions.DYi_MR9I.js.map} +1 -1
  79. package/dist/chunks/{header-with-views.ChEgH2tn.js → header-with-views.CLSMOYua.js} +11 -11
  80. package/dist/chunks/{header-with-views.ChEgH2tn.js.map → header-with-views.CLSMOYua.js.map} +1 -1
  81. package/dist/chunks/{header.0hX8OYwM.js → header.DWx6s2nt.js} +4 -4
  82. package/dist/chunks/{header.0hX8OYwM.js.map → header.DWx6s2nt.js.map} +1 -1
  83. package/dist/chunks/{index.BCUiAdb6.js → index.48Mn1OCp.js} +3 -3
  84. package/dist/chunks/{index.BCUiAdb6.js.map → index.48Mn1OCp.js.map} +1 -1
  85. package/dist/chunks/{info-icon-with-popover.w6MpKOWh.js → info-icon-with-popover.B4wYDzGz.js} +2 -2
  86. package/dist/chunks/{info-icon-with-popover.w6MpKOWh.js.map → info-icon-with-popover.B4wYDzGz.js.map} +1 -1
  87. package/dist/chunks/{info-icon.C1ReXurF.js → info-icon.J62KXp9I.js} +3 -3
  88. package/dist/chunks/{info-icon.C1ReXurF.js.map → info-icon.J62KXp9I.js.map} +1 -1
  89. package/dist/chunks/input-field-password.D6lhO8b2.js +228 -0
  90. package/dist/chunks/input-field-password.D6lhO8b2.js.map +1 -0
  91. package/dist/chunks/{input-field-phone-number.C8WTJ1W-.js → input-field-phone-number.CYRNWZL8.js} +3 -3
  92. package/dist/chunks/{input-field-phone-number.C8WTJ1W-.js.map → input-field-phone-number.CYRNWZL8.js.map} +1 -1
  93. package/dist/chunks/{input-field.tP3Eupoo.js → input-field.CsnMZceM.js} +3 -3
  94. package/dist/chunks/{input-field.tP3Eupoo.js.map → input-field.CsnMZceM.js.map} +1 -1
  95. package/dist/chunks/inspector.types.Cmq6sdCz.js +105 -0
  96. package/dist/chunks/inspector.types.Cmq6sdCz.js.map +1 -0
  97. package/dist/chunks/{layout-row.BgBazwnM.js → layout-row.DWRoI0dm.js} +2 -2
  98. package/dist/chunks/{layout-row.BgBazwnM.js.map → layout-row.DWRoI0dm.js.map} +1 -1
  99. package/dist/chunks/{listbox-option-tag.T9cfTst7.js → listbox-option-tag.BHI-8rRX.js} +2 -2
  100. package/dist/chunks/{listbox-option-tag.T9cfTst7.js.map → listbox-option-tag.BHI-8rRX.js.map} +1 -1
  101. package/dist/chunks/{menu.CY7ceslP.js → menu.BoxhffPs.js} +2 -2
  102. package/dist/chunks/{menu.CY7ceslP.js.map → menu.BoxhffPs.js.map} +1 -1
  103. package/dist/chunks/{modal-fullscreen.Dz5w250z.js → modal-fullscreen.E7e13pW9.js} +3 -3
  104. package/dist/chunks/{modal-fullscreen.Dz5w250z.js.map → modal-fullscreen.E7e13pW9.js.map} +1 -1
  105. package/dist/chunks/{modal.CnmRkXZM.js → modal.BUPJIcb6.js} +4 -4
  106. package/dist/chunks/{modal.CnmRkXZM.js.map → modal.BUPJIcb6.js.map} +1 -1
  107. package/dist/chunks/{pagination.CvGOUwd8.js → pagination.FBlW1fUz.js} +3 -3
  108. package/dist/chunks/{pagination.CvGOUwd8.js.map → pagination.FBlW1fUz.js.map} +1 -1
  109. package/dist/chunks/{payment-method.NZKiNOmM.js → payment-method.Cx4nPDtE.js} +6 -6
  110. package/dist/chunks/payment-method.Cx4nPDtE.js.map +1 -0
  111. package/dist/chunks/payment-method.types.BqtH7RM2.js +5 -0
  112. package/dist/chunks/payment-method.types.BqtH7RM2.js.map +1 -0
  113. package/dist/chunks/{popover.BvsqsZQ1.js → popover.C4PNSrnW.js} +3 -3
  114. package/dist/chunks/{popover.BvsqsZQ1.js.map → popover.C4PNSrnW.js.map} +1 -1
  115. package/dist/chunks/{popper-container.LRQgzjRf.js → popper-container.DWY19wS0.js} +2 -2
  116. package/dist/chunks/{popper-container.LRQgzjRf.js.map → popper-container.DWY19wS0.js.map} +1 -1
  117. package/dist/chunks/{promo-banner.DDnJwMDC.js → promo-banner.DgCKKp6o.js} +6 -6
  118. package/dist/chunks/{promo-banner.DDnJwMDC.js.map → promo-banner.DgCKKp6o.js.map} +1 -1
  119. package/dist/chunks/{radio-group.BvswbJa8.js → radio-group.WbbrQhEO.js} +4 -4
  120. package/dist/chunks/{radio-group.BvswbJa8.js.map → radio-group.WbbrQhEO.js.map} +1 -1
  121. package/dist/chunks/{search-bar.kKLreEXo.js → search-bar.CFKWbNeA.js} +3 -3
  122. package/dist/chunks/{search-bar.kKLreEXo.js.map → search-bar.CFKWbNeA.js.map} +1 -1
  123. package/dist/chunks/{secondary-nav.C6bfsK2p.js → secondary-nav.C0gPD0MR.js} +3 -3
  124. package/dist/chunks/{secondary-nav.C6bfsK2p.js.map → secondary-nav.C0gPD0MR.js.map} +1 -1
  125. package/dist/chunks/{segmented-control.BywW3ont.js → segmented-control.DGNMY2BP.js} +2 -2
  126. package/dist/chunks/{segmented-control.BywW3ont.js.map → segmented-control.DGNMY2BP.js.map} +1 -1
  127. package/dist/chunks/{selection-card-group.Ca4G00h5.js → selection-card-group.BmKUEuny.js} +11 -11
  128. package/dist/chunks/{selection-card-group.Ca4G00h5.js.map → selection-card-group.BmKUEuny.js.map} +1 -1
  129. package/dist/chunks/{sidepanel.D4H3Vu0m.js → sidepanel.CyhG1nQR.js} +3 -3
  130. package/dist/chunks/{sidepanel.D4H3Vu0m.js.map → sidepanel.CyhG1nQR.js.map} +1 -1
  131. package/dist/chunks/{structured-list-item.Bv8reTz2.js → structured-list-item.Co5P9bFC.js} +4 -4
  132. package/dist/chunks/{structured-list-item.Bv8reTz2.js.map → structured-list-item.Co5P9bFC.js.map} +1 -1
  133. package/dist/chunks/summary-grid.types.egM7irBt.js +295 -0
  134. package/dist/chunks/summary-grid.types.egM7irBt.js.map +1 -0
  135. package/dist/chunks/tabs.C8CgvNt4.js +214 -0
  136. package/dist/chunks/tabs.C8CgvNt4.js.map +1 -0
  137. package/dist/chunks/{tag.IyMxowGc.js → tag.CyspYb1E.js} +2 -2
  138. package/dist/chunks/{tag.IyMxowGc.js.map → tag.CyspYb1E.js.map} +1 -1
  139. package/dist/chunks/{textarea.B9HjT5LH.js → textarea.CC8esIW6.js} +75 -71
  140. package/dist/chunks/textarea.CC8esIW6.js.map +1 -0
  141. package/dist/chunks/{timeline-item.BIwk0vqM.js → timeline-item.Byorbxmc.js} +5 -5
  142. package/dist/chunks/{timeline-item.BIwk0vqM.js.map → timeline-item.Byorbxmc.js.map} +1 -1
  143. package/dist/chunks/{tooltip.DShIiBiY.js → tooltip.DOvci5lX.js} +2 -2
  144. package/dist/chunks/{tooltip.DShIiBiY.js.map → tooltip.DOvci5lX.js.map} +1 -1
  145. package/dist/chunks/{tutorial.DDlXTjAO.js → tutorial.QwHbq1FO.js} +5 -5
  146. package/dist/chunks/{tutorial.DDlXTjAO.js.map → tutorial.QwHbq1FO.js.map} +1 -1
  147. package/dist/chunks/{use-cached-selected-values.LVldNial.js → use-cached-selected-values.DHpjo2tV.js} +26 -26
  148. package/dist/chunks/{use-cached-selected-values.LVldNial.js.map → use-cached-selected-values.DHpjo2tV.js.map} +1 -1
  149. package/dist/code-snippet.js +1 -1
  150. package/dist/dashboard-template.js +1 -1
  151. package/dist/dashed-underline.js +1 -1
  152. package/dist/data-grid-template.js +1 -1
  153. package/dist/data-grid.js +1 -1
  154. package/dist/date-picker.js +2 -2
  155. package/dist/date-range-picker.js +2 -2
  156. package/dist/dropdown.js +3 -3
  157. package/dist/file-uploader.js +1 -1
  158. package/dist/filter-bar.js +1 -1
  159. package/dist/focus-trap.js +1 -1
  160. package/dist/header-with-views.js +1 -1
  161. package/dist/header.js +1 -1
  162. package/dist/index.js +49 -49
  163. package/dist/info-icon.js +1 -1
  164. package/dist/input-field-password.js +1 -1
  165. package/dist/input-field-phone-number.js +1 -1
  166. package/dist/input-field.js +1 -1
  167. package/dist/inspector.js +1 -1
  168. package/dist/internal.js +10 -10
  169. package/dist/layout.js +1 -1
  170. package/dist/menu.js +1 -1
  171. package/dist/modal-fullscreen.js +1 -1
  172. package/dist/modal.js +2 -2
  173. package/dist/pagination.js +1 -1
  174. package/dist/payment-method.js +2 -2
  175. package/dist/popover.js +1 -1
  176. package/dist/popper-container.js +1 -1
  177. package/dist/promo-banner.js +1 -1
  178. package/dist/radio-group.js +1 -1
  179. package/dist/search-bar.js +2 -2
  180. package/dist/secondary-nav.js +1 -1
  181. package/dist/segmented-control.js +1 -1
  182. package/dist/selection-card.js +1 -1
  183. package/dist/sidepanel.js +1 -1
  184. package/dist/structured-list.js +1 -1
  185. package/dist/styles/bento-dark.css +42 -16
  186. package/dist/styles/bento-light.css +42 -16
  187. package/dist/styles/bento.css +42 -16
  188. package/dist/styles/legacy.css +30 -4
  189. package/dist/styles/styleguide.css +42 -16
  190. package/dist/summary-grid.js +1 -1
  191. package/dist/tabs.js +1 -1
  192. package/dist/tag.js +1 -1
  193. package/dist/textarea.js +1 -1
  194. package/dist/timeline.js +1 -1
  195. package/dist/tutorial.js +1 -1
  196. package/dist/web-types.json +5535 -5431
  197. package/package.json +5 -5
  198. package/dist/assets/summary-grid-item-custom.css +0 -1
  199. package/dist/chunks/checkbox.l7h6GYew.js.map +0 -1
  200. package/dist/chunks/data-grid.C_Xoz-GC.js.map +0 -1
  201. package/dist/chunks/file-uploader.CcZPr-jD.js.map +0 -1
  202. package/dist/chunks/filter-bar.BdGtQC7p.js.map +0 -1
  203. package/dist/chunks/input-field-password.CZn4kW8v.js +0 -198
  204. package/dist/chunks/input-field-password.CZn4kW8v.js.map +0 -1
  205. package/dist/chunks/inspector.types.A0b4jNO3.js +0 -101
  206. package/dist/chunks/inspector.types.A0b4jNO3.js.map +0 -1
  207. package/dist/chunks/payment-method.NZKiNOmM.js.map +0 -1
  208. package/dist/chunks/payment-method.types.CJKfZQN5.js +0 -5
  209. package/dist/chunks/payment-method.types.CJKfZQN5.js.map +0 -1
  210. package/dist/chunks/summary-grid-item-custom.Bbdie4EL.js +0 -631
  211. package/dist/chunks/summary-grid-item-custom.Bbdie4EL.js.map +0 -1
  212. package/dist/chunks/tabs.UFoTqvew.js +0 -154
  213. package/dist/chunks/tabs.UFoTqvew.js.map +0 -1
  214. package/dist/chunks/textarea.B9HjT5LH.js.map +0 -1
package/dist/styles/bento-light.css CHANGED
@@ -161,6 +161,7 @@
161
161
  --b-calendar-year-month-focus-visible-z-index: 1;
162
162
  --b-calendar-year-month-width: 60px;
163
163
  --b-calendar-year-month-height: 60px;
164
+ --b-calendar-year-year-container-border-collapse: collapse;
164
165
  --b-calendar-month-day-width: 40px;
165
166
  --b-calendar-month-day-height: 40px;
166
167
  --b-button-condensed-tertiary-height: auto;
@@ -295,10 +296,17 @@
295
296
  --b-color-outline-primary-active: #00112c;
296
297
  --b-color-outline-primary-hover: #c9cdd3;
297
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;
298
306
  --b-color-link-primary-disabled: #8d95a3;
299
- --b-color-link-primary-active: #6d7789;
300
- --b-color-link-primary-hover: #5c687c;
301
- --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;
302
310
  --b-color-label-always-dark: #00112c;
303
311
  --b-color-label-always-light-tertiary-active: #556276;
304
312
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -591,6 +599,9 @@
591
599
  --b-tabs-tab-text-height: var(--b-spacer-090);
592
600
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
593
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);
594
605
  --b-tabs-background-color: var(--b-color-background-primary);
595
606
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
596
607
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
@@ -986,9 +997,12 @@
986
997
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
987
998
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
988
999
  --b-link-data-grid-color: var(--b-color-link-primary);
989
- --b-link-quiet-active-color: var(--b-color-link-primary);
990
- --b-link-quiet-hover-color: var(--b-color-link-primary);
991
- --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);
992
1006
  --b-link-active-color: var(--b-color-link-primary-active);
993
1007
  --b-link-hover-color: var(--b-color-link-primary-hover);
994
1008
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
@@ -1166,14 +1180,14 @@
1166
1180
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1167
1181
  --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1168
1182
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1169
- --b-filter-button-counter-disabled-font-color: var(--b-color-label-disabled);
1170
- --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);
1171
1185
  --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1172
1186
  --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1173
1187
  --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1174
- --b-filter-button-counter-font-color: var(--b-color-label-secondary);
1188
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1175
1189
  --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1176
- --b-filter-button-counter-background-color: var(--b-color-background-tertiary);
1190
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1177
1191
  --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1178
1192
  --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1179
1193
  --b-filter-button-default-container-gap: var(--b-spacer-070);
@@ -1234,21 +1248,33 @@
1234
1248
  --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1235
1249
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1236
1250
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1237
- --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1238
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1239
- --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1240
- --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);
1241
1255
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1242
1256
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1243
- --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1257
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1244
1258
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1245
- --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);
1246
1260
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1247
1261
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1248
1262
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1249
1263
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1250
1264
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1251
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);
1252
1278
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1253
1279
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1254
1280
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
package/dist/styles/bento.css CHANGED
@@ -161,6 +161,7 @@
161
161
  --b-calendar-year-month-focus-visible-z-index: 1;
162
162
  --b-calendar-year-month-width: 60px;
163
163
  --b-calendar-year-month-height: 60px;
164
+ --b-calendar-year-year-container-border-collapse: collapse;
164
165
  --b-calendar-month-day-width: 40px;
165
166
  --b-calendar-month-day-height: 40px;
166
167
  --b-button-condensed-tertiary-height: auto;
@@ -295,10 +296,17 @@
295
296
  --b-color-outline-primary-active: #00112c;
296
297
  --b-color-outline-primary-hover: #c9cdd3;
297
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;
298
306
  --b-color-link-primary-disabled: #8d95a3;
299
- --b-color-link-primary-active: #6d7789;
300
- --b-color-link-primary-hover: #5c687c;
301
- --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;
302
310
  --b-color-label-always-dark: #00112c;
303
311
  --b-color-label-always-light-tertiary-active: #556276;
304
312
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -591,6 +599,9 @@
591
599
  --b-tabs-tab-text-height: var(--b-spacer-090);
592
600
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
593
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);
594
605
  --b-tabs-background-color: var(--b-color-background-primary);
595
606
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
596
607
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
@@ -986,9 +997,12 @@
986
997
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
987
998
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
988
999
  --b-link-data-grid-color: var(--b-color-link-primary);
989
- --b-link-quiet-active-color: var(--b-color-link-primary);
990
- --b-link-quiet-hover-color: var(--b-color-link-primary);
991
- --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);
992
1006
  --b-link-active-color: var(--b-color-link-primary-active);
993
1007
  --b-link-hover-color: var(--b-color-link-primary-hover);
994
1008
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
@@ -1166,14 +1180,14 @@
1166
1180
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1167
1181
  --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1168
1182
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1169
- --b-filter-button-counter-disabled-font-color: var(--b-color-label-disabled);
1170
- --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);
1171
1185
  --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1172
1186
  --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1173
1187
  --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1174
- --b-filter-button-counter-font-color: var(--b-color-label-secondary);
1188
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1175
1189
  --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1176
- --b-filter-button-counter-background-color: var(--b-color-background-tertiary);
1190
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1177
1191
  --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1178
1192
  --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1179
1193
  --b-filter-button-default-container-gap: var(--b-spacer-070);
@@ -1234,21 +1248,33 @@
1234
1248
  --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1235
1249
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1236
1250
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1237
- --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1238
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1239
- --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1240
- --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);
1241
1255
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1242
1256
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1243
- --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1257
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1244
1258
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1245
- --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);
1246
1260
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1247
1261
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1248
1262
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1249
1263
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1250
1264
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1251
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);
1252
1278
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1253
1279
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1254
1280
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
package/dist/styles/legacy.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --b-calendar-year-month-focus-visible-z-index: 1;
199
199
  --b-calendar-year-month-width: 60px;
200
200
  --b-calendar-year-month-height: 60px;
201
+ --b-calendar-year-year-container-border-collapse: collapse;
201
202
  --b-calendar-month-month-container-border-collapse: collapse;
202
203
  --b-calendar-month-day-unselected-active-background: transparent;
203
204
  --b-calendar-month-day-unselected-hover-background: none;
@@ -364,10 +365,17 @@
364
365
  --b-color-outline-primary-active: #00112c;
365
366
  --b-color-outline-primary-hover: #c9cdd3;
366
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;
367
375
  --b-color-link-primary-disabled: #8d95a3;
368
- --b-color-link-primary-active: #6d7789;
369
- --b-color-link-primary-hover: #5c687c;
370
- --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;
371
379
  --b-color-label-always-dark: #00112c;
372
380
  --b-color-label-always-light-tertiary-active: #556276;
373
381
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -621,6 +629,9 @@
621
629
  --b-tabs-tab-text-height: var(--b-spacer-090);
622
630
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
623
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);
624
635
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
625
636
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
626
637
  --b-summary-grid-item-content-label-line-height: var(--b-text-body-wide-line-height);
@@ -944,6 +955,9 @@
944
955
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
945
956
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
946
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);
947
961
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
948
962
  --b-link-border-radius: var(--b-border-radius-xs);
949
963
  --b-layout-row-column-wrapper-l-and-up-column-gap: var(--b-spacer-090);
@@ -1189,7 +1203,6 @@
1189
1203
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1190
1204
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1191
1205
  --b-filter-bar-button-counter-hover-background-color: var(--b-color-grey-0);
1192
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1193
1206
  --b-filter-bar-button-counter-disabled-color: var(--b-color-grey-30);
1194
1207
  --b-filter-bar-button-counter-disabled-background-color: var(--b-color-grey-0);
1195
1208
  --b-filter-bar-button-counter-padding: var(--b-spacer-010) var(--b-spacer-030);
@@ -1210,6 +1223,15 @@
1210
1223
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1211
1224
  --b-filter-bar-button-disabled-color: var(--b-color-grey-40);
1212
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);
1213
1235
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1214
1236
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1215
1237
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
@@ -2030,6 +2052,10 @@
2030
2052
  --b-filter-button-background-color: var(--b-color-background-primary);
2031
2053
  --b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
2032
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);
2033
2059
  --b-filter-bar-button-background-color: var(--b-color-background-primary);
2034
2060
  --b-file-uploader-icon-error-color: var(--b-color-label-on-color);
2035
2061
  --b-file-uploader-icon-drag-over-color: var(--b-color-label-on-color);
package/dist/styles/styleguide.css CHANGED
@@ -161,6 +161,7 @@
161
161
  --b-calendar-year-month-focus-visible-z-index: 1;
162
162
  --b-calendar-year-month-width: 60px;
163
163
  --b-calendar-year-month-height: 60px;
164
+ --b-calendar-year-year-container-border-collapse: collapse;
164
165
  --b-calendar-month-day-width: 40px;
165
166
  --b-calendar-month-day-height: 40px;
166
167
  --b-button-condensed-tertiary-height: auto;
@@ -350,10 +351,17 @@
350
351
  --b-color-outline-primary-active: #00112c;
351
352
  --b-color-outline-primary-hover: #c9cdd3;
352
353
  --b-color-outline-primary: #dbdee2;
354
+ --b-color-link-quiet-disabled: #8d95a3;
355
+ --b-color-link-quiet-active: #5c687c;
356
+ --b-color-link-quiet-hover: #5c687c;
357
+ --b-color-link-quiet: #00112c;
358
+ --b-color-link-primary-visited-active: #6500ca;
359
+ --b-color-link-primary-visited-hover: #6500ca;
360
+ --b-color-link-primary-visited: #4c0098;
353
361
  --b-color-link-primary-disabled: #8d95a3;
354
- --b-color-link-primary-active: #6d7789;
355
- --b-color-link-primary-hover: #5c687c;
356
- --b-color-link-primary: #00112c;
362
+ --b-color-link-primary-active: #0070f5;
363
+ --b-color-link-primary-hover: #0070f5;
364
+ --b-color-link-primary: #0063d7;
357
365
  --b-color-label-always-dark: #00112c;
358
366
  --b-color-label-always-light-tertiary-active: #556276;
359
367
  --b-color-label-always-light-tertiary-hover: #747f8f;
@@ -646,6 +654,9 @@
646
654
  --b-tabs-tab-text-height: var(--b-spacer-090);
647
655
  --b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
648
656
  --b-tabs-tab-list-gap: var(--b-spacer-090);
657
+ --b-tabs-sticky-z-index: var(--b-z-index-local-tier-2);
658
+ --b-tabs-sticky-padding-top: var(--b-spacer-060);
659
+ --b-tabs-sticky-border-bottom: var(--b-border-width-s) solid var(--b-color-separator-primary);
649
660
  --b-tabs-background-color: var(--b-color-background-primary);
650
661
  --b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
651
662
  --b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
@@ -1041,9 +1052,12 @@
1041
1052
  --b-link-data-grid-hover-color: var(--b-color-link-primary);
1042
1053
  --b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
1043
1054
  --b-link-data-grid-color: var(--b-color-link-primary);
1044
- --b-link-quiet-active-color: var(--b-color-link-primary);
1045
- --b-link-quiet-hover-color: var(--b-color-link-primary);
1046
- --b-link-quiet-color: var(--b-color-link-primary);
1055
+ --b-link-quiet-active-color: var(--b-color-link-quiet-active);
1056
+ --b-link-quiet-hover-color: var(--b-color-link-quiet-hover);
1057
+ --b-link-quiet-color: var(--b-color-link-quiet);
1058
+ --b-link-visited-active-color: var(--b-color-link-primary-visited-active);
1059
+ --b-link-visited-hover-color: var(--b-color-link-primary-visited-hover);
1060
+ --b-link-visited-color: var(--b-color-link-primary-visited);
1047
1061
  --b-link-active-color: var(--b-color-link-primary-active);
1048
1062
  --b-link-hover-color: var(--b-color-link-primary-hover);
1049
1063
  --b-link-external-link-padding: 0 0 0 var(--b-spacer-020);
@@ -1221,14 +1235,14 @@
1221
1235
  --b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
1222
1236
  --b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
1223
1237
  --b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1224
- --b-filter-button-counter-disabled-font-color: var(--b-color-label-disabled);
1225
- --b-filter-button-counter-disabled-background-color: var(--b-color-background-disabled);
1238
+ --b-filter-button-counter-disabled-font-color: var(--b-color-label-inverse-disabled);
1239
+ --b-filter-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1226
1240
  --b-filter-button-counter-open-background-color: var(--b-color-background-tertiary-active);
1227
1241
  --b-filter-button-counter-active-background-color: var(--b-color-background-tertiary-active);
1228
1242
  --b-filter-button-counter-padding: var(--b-spacer-020) var(--b-spacer-030);
1229
- --b-filter-button-counter-font-color: var(--b-color-label-secondary);
1243
+ --b-filter-button-counter-font-color: var(--b-color-label-inverse-primary);
1230
1244
  --b-filter-button-counter-border-radius: var(--b-border-radius-s);
1231
- --b-filter-button-counter-background-color: var(--b-color-background-tertiary);
1245
+ --b-filter-button-counter-background-color: var(--b-color-background-inverse-primary);
1232
1246
  --b-filter-button-disabled-font-color: var(--b-color-label-disabled);
1233
1247
  --b-filter-button-disabled-background-color: var(--b-color-background-primary);
1234
1248
  --b-filter-button-default-container-gap: var(--b-spacer-070);
@@ -1289,21 +1303,33 @@
1289
1303
  --b-filter-bar-button-filter-open-background-color: var(--b-color-background-primary-active);
1290
1304
  --b-filter-bar-button-counter-filter-open-background-color: var(--b-color-background-tertiary-active);
1291
1305
  --b-filter-bar-button-counter-filter-open-color: var(--b-color-label-primary);
1292
- --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
1293
- --b-filter-bar-button-counter-hover-color: var(--b-color-label-secondary);
1294
- --b-filter-bar-button-counter-disabled-color: var(--b-color-label-disabled);
1295
- --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-disabled);
1306
+ --b-filter-bar-button-counter-hover-background-color: var(--b-color-background-inverse-primary);
1307
+ --b-filter-bar-button-counter-hover-color: var(--b-color-label-inverse-primary);
1308
+ --b-filter-bar-button-counter-disabled-color: var(--b-color-label-inverse-disabled);
1309
+ --b-filter-bar-button-counter-disabled-background-color: var(--b-color-background-inverse-disabled);
1296
1310
  --b-filter-bar-button-counter-padding: 0 var(--b-spacer-020);
1297
1311
  --b-filter-bar-button-counter-margin-right: var(--b-spacer-020);
1298
- --b-filter-bar-button-counter-color: var(--b-color-label-primary);
1312
+ --b-filter-bar-button-counter-color: var(--b-color-label-inverse-primary);
1299
1313
  --b-filter-bar-button-counter-border-radius: var(--b-border-radius-s);
1300
- --b-filter-bar-button-counter-background-color: var(--b-color-background-tertiary);
1314
+ --b-filter-bar-button-counter-background-color: var(--b-color-background-inverse-primary);
1301
1315
  --b-filter-bar-button-container-padding: var(--b-spacer-020) var(--b-spacer-050);
1302
1316
  --b-filter-bar-button-container-gap: var(--b-spacer-040);
1303
1317
  --b-filter-bar-button-with-secondary-label-container-padding-right: var(--b-spacer-050);
1304
1318
  --b-filter-bar-button-with-counter-container-padding-right: var(--b-spacer-020);
1305
1319
  --b-filter-bar-button-disabled-color: var(--b-color-label-disabled);
1306
1320
  --b-filter-bar-button-disabled-background-color: var(--b-color-background-primary);
1321
+ --b-filter-bar-button-applied-filter-open-color: var(--b-color-label-inverse-primary);
1322
+ --b-filter-bar-button-applied-filter-open-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);
1323
+ --b-filter-bar-button-applied-filter-open-background-color: var(--b-color-background-inverse-secondary-active);
1324
+ --b-filter-bar-button-applied-disabled-color: var(--b-color-label-inverse-disabled);
1325
+ --b-filter-bar-button-applied-disabled-border: var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);
1326
+ --b-filter-bar-button-applied-disabled-background-color: var(--b-color-background-inverse-disabled);
1327
+ --b-filter-bar-button-applied-hover-color: var(--b-color-label-inverse-primary);
1328
+ --b-filter-bar-button-applied-hover-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);
1329
+ --b-filter-bar-button-applied-hover-background-color: var(--b-color-background-inverse-secondary-hover);
1330
+ --b-filter-bar-button-applied-color: var(--b-color-label-inverse-primary);
1331
+ --b-filter-bar-button-applied-border: var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);
1332
+ --b-filter-bar-button-applied-background-color: var(--b-color-background-inverse-secondary);
1307
1333
  --b-filter-bar-button-attention-outline: 0.5px solid var(--b-color-outline-secondary-active);
1308
1334
  --b-filter-bar-button-attention-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
1309
1335
  --b-filter-bar-button-active-border: var(--b-border-width-s) solid var(--b-color-outline-secondary-active);
package/dist/summary-grid.js CHANGED
@@ -1,4 +1,4 @@
1
- import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid-item-custom.Bbdie4EL.js";
1
+ import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.egM7irBt.js";
2
2
  export {
3
3
  r as BentoSummaryGrid,
4
4
  t as BentoSummaryGridItemAmount,
package/dist/tabs.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as e, a as s } from "./chunks/tabs.UFoTqvew.js";
1
+ import { B as e, a as s } from "./chunks/tabs.C8CgvNt4.js";
2
2
  export {
3
3
  e as BentoTab,
4
4
  s as BentoTabs
package/dist/tag.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as t, a as e } from "./chunks/tag.IyMxowGc.js";
1
+ import { B as t, a as e } from "./chunks/tag.CyspYb1E.js";
2
2
  export {
3
3
  t as BentoTag,
4
4
  e as BentoTagVariant
package/dist/textarea.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as o } from "./chunks/textarea.B9HjT5LH.js";
1
+ import { B as o } from "./chunks/textarea.CC8esIW6.js";
2
2
  export {
3
3
  o as BentoTextarea
4
4
  };
package/dist/timeline.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.BIwk0vqM.js";
1
+ import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.Byorbxmc.js";
2
2
  export {
3
3
  t as BentoTimeline,
4
4
  i as BentoTimelineGapUnit,
package/dist/tutorial.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as r } from "./chunks/tutorial.DDlXTjAO.js";
1
+ import { t as r } from "./chunks/tutorial.QwHbq1FO.js";
2
2
  export {
3
3
  r as BentoTutorial
4
4
  };