@adyen/bento-vue2 1.36.0 → 1.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -4
- package/dist/@types/index.d.ts +46 -23
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/calendar.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/checkbox-group.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/code-snippet.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/date.css +1 -0
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/form-layout-title.css +1 -1
- package/dist/assets/header.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/pagination.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/assets/search-bar.css +1 -1
- package/dist/assets/segmented-control.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/status.css +1 -1
- package/dist/assets/summary-grid-item-custom.css +1 -1
- package/dist/assets/tabs.css +1 -1
- package/dist/assets/tag.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/assets/timeline-item.css +1 -1
- package/dist/assets/toggle.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +4 -4
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{accordion-item.Vq05tAhB.js → accordion-item.BjXzREaK.js} +6 -6
- package/dist/chunks/accordion-item.BjXzREaK.js.map +1 -0
- package/dist/chunks/{action-bar.CUqS39Cp.js → action-bar.CjdRoIjd.js} +6 -6
- package/dist/chunks/{action-bar.CUqS39Cp.js.map → action-bar.CjdRoIjd.js.map} +1 -1
- package/dist/chunks/{alert.zlJ3MfKq.js → alert.DHu9891u.js} +3 -3
- package/dist/chunks/{alert.zlJ3MfKq.js.map → alert.DHu9891u.js.map} +1 -1
- package/dist/chunks/{avatar.D4mypTTV.js → avatar.DXzyWKsI.js} +2 -2
- package/dist/chunks/{avatar.D4mypTTV.js.map → avatar.DXzyWKsI.js.map} +1 -1
- package/dist/chunks/{base-button.DAKOYVBq.js → base-button.4UYC3kp2.js} +2 -2
- package/dist/chunks/{base-button.DAKOYVBq.js.map → base-button.4UYC3kp2.js.map} +1 -1
- package/dist/chunks/{base-modal.k5uk1jo9.js → base-modal.D9nvAFwb.js} +18 -18
- package/dist/chunks/base-modal.D9nvAFwb.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.C-AkWz9u.js → button-actions-with-menu.BraBlJ_T.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.C-AkWz9u.js.map → button-actions-with-menu.BraBlJ_T.js.map} +1 -1
- package/dist/chunks/{button-actions.C-L0Vb2u.js → button-actions.22PlNl4O.js} +3 -3
- package/dist/chunks/{button-actions.C-L0Vb2u.js.map → button-actions.22PlNl4O.js.map} +1 -1
- package/dist/chunks/{button.C_Oq3WUu.js → button.PIszagl6.js} +3 -3
- package/dist/chunks/{button.C_Oq3WUu.js.map → button.PIszagl6.js.map} +1 -1
- package/dist/chunks/{calendar.BT0hX5ZY.js → calendar.DadXSN5E.js} +6 -6
- package/dist/chunks/calendar.DadXSN5E.js.map +1 -0
- package/dist/chunks/{card.-Ha3buAK.js → card.7EiG0W8f.js} +5 -5
- package/dist/chunks/card.7EiG0W8f.js.map +1 -0
- package/dist/chunks/{checkbox-group.BwFXPTGd.js → checkbox-group.BKDaJocG.js} +11 -11
- package/dist/chunks/checkbox-group.BKDaJocG.js.map +1 -0
- package/dist/chunks/{checkbox.CzdtFE34.js → checkbox.DNsPAfq5.js} +18 -18
- package/dist/chunks/checkbox.DNsPAfq5.js.map +1 -0
- package/dist/chunks/{code-snippet.DYW7nBqv.js → code-snippet.BPKC0Bxs.js} +7 -7
- package/dist/chunks/{code-snippet.DYW7nBqv.js.map → code-snippet.BPKC0Bxs.js.map} +1 -1
- package/dist/chunks/{controls-group.BtkDkKnd.js → controls-group.Dx66LdfN.js} +3 -3
- package/dist/chunks/{controls-group.BtkDkKnd.js.map → controls-group.Dx66LdfN.js.map} +1 -1
- package/dist/chunks/{copy.DUvO5BhX.js → copy.fvajyLGQ.js} +3 -3
- package/dist/chunks/{copy.DUvO5BhX.js.map → copy.fvajyLGQ.js.map} +1 -1
- package/dist/chunks/{country.BfTSZ01Q.js → country.CM5oZOyZ.js} +2 -2
- package/dist/chunks/{country.BfTSZ01Q.js.map → country.CM5oZOyZ.js.map} +1 -1
- package/dist/chunks/{currency.DYXYXlWj.js → currency.CEqsVP2T.js} +2 -2
- package/dist/chunks/{currency.DYXYXlWj.js.map → currency.CEqsVP2T.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BrafNf0B.js → dashboard-section.CilMYHUI.js} +3 -3
- package/dist/chunks/{dashboard-section.BrafNf0B.js.map → dashboard-section.CilMYHUI.js.map} +1 -1
- package/dist/chunks/{dashed-underline.WP0jCp-Y.js → dashed-underline.3xCL30uf.js} +4 -4
- package/dist/chunks/{dashed-underline.WP0jCp-Y.js.map → dashed-underline.3xCL30uf.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CDnT_RiH.js → data-grid-template.DV7r3myJ.js} +3 -3
- package/dist/chunks/{data-grid-template.CDnT_RiH.js.map → data-grid-template.DV7r3myJ.js.map} +1 -1
- package/dist/chunks/{data-grid.5V4xfplg.js → data-grid.CAs5qLq1.js} +22 -22
- package/dist/chunks/data-grid.CAs5qLq1.js.map +1 -0
- package/dist/chunks/{date-picker.YVjq2axC.js → date-picker.Ce5xoP6x.js} +19 -19
- package/dist/chunks/date-picker.Ce5xoP6x.js.map +1 -0
- package/dist/chunks/{date-range-picker.YL2zw7hP.js → date-range-picker.WFZu39Kj.js} +27 -27
- package/dist/chunks/{date-range-picker.YL2zw7hP.js.map → date-range-picker.WFZu39Kj.js.map} +1 -1
- package/dist/chunks/{date.Dno8WmJv.js → date.BQ29-2L1.js} +24 -23
- package/dist/chunks/{date.Dno8WmJv.js.map → date.BQ29-2L1.js.map} +1 -1
- package/dist/chunks/{dialog-page.CEQ5epTD.js → dialog-page.Qi9Zc34k.js} +2 -2
- package/dist/chunks/{dialog-page.CEQ5epTD.js.map → dialog-page.Qi9Zc34k.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.PSmUokZR.js → dropdown-default-textbox.DPZmj7xJ.js} +4 -4
- package/dist/chunks/dropdown-default-textbox.DPZmj7xJ.js.map +1 -0
- package/dist/chunks/{dropdown-tag.BPIE-Tx1.js → dropdown-tag.Df5CcYQ0.js} +6 -6
- package/dist/chunks/{dropdown-tag.BPIE-Tx1.js.map → dropdown-tag.Df5CcYQ0.js.map} +1 -1
- package/dist/chunks/{dropdown.BHJbVSjY.js → dropdown.DpiHAE1l.js} +20 -20
- package/dist/chunks/dropdown.DpiHAE1l.js.map +1 -0
- package/dist/chunks/{empty-state.DY4srVjI.js → empty-state.c6UY_tmZ.js} +3 -3
- package/dist/chunks/{empty-state.DY4srVjI.js.map → empty-state.c6UY_tmZ.js.map} +1 -1
- package/dist/chunks/{error-message.DTf7QSTn.js → error-message.Btn_7Igx.js} +3 -3
- package/dist/chunks/{error-message.DTf7QSTn.js.map → error-message.Btn_7Igx.js.map} +1 -1
- package/dist/chunks/es6.BvpG4Oi6.js.map +1 -1
- package/dist/chunks/{filter-bar.DWUgkTha.js → filter-bar.BSWkjktr.js} +27 -27
- package/dist/chunks/filter-bar.BSWkjktr.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DD6yai-G.js → fixed-scroller.Bv65QAGg.js} +2 -2
- package/dist/chunks/{fixed-scroller.DD6yai-G.js.map → fixed-scroller.Bv65QAGg.js.map} +1 -1
- package/dist/chunks/{footer-actions.BexpqZ3C.js → footer-actions.BL59SNj4.js} +4 -4
- package/dist/chunks/{footer-actions.BexpqZ3C.js.map → footer-actions.BL59SNj4.js.map} +1 -1
- package/dist/chunks/{form-layout-title.DEQ_f2Y6.js → form-layout-title.CTnkin8u.js} +3 -3
- package/dist/chunks/{form-layout-title.DEQ_f2Y6.js.map → form-layout-title.CTnkin8u.js.map} +1 -1
- package/dist/chunks/generate-uid.D-HFI38h.js +32 -0
- package/dist/chunks/generate-uid.D-HFI38h.js.map +1 -0
- package/dist/chunks/{header.BWgpdAi9.js → header.DGuyhMle.js} +7 -7
- package/dist/chunks/{header.BWgpdAi9.js.map → header.DGuyhMle.js.map} +1 -1
- package/dist/chunks/{info-icon.BJU6hCeC.js → info-icon.BxWBisWG.js} +2 -2
- package/dist/chunks/{info-icon.BJU6hCeC.js.map → info-icon.BxWBisWG.js.map} +1 -1
- package/dist/chunks/{input-field.CFDh8JEg.js → input-field.CT0_xKvJ.js} +6 -6
- package/dist/chunks/input-field.CT0_xKvJ.js.map +1 -0
- package/dist/chunks/{inspector.types.BI9aWBZp.js → inspector.types.D1HKmbsJ.js} +5 -5
- package/dist/chunks/inspector.types.D1HKmbsJ.js.map +1 -0
- package/dist/chunks/{link.bX7nfkIe.js → link.n62xz4hO.js} +2 -2
- package/dist/chunks/{link.bX7nfkIe.js.map → link.n62xz4hO.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.fphY41d2.js → listbox-option-tag.CuHL51H9.js} +3 -3
- package/dist/chunks/{listbox-option-tag.fphY41d2.js.map → listbox-option-tag.CuHL51H9.js.map} +1 -1
- package/dist/chunks/{loading-button.DLKRnY4b.js → loading-button.CgiFM_c7.js} +2 -2
- package/dist/chunks/{loading-button.DLKRnY4b.js.map → loading-button.CgiFM_c7.js.map} +1 -1
- package/dist/chunks/{menu.-Skw4SaC.js → menu.DEgYSQA2.js} +7 -7
- package/dist/chunks/{menu.-Skw4SaC.js.map → menu.DEgYSQA2.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.BRB0VWfM.js → modal-fullscreen.DsJnp4i6.js} +7 -7
- package/dist/chunks/modal-fullscreen.DsJnp4i6.js.map +1 -0
- package/dist/chunks/{modal.Bg4H-iNL.js → modal.B1WqZZpr.js} +6 -6
- package/dist/chunks/{modal.Bg4H-iNL.js.map → modal.B1WqZZpr.js.map} +1 -1
- package/dist/chunks/{pagination.DKhucx5m.js → pagination.8BZz-h13.js} +18 -18
- package/dist/chunks/pagination.8BZz-h13.js.map +1 -0
- package/dist/chunks/{payment-method.Bm9vzriW.js → payment-method.CoXB0ZAW.js} +2 -2
- package/dist/chunks/{payment-method.Bm9vzriW.js.map → payment-method.CoXB0ZAW.js.map} +1 -1
- package/dist/chunks/{popover.BOt11chL.js → popover.hzeFBXzL.js} +4 -4
- package/dist/chunks/{popover.BOt11chL.js.map → popover.hzeFBXzL.js.map} +1 -1
- package/dist/chunks/{radio-group.CbyCw-RL.js → radio-group.CZaVmmUe.js} +8 -8
- package/dist/chunks/radio-group.CZaVmmUe.js.map +1 -0
- package/dist/chunks/{search-bar.CQeYRW8j.js → search-bar.osJS8Cs-.js} +31 -31
- package/dist/chunks/search-bar.osJS8Cs-.js.map +1 -0
- package/dist/chunks/{secondary-nav.tL9EB5k3.js → secondary-nav.o_1YCWAx.js} +3 -3
- package/dist/chunks/{secondary-nav.tL9EB5k3.js.map → secondary-nav.o_1YCWAx.js.map} +1 -1
- package/dist/chunks/{segmented-control.qZSLl-Jg.js → segmented-control.uVH5ahVY.js} +13 -13
- package/dist/chunks/segmented-control.uVH5ahVY.js.map +1 -0
- package/dist/chunks/{selection-card-group.N02059rJ.js → selection-card-group.BRFV5iQl.js} +13 -13
- package/dist/chunks/selection-card-group.BRFV5iQl.js.map +1 -0
- package/dist/chunks/{sidepanel.CJ3niLaJ.js → sidepanel.GSooM2yT.js} +7 -7
- package/dist/chunks/sidepanel.GSooM2yT.js.map +1 -0
- package/dist/chunks/{status.types.L2NGwnjR.js → status.types.UkYKuQHH.js} +2 -2
- package/dist/chunks/{status.types.L2NGwnjR.js.map → status.types.UkYKuQHH.js.map} +1 -1
- package/dist/chunks/{step.o8gO5Hkg.js → step.D3-7YL7-.js} +3 -3
- package/dist/chunks/{step.o8gO5Hkg.js.map → step.D3-7YL7-.js.map} +1 -1
- package/dist/chunks/{structured-list-item.YOTf4Vna.js → structured-list-item.JDICCHjN.js} +6 -6
- package/dist/chunks/{structured-list-item.YOTf4Vna.js.map → structured-list-item.JDICCHjN.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.BQ2yEBJL.js → summary-grid-item-custom.C-8hXJcP.js} +5 -5
- package/dist/chunks/{summary-grid-item-custom.BQ2yEBJL.js.map → summary-grid-item-custom.C-8hXJcP.js.map} +1 -1
- package/dist/chunks/{tabs.B7Kk-ImN.js → tabs.BiTr_PdY.js} +19 -19
- package/dist/chunks/tabs.BiTr_PdY.js.map +1 -0
- package/dist/chunks/{tag.BBZrfh25.js → tag.DSFSfnAf.js} +8 -8
- package/dist/chunks/tag.DSFSfnAf.js.map +1 -0
- package/dist/chunks/{textarea.Bp4v8xSm.js → textarea.CrYT_JJ-.js} +6 -6
- package/dist/chunks/textarea.CrYT_JJ-.js.map +1 -0
- package/dist/chunks/{timeline-item.DlvIzkEn.js → timeline-item.BS_P9oEW.js} +11 -11
- package/dist/chunks/{timeline-item.DlvIzkEn.js.map → timeline-item.BS_P9oEW.js.map} +1 -1
- package/dist/chunks/{toast.CJqrx4Wv.js → toast.C7L41pAm.js} +4 -4
- package/dist/chunks/{toast.CJqrx4Wv.js.map → toast.C7L41pAm.js.map} +1 -1
- package/dist/chunks/{toggle-button.DXVNRBYL.js → toggle-button.D5Ann2NH.js} +2 -2
- package/dist/chunks/{toggle-button.DXVNRBYL.js.map → toggle-button.D5Ann2NH.js.map} +1 -1
- package/dist/chunks/{toggle.BP8rYGKY.js → toggle.INRYdQzz.js} +4 -4
- package/dist/chunks/toggle.INRYdQzz.js.map +1 -0
- package/dist/chunks/{tooltip.CLkOX_2u.js → tooltip.CS2Gij6x.js} +3 -3
- package/dist/chunks/tooltip.CS2Gij6x.js.map +1 -0
- package/dist/chunks/{tutorial.CNlYyuOZ.js → tutorial.D_38Tuq-.js} +5 -5
- package/dist/chunks/{tutorial.CNlYyuOZ.js.map → tutorial.D_38Tuq-.js.map} +1 -1
- package/dist/chunks/typography.Bu_WAKdf.js +86 -0
- package/dist/chunks/typography.Bu_WAKdf.js.map +1 -0
- package/dist/chunks/{use-bento-toast-controller.B1KoawXR.js → use-bento-toast-controller.BVVMh0wc.js} +3 -3
- package/dist/chunks/use-bento-toast-controller.BVVMh0wc.js.map +1 -0
- package/dist/chunks/{use-cached-selected-values.DZeF1gHo.js → use-cached-selected-values.DxHmVtct.js} +6 -6
- package/dist/chunks/{use-cached-selected-values.DZeF1gHo.js.map → use-cached-selected-values.DxHmVtct.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +1 -1
- package/dist/currency.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +316 -299
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +9 -9
- package/dist/link.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/status.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +1810 -0
- package/dist/styles/bento-light.css +1809 -0
- package/dist/styles/bento.css +55 -5
- package/dist/styles/legacy.css +54 -4
- package/dist/styles/styleguide.css +55 -5
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +10 -1
- package/package.json +3 -3
- package/dist/chunks/accordion-item.Vq05tAhB.js.map +0 -1
- package/dist/chunks/base-modal.k5uk1jo9.js.map +0 -1
- package/dist/chunks/calendar.BT0hX5ZY.js.map +0 -1
- package/dist/chunks/card.-Ha3buAK.js.map +0 -1
- package/dist/chunks/checkbox-group.BwFXPTGd.js.map +0 -1
- package/dist/chunks/checkbox.CzdtFE34.js.map +0 -1
- package/dist/chunks/data-grid.5V4xfplg.js.map +0 -1
- package/dist/chunks/date-picker.YVjq2axC.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.PSmUokZR.js.map +0 -1
- package/dist/chunks/dropdown.BHJbVSjY.js.map +0 -1
- package/dist/chunks/filter-bar.DWUgkTha.js.map +0 -1
- package/dist/chunks/input-field.CFDh8JEg.js.map +0 -1
- package/dist/chunks/inspector.types.BI9aWBZp.js.map +0 -1
- package/dist/chunks/modal-fullscreen.BRB0VWfM.js.map +0 -1
- package/dist/chunks/pagination.DKhucx5m.js.map +0 -1
- package/dist/chunks/radio-group.CbyCw-RL.js.map +0 -1
- package/dist/chunks/search-bar.CQeYRW8j.js.map +0 -1
- package/dist/chunks/segmented-control.qZSLl-Jg.js.map +0 -1
- package/dist/chunks/selection-card-group.N02059rJ.js.map +0 -1
- package/dist/chunks/sidepanel.CJ3niLaJ.js.map +0 -1
- package/dist/chunks/tabs.B7Kk-ImN.js.map +0 -1
- package/dist/chunks/tag.BBZrfh25.js.map +0 -1
- package/dist/chunks/textarea.Bp4v8xSm.js.map +0 -1
- package/dist/chunks/toggle.BP8rYGKY.js.map +0 -1
- package/dist/chunks/tooltip.CLkOX_2u.js.map +0 -1
- package/dist/chunks/typography.CwyPJr5u.js +0 -76
- package/dist/chunks/typography.CwyPJr5u.js.map +0 -1
- package/dist/chunks/unique-id.XFfoKuc2.js +0 -28
- package/dist/chunks/unique-id.XFfoKuc2.js.map +0 -1
- package/dist/chunks/use-bento-toast-controller.B1KoawXR.js.map +0 -1
package/dist/styles/bento.css
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
--b-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
|
|
21
21
|
--b-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
|
|
22
22
|
--b-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
|
|
23
|
+
--b-gradient-data-grid-hover: linear-gradient(270deg, rgba(247, 247, 248, 1) 0%, rgba(247, 247, 248, 0.99) 8.59%, rgba(247, 247, 248, 0.98) 17.48%, rgba(247, 247, 248, 0.95) 26.53%, rgba(247, 247, 248, 0.92) 35.61%, rgba(247, 247, 248, 0.87) 44.59%, rgba(247, 247, 248, 0.82) 53.34%, rgba(247, 247, 248, 0.75) 61.73%, rgba(247, 247, 248, 0.68) 69.63%, rgba(247, 247, 248, 0.60) 76.9%, rgba(247, 247, 248, 0.52) 83.41%, rgba(247, 247, 248, 0.42) 89.03%, rgba(247, 247, 248, 0.33) 93.63%, rgba(247, 247, 248, 0.22) 97.08%, rgba(247, 247, 248, 0.11) 99.25%, rgba(247, 247, 248, 0.00) 100%);
|
|
23
24
|
--b-media-query-xxl: 1536px;
|
|
24
25
|
--b-media-query-xl-max: 1535px;
|
|
25
26
|
--b-media-query-xl-min: 1280px;
|
|
@@ -239,6 +240,15 @@
|
|
|
239
240
|
--b-text-caption-font-weight: 400;
|
|
240
241
|
--b-text-caption-font-size: 12px;
|
|
241
242
|
--b-text-caption-font-family: 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
243
|
+
--b-text-rich-text-caption-pre-line-height: 20px;
|
|
244
|
+
--b-text-rich-text-table-caption-line-height: 20px;
|
|
245
|
+
--b-text-rich-text-table-header-font-weight: 700;
|
|
246
|
+
--b-text-rich-text-table-line-height: 20px;
|
|
247
|
+
--b-text-rich-text-blockquote-font-weight: 500;
|
|
248
|
+
--b-text-rich-text-pre-line-height: 24px;
|
|
249
|
+
--b-text-rich-text-code-font-weight: 500;
|
|
250
|
+
--b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
|
|
251
|
+
--b-text-rich-text-heading-font-weight: 700;
|
|
242
252
|
--b-text-font-variant-numeric: slashed-zero;
|
|
243
253
|
--b-focus-ring-color: rgba(0, 112, 245, 0.8);
|
|
244
254
|
--b-color-support-shadow: #00112c;
|
|
@@ -400,6 +410,7 @@
|
|
|
400
410
|
--b-toggle-description-padding: var(--b-spacer-020);
|
|
401
411
|
--b-toggle-description-color: var(--b-color-label-secondary);
|
|
402
412
|
--b-toggle-label-padding: var(--b-spacer-070);
|
|
413
|
+
--b-toggle-label-color: var(--b-color-label-primary);
|
|
403
414
|
--b-toggle-track-toggled-readonly-background-color: var(--b-color-background-quaternary);
|
|
404
415
|
--b-toggle-track-toggled-disabled-background-color: var(--b-color-background-quaternary);
|
|
405
416
|
--b-toggle-track-toggled-active-background-color: var(--b-color-background-inverse-primary-active);
|
|
@@ -531,6 +542,7 @@
|
|
|
531
542
|
--b-textarea-input-padding: var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);
|
|
532
543
|
--b-textarea-input-border-radius: var(--b-border-radius-m);
|
|
533
544
|
--b-textarea-input-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
|
|
545
|
+
--b-textarea-input-background-color: var(--b-color-background-primary);
|
|
534
546
|
--b-textarea-input-box-margin-bottom: var(--b-spacer-040);
|
|
535
547
|
--b-textarea-label-item-error-color: var(--b-color-label-critical);
|
|
536
548
|
--b-textarea-label-item-color: var(--b-color-label-secondary);
|
|
@@ -581,6 +593,7 @@
|
|
|
581
593
|
--b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
|
|
582
594
|
--b-summary-grid-item-gap: var(--b-spacer-040);
|
|
583
595
|
--b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
|
|
596
|
+
--b-summary-grid-item-color: var(--b-color-label-primary);
|
|
584
597
|
--b-summary-grid-item-border-radius: var(--b-border-radius-m);
|
|
585
598
|
--b-summary-grid-item-background-color: var(--b-color-background-secondary);
|
|
586
599
|
--b-summary-grid-gap: var(--b-spacer-040);
|
|
@@ -630,14 +643,18 @@
|
|
|
630
643
|
--b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
|
|
631
644
|
--b-status-indicator-green-background-color: var(--b-color-decorative-green);
|
|
632
645
|
--b-status-indicator-blue-background-color: var(--b-color-decorative-blue);
|
|
646
|
+
--b-status-color: var(--b-color-label-primary);
|
|
633
647
|
--b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
|
|
634
648
|
--b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
635
649
|
--b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
650
|
+
--b-sidepanel-page-actions-color: var(--b-color-label-primary);
|
|
636
651
|
--b-sidepanel-page-actions-background-color: var(--b-color-background-modal);
|
|
637
652
|
--b-sidepanel-page-content-padding: 0 var(--b-spacer-090);
|
|
653
|
+
--b-sidepanel-page-content-color: var(--b-color-label-primary);
|
|
638
654
|
--b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
639
655
|
--b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);
|
|
640
656
|
--b-sidepanel-page-header-gap: var(--b-spacer-060);
|
|
657
|
+
--b-sidepanel-page-header-color: var(--b-color-label-primary);
|
|
641
658
|
--b-sidepanel-page-header-background-color: var(--b-color-background-modal);
|
|
642
659
|
--b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
|
|
643
660
|
--b-sidepanel-animation-duration: var(--b-animation-duration-slow);
|
|
@@ -667,6 +684,7 @@
|
|
|
667
684
|
--b-selection-card-container-content-gap: var(--b-spacer-060);
|
|
668
685
|
--b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
|
|
669
686
|
--b-selection-card-container-gap: var(--b-spacer-060);
|
|
687
|
+
--b-selection-card-container-color: var(--b-color-label-primary);
|
|
670
688
|
--b-selection-card-container-border-radius: var(--b-border-radius-l);
|
|
671
689
|
--b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
672
690
|
--b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
|
|
@@ -783,6 +801,7 @@
|
|
|
783
801
|
--b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
|
|
784
802
|
--b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
|
|
785
803
|
--b-popover-z-index: 5;
|
|
804
|
+
--b-popover-color: var(--b-color-label-primary);
|
|
786
805
|
--b-popover-box-shadow: var(--b-shadow-medium-border);
|
|
787
806
|
--b-popover-border-radius: var(--b-border-radius-m);
|
|
788
807
|
--b-popover-background-color: var(--b-color-background-modal);
|
|
@@ -809,8 +828,9 @@
|
|
|
809
828
|
--b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
810
829
|
--b-modal-container-column-layout-padding: var(--b-spacer-090);
|
|
811
830
|
--b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
|
|
812
|
-
--b-modal-container-background-color: var(--b-color-background-
|
|
831
|
+
--b-modal-container-background-color: var(--b-color-background-modal);
|
|
813
832
|
--b-modal-container-gap: var(--b-spacer-070);
|
|
833
|
+
--b-modal-container-color: var(--b-color-label-primary);
|
|
814
834
|
--b-modal-padding: var(--b-spacer-000);
|
|
815
835
|
--b-modal-border-radius: var(--b-border-radius-l);
|
|
816
836
|
--b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
|
|
@@ -941,6 +961,7 @@
|
|
|
941
961
|
--b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
|
|
942
962
|
--b-listbox-empty-search-message-color: var(--b-color-label-secondary);
|
|
943
963
|
--b-listbox-padding: var(--b-spacer-040) 0;
|
|
964
|
+
--b-listbox-color: var(--b-color-label-primary);
|
|
944
965
|
--b-listbox-background-color: var(--b-color-background-modal);
|
|
945
966
|
--b-link-data-grid-active-color: var(--b-color-link-primary);
|
|
946
967
|
--b-link-data-grid-hover-color: var(--b-color-link-primary);
|
|
@@ -960,10 +981,11 @@
|
|
|
960
981
|
--b-inspector-icons-gap: var(--b-spacer-050);
|
|
961
982
|
--b-inspector-header-gap: var(--b-spacer-060);
|
|
962
983
|
--b-inspector-header-padding-bottom: var(--b-spacer-070);
|
|
984
|
+
--b-inspector-header-color: var(--b-color-label-primary);
|
|
963
985
|
--b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
964
986
|
--b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
|
|
965
987
|
--b-inspector-container-wrapper-z-index: 5;
|
|
966
|
-
--b-inspector-container-wrapper-background-color: var(--b-color-background-
|
|
988
|
+
--b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
|
|
967
989
|
--b-input-field-error-message-margin-top: var(--b-spacer-040);
|
|
968
990
|
--b-input-field-description-padding: var(--b-spacer-000);
|
|
969
991
|
--b-input-field-description-margin-top: var(--b-spacer-040);
|
|
@@ -1044,6 +1066,7 @@
|
|
|
1044
1066
|
--b-header-wrapper-gap: var(--b-spacer-110);
|
|
1045
1067
|
--b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
|
|
1046
1068
|
--b-form-layout-title-description-color: var(--b-color-label-secondary);
|
|
1069
|
+
--b-form-layout-title-color: var(--b-color-label-primary);
|
|
1047
1070
|
--b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
|
|
1048
1071
|
--b-form-layout-group-gap: var(--b-spacer-080);
|
|
1049
1072
|
--b-form-layout-field-tip-gap: var(--b-spacer-060);
|
|
@@ -1059,11 +1082,12 @@
|
|
|
1059
1082
|
--b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
|
|
1060
1083
|
--b-fixed-scroller-content-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-standard);
|
|
1061
1084
|
--b-fixed-scroller-button-margin-top: var(--b-spacer-020);
|
|
1062
|
-
--b-filter-button-modal-open-background-color: var(--b-color-background-
|
|
1085
|
+
--b-filter-button-modal-open-background-color: var(--b-color-background-modal-active);
|
|
1063
1086
|
--b-filter-button-modal-hover-color: var(--b-color-label-primary);
|
|
1064
|
-
--b-filter-button-modal-hover-background-color: var(--b-color-background-
|
|
1087
|
+
--b-filter-button-modal-hover-background-color: var(--b-color-background-modal-hover);
|
|
1065
1088
|
--b-filter-button-modal-focus-background-color: var(--b-color-background-primary-active);
|
|
1066
1089
|
--b-filter-button-modal-counter-focus-background-color: var(--b-color-background-tertiary-active);
|
|
1090
|
+
--b-filter-button-modal-background-color: var(--b-color-background-modal);
|
|
1067
1091
|
--b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
|
|
1068
1092
|
--b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
|
|
1069
1093
|
--b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
|
|
@@ -1228,6 +1252,8 @@
|
|
|
1228
1252
|
--b-dialog-page-back-button-padding-left: var(--b-spacer-090);
|
|
1229
1253
|
--b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1230
1254
|
--b-dialog-page-border-radius: var(--b-border-radius-l);
|
|
1255
|
+
--b-date-color: var(--b-color-label-primary);
|
|
1256
|
+
--b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
|
|
1231
1257
|
--b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
|
|
1232
1258
|
--b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
|
|
1233
1259
|
--b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
|
|
@@ -1273,6 +1299,7 @@
|
|
|
1273
1299
|
--b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
|
|
1274
1300
|
--b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
|
|
1275
1301
|
--b-data-grid-config-settings-z-index: 4;
|
|
1302
|
+
--b-data-grid-config-settings-color: var(--b-color-label-primary);
|
|
1276
1303
|
--b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
|
|
1277
1304
|
--b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
|
|
1278
1305
|
--b-data-grid-filters-focus-within-z-index: 3;
|
|
@@ -1299,7 +1326,7 @@
|
|
|
1299
1326
|
--b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
|
|
1300
1327
|
--b-data-grid-cell-actions-gap: var(--b-spacer-040);
|
|
1301
1328
|
--b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
|
|
1302
|
-
--b-data-grid-cell-actions-background-gradient-background:
|
|
1329
|
+
--b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
|
|
1303
1330
|
--b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
|
|
1304
1331
|
--b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
|
|
1305
1332
|
--b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
|
|
@@ -1408,6 +1435,7 @@
|
|
|
1408
1435
|
--b-code-snippet-code-area-border-width: var(--b-border-width-s);
|
|
1409
1436
|
--b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
|
|
1410
1437
|
--b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
|
|
1438
|
+
--b-code-snippet-code-area-color: var(--b-color-label-primary);
|
|
1411
1439
|
--b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
|
|
1412
1440
|
--b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
|
|
1413
1441
|
--b-code-snippet-language-picker-background-color: var(--b-color-background-primary);
|
|
@@ -1415,6 +1443,7 @@
|
|
|
1415
1443
|
--b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
|
|
1416
1444
|
--b-code-snippet-action-bar-gap: var(--b-spacer-040);
|
|
1417
1445
|
--b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
|
|
1446
|
+
--b-code-snippet-action-bar-color: var(--b-color-label-primary);
|
|
1418
1447
|
--b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
|
|
1419
1448
|
--b-checkbox-input-container-padding: var(--b-spacer-010) 0;
|
|
1420
1449
|
--b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
|
|
@@ -1526,6 +1555,7 @@
|
|
|
1526
1555
|
--b-card-body-expandable-padding-top: var(--b-spacer-060);
|
|
1527
1556
|
--b-card-body-padding-top: var(--b-spacer-020);
|
|
1528
1557
|
--b-card-body-padding: var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-070);
|
|
1558
|
+
--b-card-body-color: var(--b-color-label-primary);
|
|
1529
1559
|
--b-card-header-focus-background-color: var(--b-color-background-primary-hover);
|
|
1530
1560
|
--b-card-header-active-background-color: var(--b-color-background-primary-active);
|
|
1531
1561
|
--b-card-header-hover-background-color: var(--b-color-background-primary-hover);
|
|
@@ -1540,6 +1570,7 @@
|
|
|
1540
1570
|
--b-card-background-color: var(--b-color-background-primary);
|
|
1541
1571
|
--b-calendar-month-day-unselected-active-background: var(--b-color-background-primary-active);
|
|
1542
1572
|
--b-calendar-month-day-unselected-hover-background: var(--b-color-background-primary-hover);
|
|
1573
|
+
--b-calendar-month-day-unselected-color: var(--b-color-label-primary);
|
|
1543
1574
|
--b-calendar-month-day-selected-active-background: var(--b-color-background-inverse-primary-active);
|
|
1544
1575
|
--b-calendar-month-day-selected-hover-background: var(--b-color-background-inverse-primary-hover);
|
|
1545
1576
|
--b-calendar-month-day-selected-color: var(--b-color-label-inverse-primary);
|
|
@@ -1559,6 +1590,7 @@
|
|
|
1559
1590
|
--b-calendar-month-day-current-day-selected-color: var(--b-color-label-primary);
|
|
1560
1591
|
--b-calendar-month-day-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
|
|
1561
1592
|
--b-calendar-month-month-selector-margin-bottom: var(--b-spacer-090);
|
|
1593
|
+
--b-calendar-month-month-selector-color: var(--b-color-label-primary);
|
|
1562
1594
|
--b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
|
|
1563
1595
|
--b-calendar-month-day-of-the-week-color: var(--b-color-label-secondary);
|
|
1564
1596
|
--b-calendar-range-gap: var(--b-spacer-090);
|
|
@@ -1754,6 +1786,24 @@
|
|
|
1754
1786
|
--b-accordion-item-button-color: var(--b-color-label-primary);
|
|
1755
1787
|
--b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1756
1788
|
--b-accordion-item-background-color: var(--b-color-background-primary);
|
|
1789
|
+
--b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
|
|
1790
|
+
--b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
|
|
1791
|
+
--b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
|
|
1792
|
+
--b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
|
|
1793
|
+
--b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
|
|
1794
|
+
--b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
|
|
1795
|
+
--b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
|
|
1796
|
+
--b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
|
|
1797
|
+
--b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1798
|
+
--b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
|
|
1799
|
+
--b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
|
|
1800
|
+
--b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
|
|
1801
|
+
--b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
|
|
1802
|
+
--b-text-rich-text-code-background-color: var(--b-color-background-secondary);
|
|
1803
|
+
--b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
|
|
1804
|
+
--b-text-rich-text-list-padding-left: var(--b-spacer-080);
|
|
1805
|
+
--b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
|
|
1806
|
+
--b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
|
|
1757
1807
|
--b-focus-ring-outline: var(--b-border-width-l);
|
|
1758
1808
|
--b-focus-ring-spacer: var(--b-border-width-s);
|
|
1759
1809
|
}
|
package/dist/styles/legacy.css
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
--b-shadow-high: 0px 18px 36px rgba(0, 17, 44, 0.12), 0px 4px 8px rgba(0, 17, 44, 0.06);
|
|
21
21
|
--b-shadow-medium: 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04);
|
|
22
22
|
--b-shadow-low: 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02);
|
|
23
|
+
--b-gradient-data-grid-hover: linear-gradient(270deg, rgba(247, 247, 248, 1) 0%, rgba(247, 247, 248, 0.99) 8.59%, rgba(247, 247, 248, 0.98) 17.48%, rgba(247, 247, 248, 0.95) 26.53%, rgba(247, 247, 248, 0.92) 35.61%, rgba(247, 247, 248, 0.87) 44.59%, rgba(247, 247, 248, 0.82) 53.34%, rgba(247, 247, 248, 0.75) 61.73%, rgba(247, 247, 248, 0.68) 69.63%, rgba(247, 247, 248, 0.60) 76.9%, rgba(247, 247, 248, 0.52) 83.41%, rgba(247, 247, 248, 0.42) 89.03%, rgba(247, 247, 248, 0.33) 93.63%, rgba(247, 247, 248, 0.22) 97.08%, rgba(247, 247, 248, 0.11) 99.25%, rgba(247, 247, 248, 0.00) 100%);
|
|
23
24
|
--b-media-query-xxl: 1536px;
|
|
24
25
|
--b-media-query-xl-max: 1535px;
|
|
25
26
|
--b-media-query-xl-min: 1280px;
|
|
@@ -266,6 +267,13 @@
|
|
|
266
267
|
--b-text-caption-wide-line-height: 20px;
|
|
267
268
|
--b-text-caption-letter-spacing: 0;
|
|
268
269
|
--b-text-caption-line-height: 24px;
|
|
270
|
+
--b-text-rich-text-caption-pre-line-height: 20px;
|
|
271
|
+
--b-text-rich-text-table-caption-line-height: 20px;
|
|
272
|
+
--b-text-rich-text-table-header-font-weight: 700;
|
|
273
|
+
--b-text-rich-text-table-line-height: 20px;
|
|
274
|
+
--b-text-rich-text-pre-line-height: 24px;
|
|
275
|
+
--b-text-rich-text-code-font-family: 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace;
|
|
276
|
+
--b-text-rich-text-heading-font-weight: 700;
|
|
269
277
|
--b-text-font-variant-numeric: unset;
|
|
270
278
|
--b-color-navy-50: #00112c;
|
|
271
279
|
--b-color-navy-40: #20304c;
|
|
@@ -470,6 +478,7 @@
|
|
|
470
478
|
--b-tooltip-background-color: var(--b-color-navy-40);
|
|
471
479
|
--b-toggle-description-padding: var(--b-spacer-020);
|
|
472
480
|
--b-toggle-label-padding: var(--b-spacer-050);
|
|
481
|
+
--b-toggle-label-color: var(--b-color-label-primary);
|
|
473
482
|
--b-toggle-track-readonly-border-color: var(--b-color-outline-disabled);
|
|
474
483
|
--b-toggle-track-disabled-border-color: var(--b-color-outline-disabled);
|
|
475
484
|
--b-toggle-track-border-radius: var(--b-border-radius-l);
|
|
@@ -609,6 +618,7 @@
|
|
|
609
618
|
--b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
|
|
610
619
|
--b-summary-grid-item-gap: var(--b-spacer-040);
|
|
611
620
|
--b-summary-grid-item-padding: var(--b-spacer-070) var(--b-spacer-070) var(--b-spacer-060);
|
|
621
|
+
--b-summary-grid-item-color: var(--b-color-label-primary);
|
|
612
622
|
--b-summary-grid-item-border-radius: var(--b-border-radius-m);
|
|
613
623
|
--b-summary-grid-gap: var(--b-spacer-060);
|
|
614
624
|
--b-structured-list-item-icon-margin: var(--b-spacer-010);
|
|
@@ -656,15 +666,19 @@
|
|
|
656
666
|
--b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
|
|
657
667
|
--b-status-indicator-green-background-color: var(--b-color-green-40);
|
|
658
668
|
--b-status-indicator-blue-background-color: var(--b-color-blue-40);
|
|
669
|
+
--b-status-color: var(--b-color-label-primary);
|
|
659
670
|
--b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
|
|
660
671
|
--b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
661
672
|
--b-sidepanel-page-actions-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
662
673
|
--b-sidepanel-page-actions-padding: var(--b-spacer-070) var(--b-spacer-110);
|
|
674
|
+
--b-sidepanel-page-actions-color: var(--b-color-label-primary);
|
|
663
675
|
--b-sidepanel-page-content-padding: 0 var(--b-spacer-110);
|
|
676
|
+
--b-sidepanel-page-content-color: var(--b-color-label-primary);
|
|
664
677
|
--b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
665
678
|
--b-sidepanel-page-header-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
666
679
|
--b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-110);
|
|
667
680
|
--b-sidepanel-page-header-gap: var(--b-spacer-060);
|
|
681
|
+
--b-sidepanel-page-header-color: var(--b-color-label-primary);
|
|
668
682
|
--b-sidepanel-page-header-background-color: var(--b-color-grey-10);
|
|
669
683
|
--b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
|
|
670
684
|
--b-sidepanel-animation-duration: var(--b-animation-duration-slow);
|
|
@@ -680,6 +694,7 @@
|
|
|
680
694
|
--b-selection-card-container-content-gap: var(--b-spacer-060);
|
|
681
695
|
--b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
|
|
682
696
|
--b-selection-card-container-gap: var(--b-spacer-060);
|
|
697
|
+
--b-selection-card-container-color: var(--b-color-label-primary);
|
|
683
698
|
--b-selection-card-container-border-radius: var(--b-border-radius-l);
|
|
684
699
|
--b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
685
700
|
--b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
|
|
@@ -760,6 +775,7 @@
|
|
|
760
775
|
--b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
|
|
761
776
|
--b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
|
|
762
777
|
--b-popover-z-index: 5;
|
|
778
|
+
--b-popover-color: var(--b-color-label-primary);
|
|
763
779
|
--b-popover-border-radius: var(--b-border-radius-s);
|
|
764
780
|
--b-popover-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
765
781
|
--b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
|
|
@@ -787,6 +803,7 @@
|
|
|
787
803
|
--b-modal-container-column-layout-padding: var(--b-spacer-090);
|
|
788
804
|
--b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
789
805
|
--b-modal-container-gap: var(--b-spacer-070);
|
|
806
|
+
--b-modal-container-color: var(--b-color-label-primary);
|
|
790
807
|
--b-modal-padding: var(--b-spacer-000);
|
|
791
808
|
--b-modal-border-radius: var(--b-border-radius-l);
|
|
792
809
|
--b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
|
|
@@ -901,6 +918,7 @@
|
|
|
901
918
|
--b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
|
|
902
919
|
--b-listbox-empty-search-message-color: var(--b-color-label-secondary);
|
|
903
920
|
--b-listbox-padding: var(--b-spacer-000);
|
|
921
|
+
--b-listbox-color: var(--b-color-label-primary);
|
|
904
922
|
--b-link-data-grid-active-color: var(--b-color-link-primary);
|
|
905
923
|
--b-link-data-grid-hover-color: var(--b-color-link-primary);
|
|
906
924
|
--b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
|
|
@@ -913,6 +931,7 @@
|
|
|
913
931
|
--b-inspector-icons-gap: var(--b-spacer-050);
|
|
914
932
|
--b-inspector-header-gap: var(--b-spacer-060);
|
|
915
933
|
--b-inspector-header-padding-bottom: var(--b-spacer-070);
|
|
934
|
+
--b-inspector-header-color: var(--b-color-label-primary);
|
|
916
935
|
--b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
917
936
|
--b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
|
|
918
937
|
--b-inspector-container-wrapper-z-index: 5;
|
|
@@ -992,6 +1011,7 @@
|
|
|
992
1011
|
--b-header-wrapper-gap: var(--b-spacer-110);
|
|
993
1012
|
--b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
|
|
994
1013
|
--b-form-layout-title-description-color: var(--b-color-label-secondary);
|
|
1014
|
+
--b-form-layout-title-color: var(--b-color-label-primary);
|
|
995
1015
|
--b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
|
|
996
1016
|
--b-form-layout-group-gap: var(--b-spacer-080);
|
|
997
1017
|
--b-form-layout-field-tip-gap: var(--b-spacer-060);
|
|
@@ -1009,7 +1029,6 @@
|
|
|
1009
1029
|
--b-filter-button-modal-disabled-counter-background-color: var(--b-color-grey-30);
|
|
1010
1030
|
--b-filter-button-modal-disabled-color: var(--b-color-grey-30);
|
|
1011
1031
|
--b-filter-button-modal-disabled-background-color: var(--b-color-white);
|
|
1012
|
-
--b-filter-button-modal-border-radius: var(--b-border-radius-s);
|
|
1013
1032
|
--b-filter-button-modal-open-background-color: var(--b-color-blue-10);
|
|
1014
1033
|
--b-filter-button-modal-hover-color: var(--b-color-label-primary);
|
|
1015
1034
|
--b-filter-button-modal-hover-background-color: var(--b-color-white);
|
|
@@ -1018,6 +1037,7 @@
|
|
|
1018
1037
|
--b-filter-button-modal-counter-color: var(--b-color-white);
|
|
1019
1038
|
--b-filter-button-modal-counter-background-color: var(--b-color-blue-40);
|
|
1020
1039
|
--b-filter-button-modal-counter-focus-background-color: var(--b-color-blue-40);
|
|
1040
|
+
--b-filter-button-modal-border-radius: var(--b-border-radius-s);
|
|
1021
1041
|
--b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
|
|
1022
1042
|
--b-filter-button-hover-background-color: var(--b-color-white);
|
|
1023
1043
|
--b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
|
|
@@ -1186,8 +1206,10 @@
|
|
|
1186
1206
|
--b-dialog-page-back-button-padding-left: var(--b-spacer-090);
|
|
1187
1207
|
--b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1188
1208
|
--b-dialog-page-border-radius: var(--b-border-radius-l);
|
|
1209
|
+
--b-date-color: var(--b-color-label-primary);
|
|
1189
1210
|
--b-date-range-picker-container-border-radius: var(--b-border-radius-s);
|
|
1190
1211
|
--b-date-range-picker-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
1212
|
+
--b-date-range-picker-calendar-label-color: var(--b-color-label-primary);
|
|
1191
1213
|
--b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
|
|
1192
1214
|
--b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
|
|
1193
1215
|
--b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
|
|
@@ -1235,6 +1257,7 @@
|
|
|
1235
1257
|
--b-data-grid-config-settings-button-and-separator-padding: var(--b-spacer-070) 0;
|
|
1236
1258
|
--b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-white);
|
|
1237
1259
|
--b-data-grid-config-settings-z-index: 4;
|
|
1260
|
+
--b-data-grid-config-settings-color: var(--b-color-label-primary);
|
|
1238
1261
|
--b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
|
|
1239
1262
|
--b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
|
|
1240
1263
|
--b-data-grid-filters-focus-within-z-index: 3;
|
|
@@ -1257,7 +1280,7 @@
|
|
|
1257
1280
|
--b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
|
|
1258
1281
|
--b-data-grid-cell-actions-gap: var(--b-spacer-040);
|
|
1259
1282
|
--b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
|
|
1260
|
-
--b-data-grid-cell-actions-background-gradient-background:
|
|
1283
|
+
--b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
|
|
1261
1284
|
--b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
|
|
1262
1285
|
--b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
|
|
1263
1286
|
--b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
|
|
@@ -1357,12 +1380,14 @@
|
|
|
1357
1380
|
--b-code-snippet-code-area-border-width: var(--b-border-width-s);
|
|
1358
1381
|
--b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
|
|
1359
1382
|
--b-code-snippet-code-area-border-color: var(--b-color-outline-primary);
|
|
1383
|
+
--b-code-snippet-code-area-color: var(--b-color-label-primary);
|
|
1360
1384
|
--b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
|
|
1361
1385
|
--b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
|
|
1362
1386
|
--b-code-snippet-action-bar-border-radius: var(--b-border-radius-m) var(--b-border-radius-m) 0 0;
|
|
1363
1387
|
--b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
|
|
1364
1388
|
--b-code-snippet-action-bar-gap: var(--b-spacer-040);
|
|
1365
1389
|
--b-code-snippet-action-bar-padding: var(--b-spacer-040) var(--b-spacer-060);
|
|
1390
|
+
--b-code-snippet-action-bar-color: var(--b-color-label-primary);
|
|
1366
1391
|
--b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
|
|
1367
1392
|
--b-checkbox-input-container-padding: var(--b-spacer-010) 0;
|
|
1368
1393
|
--b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
|
|
@@ -1424,6 +1449,7 @@
|
|
|
1424
1449
|
--b-card-body-expandable-padding-top: var(--b-spacer-060);
|
|
1425
1450
|
--b-card-body-padding-top: var(--b-spacer-020);
|
|
1426
1451
|
--b-card-body-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-070);
|
|
1452
|
+
--b-card-body-color: var(--b-color-label-primary);
|
|
1427
1453
|
--b-card-header-focus-background-color: var(--b-color-background-primary-hover);
|
|
1428
1454
|
--b-card-header-active-background-color: var(--b-color-background-primary-active);
|
|
1429
1455
|
--b-card-header-hover-background-color: var(--b-color-white);
|
|
@@ -1435,12 +1461,14 @@
|
|
|
1435
1461
|
--b-card-border-width: var(--b-border-width-s);
|
|
1436
1462
|
--b-card-border-radius: var(--b-border-radius-s);
|
|
1437
1463
|
--b-calendar-month-week-header-border-bottom: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
1464
|
+
--b-calendar-month-day-unselected-color: var(--b-color-label-primary);
|
|
1438
1465
|
--b-calendar-month-day-end-after-z-index: 2;
|
|
1439
1466
|
--b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
|
|
1440
1467
|
--b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
|
|
1441
1468
|
--b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
|
|
1442
1469
|
--b-calendar-month-day-beginning-after-z-index: 2;
|
|
1443
1470
|
--b-calendar-month-month-selector-margin-bottom: var(--b-spacer-070);
|
|
1471
|
+
--b-calendar-month-month-selector-color: var(--b-color-label-primary);
|
|
1444
1472
|
--b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
|
|
1445
1473
|
--b-calendar-range-gap: var(--b-spacer-090);
|
|
1446
1474
|
--b-button-icon-only-secondary-padding-condensed: calc(4px - var(--b-border-width-s)) calc(var(--b-spacer-030) - var(--b-border-width-s));
|
|
@@ -1639,6 +1667,26 @@
|
|
|
1639
1667
|
--b-text-caption-font-weight: var(--b-font-weight-400);
|
|
1640
1668
|
--b-text-caption-font-size: var(--b-font-size-13);
|
|
1641
1669
|
--b-text-caption-font-family: var(--b-font-family-primary);
|
|
1670
|
+
--b-text-rich-text-caption-table-padding: var(--b-spacer-040) var(--b-spacer-060);
|
|
1671
|
+
--b-text-rich-text-caption-blockquote-margin: var(--b-spacer-060) 0 var(--b-spacer-060) var(--b-spacer-070);
|
|
1672
|
+
--b-text-rich-text-caption-list-margin: 0 0 var(--b-spacer-010) 0;
|
|
1673
|
+
--b-text-rich-text-caption-list-padding-left: var(--b-spacer-070);
|
|
1674
|
+
--b-text-rich-text-caption-paragraph-margin: 0 0 var(--b-spacer-030) 0;
|
|
1675
|
+
--b-text-rich-text-table-caption-margin: 0 0 var(--b-spacer-030) 0;
|
|
1676
|
+
--b-text-rich-text-table-padding: var(--b-spacer-050) var(--b-spacer-070);
|
|
1677
|
+
--b-text-rich-text-table-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
|
|
1678
|
+
--b-text-rich-text-table-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1679
|
+
--b-text-rich-text-blockquote-margin: var(--b-spacer-070) 0 var(--b-spacer-070) var(--b-spacer-070);
|
|
1680
|
+
--b-text-rich-text-blockquote-font-weight: var(--b-font-weight-500);
|
|
1681
|
+
--b-text-rich-text-mark-background-color: var(--b-color-background-highlight-weak);
|
|
1682
|
+
--b-text-rich-text-pre-padding: var(--b-spacer-050) var(--b-spacer-070);
|
|
1683
|
+
--b-text-rich-text-pre-margin: var(--b-spacer-070) 0 var(--b-spacer-070) 0;
|
|
1684
|
+
--b-text-rich-text-code-font-weight: var(--b-font-weight-500);
|
|
1685
|
+
--b-text-rich-text-code-background-color: var(--b-color-background-secondary);
|
|
1686
|
+
--b-text-rich-text-list-margin: 0 0 var(--b-spacer-020) 0;
|
|
1687
|
+
--b-text-rich-text-list-padding-left: var(--b-spacer-080);
|
|
1688
|
+
--b-text-rich-text-paragraph-margin: 0 0 var(--b-spacer-040) 0;
|
|
1689
|
+
--b-text-rich-text-heading-margin: var(--b-spacer-100) 0 var(--b-spacer-050) 0;
|
|
1642
1690
|
--b-focus-ring-outline: var(--b-border-width-l);
|
|
1643
1691
|
--b-focus-ring-spacer: var(--b-border-width-s);
|
|
1644
1692
|
--b-focus-ring-color: var(--b-color-focus);
|
|
@@ -1703,6 +1751,7 @@
|
|
|
1703
1751
|
--b-toggle-handle-background-color: var(--b-color-neutral-0);
|
|
1704
1752
|
--b-toggle-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary);
|
|
1705
1753
|
--b-toggle-button-tertiary-active-color-inverse: var(--b-color-label-inverse-primary);
|
|
1754
|
+
--b-textarea-input-background-color: var(--b-color-background-primary);
|
|
1706
1755
|
--b-tag-white-background-color: var(--b-color-background-primary);
|
|
1707
1756
|
--b-tag-red-background-color: var(--b-color-error-10);
|
|
1708
1757
|
--b-tag-red-color: var(--b-color-error-60);
|
|
@@ -1773,7 +1822,7 @@
|
|
|
1773
1822
|
--b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
|
|
1774
1823
|
--b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
|
|
1775
1824
|
--b-popover-background-color: var(--b-color-background-modal);
|
|
1776
|
-
--b-modal-container-background-color: var(--b-color-background-
|
|
1825
|
+
--b-modal-container-background-color: var(--b-color-background-modal);
|
|
1777
1826
|
--b-modal-fullscreen-background-color: var(--b-color-background-primary);
|
|
1778
1827
|
--b-menu-submenu-background-color: var(--b-color-background-modal);
|
|
1779
1828
|
--b-menu-item-list-background-color: var(--b-color-background-modal);
|
|
@@ -1801,11 +1850,12 @@
|
|
|
1801
1850
|
--b-link-active-color: var(--b-color-primary-40);
|
|
1802
1851
|
--b-link-hover-color: var(--b-color-primary-40);
|
|
1803
1852
|
--b-link-color: var(--b-color-primary-40);
|
|
1804
|
-
--b-inspector-container-wrapper-background-color: var(--b-color-background-
|
|
1853
|
+
--b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
|
|
1805
1854
|
--b-input-field-input-font-size: var(--b-text-body-font-size);
|
|
1806
1855
|
--b-input-field-input-box-background-color: var(--b-color-background-primary);
|
|
1807
1856
|
--b-fixed-scroller-right-background: linear-gradient(270deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
|
|
1808
1857
|
--b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
|
|
1858
|
+
--b-filter-button-modal-background-color: var(--b-color-background-modal);
|
|
1809
1859
|
--b-filter-button-background-color: var(--b-color-background-primary);
|
|
1810
1860
|
--b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
|
|
1811
1861
|
--b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);
|