@adyen/bento-vue2 1.36.0 → 1.38.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -4
- package/dist/@types/index.d.ts +83 -90
- 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/link.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.p-YYvzQl.js} +6 -6
- package/dist/chunks/{action-bar.CUqS39Cp.js.map → action-bar.p-YYvzQl.js.map} +1 -1
- package/dist/chunks/{alert.zlJ3MfKq.js → alert.Y4JUnmhl.js} +3 -3
- package/dist/chunks/{alert.zlJ3MfKq.js.map → alert.Y4JUnmhl.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.BEx-lzth.js} +24 -24
- package/dist/chunks/base-modal.BEx-lzth.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.C-AkWz9u.js → button-actions-with-menu.CWOU5nek.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.C-AkWz9u.js.map → button-actions-with-menu.CWOU5nek.js.map} +1 -1
- package/dist/chunks/{button-actions.C-L0Vb2u.js → button-actions.ad0XOLsn.js} +3 -3
- package/dist/chunks/{button-actions.C-L0Vb2u.js.map → button-actions.ad0XOLsn.js.map} +1 -1
- package/dist/chunks/{button.C_Oq3WUu.js → button.CufUNBkv.js} +3 -3
- package/dist/chunks/{button.C_Oq3WUu.js.map → button.CufUNBkv.js.map} +1 -1
- package/dist/chunks/{calendar.BT0hX5ZY.js → calendar.B9WZ8ub3.js} +6 -6
- package/dist/chunks/calendar.B9WZ8ub3.js.map +1 -0
- package/dist/chunks/{card.-Ha3buAK.js → card.DFwHohof.js} +5 -5
- package/dist/chunks/card.DFwHohof.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.OLGHc4B1.js} +7 -7
- package/dist/chunks/{code-snippet.DYW7nBqv.js.map → code-snippet.OLGHc4B1.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.C5j6vSQT.js} +3 -3
- package/dist/chunks/{copy.DUvO5BhX.js.map → copy.C5j6vSQT.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.0qPGHJQ5.js} +3 -3
- package/dist/chunks/{dashboard-section.BrafNf0B.js.map → dashboard-section.0qPGHJQ5.js.map} +1 -1
- package/dist/chunks/{dashed-underline.WP0jCp-Y.js → dashed-underline.CAq5Lyvt.js} +4 -4
- package/dist/chunks/{dashed-underline.WP0jCp-Y.js.map → dashed-underline.CAq5Lyvt.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CDnT_RiH.js → data-grid-template.2IvVrtJm.js} +3 -3
- package/dist/chunks/{data-grid-template.CDnT_RiH.js.map → data-grid-template.2IvVrtJm.js.map} +1 -1
- package/dist/chunks/{data-grid.5V4xfplg.js → data-grid.Baui5wT8.js} +22 -22
- package/dist/chunks/data-grid.Baui5wT8.js.map +1 -0
- package/dist/chunks/{date-picker.YVjq2axC.js → date-picker.BA0VzuPa.js} +9 -9
- package/dist/chunks/date-picker.BA0VzuPa.js.map +1 -0
- package/dist/chunks/{date-range-picker.YL2zw7hP.js → date-range-picker.VYnXRTSg.js} +12 -12
- package/dist/chunks/{date-range-picker.YL2zw7hP.js.map → date-range-picker.VYnXRTSg.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.CplkzZGZ.js} +2 -2
- package/dist/chunks/{dialog-page.CEQ5epTD.js.map → dialog-page.CplkzZGZ.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.DZYK8Rkl.js} +6 -6
- package/dist/chunks/{dropdown-tag.BPIE-Tx1.js.map → dropdown-tag.DZYK8Rkl.js.map} +1 -1
- package/dist/chunks/{dropdown.BHJbVSjY.js → dropdown.YLBJwK6I.js} +16 -16
- package/dist/chunks/dropdown.YLBJwK6I.js.map +1 -0
- package/dist/chunks/{empty-state.DY4srVjI.js → empty-state.B8ZeRgDi.js} +3 -3
- package/dist/chunks/{empty-state.DY4srVjI.js.map → empty-state.B8ZeRgDi.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.Cu0Uszfk.js} +27 -27
- package/dist/chunks/filter-bar.Cu0Uszfk.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DD6yai-G.js → fixed-scroller.B880PL1J.js} +2 -2
- package/dist/chunks/{fixed-scroller.DD6yai-G.js.map → fixed-scroller.B880PL1J.js.map} +1 -1
- package/dist/chunks/{footer-actions.BexpqZ3C.js → footer-actions.DB8d57yp.js} +4 -4
- package/dist/chunks/{footer-actions.BexpqZ3C.js.map → footer-actions.DB8d57yp.js.map} +1 -1
- package/dist/chunks/{form-layout-title.DEQ_f2Y6.js → form-layout-title.Cd2WlefD.js} +3 -3
- package/dist/chunks/{form-layout-title.DEQ_f2Y6.js.map → form-layout-title.Cd2WlefD.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.L9VL0664.js} +7 -7
- package/dist/chunks/{header.BWgpdAi9.js.map → header.L9VL0664.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.Dwf5fjll.js} +6 -6
- package/dist/chunks/input-field.Dwf5fjll.js.map +1 -0
- package/dist/chunks/{inspector.types.BI9aWBZp.js → inspector.types.CpvmQDRC.js} +5 -5
- package/dist/chunks/inspector.types.CpvmQDRC.js.map +1 -0
- package/dist/chunks/{link.bX7nfkIe.js → link.v-y0fKjn.js} +3 -3
- package/dist/chunks/link.v-y0fKjn.js.map +1 -0
- 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.C55_XNgE.js} +2 -2
- package/dist/chunks/{loading-button.DLKRnY4b.js.map → loading-button.C55_XNgE.js.map} +1 -1
- package/dist/chunks/{menu.-Skw4SaC.js → menu.DpgD8FIF.js} +7 -7
- package/dist/chunks/{menu.-Skw4SaC.js.map → menu.DpgD8FIF.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.BRB0VWfM.js → modal-fullscreen.A1B5EQq5.js} +7 -7
- package/dist/chunks/modal-fullscreen.A1B5EQq5.js.map +1 -0
- package/dist/chunks/{modal.Bg4H-iNL.js → modal.DgOPDbMz.js} +6 -6
- package/dist/chunks/{modal.Bg4H-iNL.js.map → modal.DgOPDbMz.js.map} +1 -1
- package/dist/chunks/{pagination.DKhucx5m.js → pagination.6agNUv7O.js} +18 -18
- package/dist/chunks/pagination.6agNUv7O.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.B1IHo8rT.js} +4 -4
- package/dist/chunks/{popover.BOt11chL.js.map → popover.B1IHo8rT.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.D9L-WH5k.js} +31 -31
- package/dist/chunks/search-bar.D9L-WH5k.js.map +1 -0
- package/dist/chunks/{secondary-nav.tL9EB5k3.js → secondary-nav.CgPj1EVp.js} +3 -3
- package/dist/chunks/{secondary-nav.tL9EB5k3.js.map → secondary-nav.CgPj1EVp.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.DxyfqxcI.js} +11 -11
- package/dist/chunks/sidepanel.DxyfqxcI.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.BY1opyG5.js} +6 -6
- package/dist/chunks/{structured-list-item.YOTf4Vna.js.map → structured-list-item.BY1opyG5.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.BQ2yEBJL.js → summary-grid-item-custom.AQ78mq3S.js} +5 -5
- package/dist/chunks/{summary-grid-item-custom.BQ2yEBJL.js.map → summary-grid-item-custom.AQ78mq3S.js.map} +1 -1
- package/dist/chunks/{tabs.B7Kk-ImN.js → tabs.Casntai-.js} +19 -19
- package/dist/chunks/tabs.Casntai-.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.BAxqRHQJ.js} +6 -6
- package/dist/chunks/textarea.BAxqRHQJ.js.map +1 -0
- package/dist/chunks/{timeline-item.DlvIzkEn.js → timeline-item.BF3a20e3.js} +11 -11
- package/dist/chunks/{timeline-item.DlvIzkEn.js.map → timeline-item.BF3a20e3.js.map} +1 -1
- package/dist/chunks/{toast.CJqrx4Wv.js → toast.BEipTIrz.js} +4 -4
- package/dist/chunks/{toast.CJqrx4Wv.js.map → toast.BEipTIrz.js.map} +1 -1
- package/dist/chunks/{toggle-button.DXVNRBYL.js → toggle-button.CYplDIO-.js} +2 -2
- package/dist/chunks/{toggle-button.DXVNRBYL.js.map → toggle-button.CYplDIO-.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.CvGRq2GV.js} +5 -5
- package/dist/chunks/{tutorial.CNlYyuOZ.js.map → tutorial.CvGRq2GV.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.C22NSe1Z.js} +6 -6
- package/dist/chunks/{use-cached-selected-values.DZeF1gHo.js.map → use-cached-selected-values.C22NSe1Z.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 +12 -151
- package/package.json +5 -4
- 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/link.bX7nfkIe.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/README.md
CHANGED
|
@@ -25,6 +25,7 @@ Bento Vue contains foundational Vue 2.x (and Vue 3.x) UI components for shipping
|
|
|
25
25
|
- [Vue 3](#vue-3-2)
|
|
26
26
|
- [Using our CDN directly](#using-our-cdn-directly)
|
|
27
27
|
- [Import CSS variables](#import-css-variables)
|
|
28
|
+
- [⚠️ `bento.css` deprecated ⚠️](#️-bentocss-deprecated-️)
|
|
28
29
|
- [Vue 2](#vue-2-3)
|
|
29
30
|
- [Vue 3](#vue-3-3)
|
|
30
31
|
- [Initialize `vue-i18n`](#initialize-vue-i18n)
|
|
@@ -37,7 +38,8 @@ Bento Vue contains foundational Vue 2.x (and Vue 3.x) UI components for shipping
|
|
|
37
38
|
- [Webpack](#webpack)
|
|
38
39
|
- [Vite](#vite)
|
|
39
40
|
- [Stylelint](#stylelint)
|
|
40
|
-
- [
|
|
41
|
+
- [Theming](#theming)
|
|
42
|
+
- [⚠️ `BentoTheme.BENTO` deprecated ⚠️](#️-bentothemebento-deprecated-️)
|
|
41
43
|
- [ADL theme](#adl-theme)
|
|
42
44
|
- [Set **legacy ADL** theme as default](#set-legacy-adl-theme-as-default)
|
|
43
45
|
- [Setting themes without the Bento Plugin](#setting-themes-without-the-bento-plugin)
|
|
@@ -164,7 +166,11 @@ We currently export the following styles:
|
|
|
164
166
|
|
|
165
167
|
NOTE: This way of importing bento styles will be mandatory in Bento 2.X
|
|
166
168
|
|
|
167
|
-
|
|
169
|
+
##### ⚠️ `bento.css` deprecated ⚠️
|
|
170
|
+
|
|
171
|
+
The `bento.css` stylesheet is deprecated. It will be removed in v2.0.0. Please use the `bento-light.css` instead.
|
|
172
|
+
|
|
173
|
+
##### Vue 2
|
|
168
174
|
|
|
169
175
|
```javascript
|
|
170
176
|
import Vue from 'vue';
|
|
@@ -180,7 +186,7 @@ Vue.use(BentoVue, {
|
|
|
180
186
|
});
|
|
181
187
|
```
|
|
182
188
|
|
|
183
|
-
|
|
189
|
+
##### Vue 3
|
|
184
190
|
|
|
185
191
|
```javascript
|
|
186
192
|
import { createApp } from 'vue';
|
|
@@ -425,7 +431,7 @@ extends: [
|
|
|
425
431
|
],
|
|
426
432
|
```
|
|
427
433
|
|
|
428
|
-
##
|
|
434
|
+
## Theming
|
|
429
435
|
|
|
430
436
|
Bento components can be themed with both themes provided out-of-the-box and with custom classes applied. At the current
|
|
431
437
|
Bento component support themes. At present, there is only one alternative style provided out of the box: ADL theme (also
|
|
@@ -433,6 +439,27 @@ known as Legacy theme).
|
|
|
433
439
|
|
|
434
440
|
More extensive out-of-the-box theming support is planned and will come soon.
|
|
435
441
|
|
|
442
|
+
### ⚠️ `BentoTheme.BENTO` deprecated ⚠️
|
|
443
|
+
|
|
444
|
+
The `BentoTheme.BENTO` theme enum is deprecated. It will be removed in v2.0.0. Please use the `BentoTheme.BENTO_LIGHT`
|
|
445
|
+
enum or the `b-light-theme` string instead.
|
|
446
|
+
|
|
447
|
+
Old usage (deprecated)
|
|
448
|
+
|
|
449
|
+
```typescript
|
|
450
|
+
// plugin
|
|
451
|
+
Vue.use(BentoVue, { theme: BentoTheme.BENTO });
|
|
452
|
+
```
|
|
453
|
+
|
|
454
|
+
New usage
|
|
455
|
+
|
|
456
|
+
```typescript
|
|
457
|
+
// plugin
|
|
458
|
+
Vue.use(BentoVue, { theme: BentoTheme.BENTO_LIGHT });
|
|
459
|
+
```
|
|
460
|
+
|
|
461
|
+
The Bento plugin defaults to `BentoTheme.BENTO_LIGHT` if unset.
|
|
462
|
+
|
|
436
463
|
### ADL theme
|
|
437
464
|
|
|
438
465
|
#### Set **legacy ADL** theme as default
|
package/dist/@types/index.d.ts
CHANGED
|
@@ -1964,8 +1964,8 @@ export declare const BentoCheckbox: DefineComponent<
|
|
|
1964
1964
|
tag: any;
|
|
1965
1965
|
optional: boolean;
|
|
1966
1966
|
errorMessage: string;
|
|
1967
|
-
ariaLabel: string;
|
|
1968
1967
|
readonly: boolean;
|
|
1968
|
+
ariaLabel: string;
|
|
1969
1969
|
hasError: boolean;
|
|
1970
1970
|
indeterminate: boolean;
|
|
1971
1971
|
modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
|
|
@@ -2316,7 +2316,7 @@ export declare enum BentoCheckboxState {
|
|
|
2316
2316
|
READONLY = 'readonly',
|
|
2317
2317
|
}
|
|
2318
2318
|
|
|
2319
|
-
export declare type BentoCheckboxTag =
|
|
2319
|
+
export declare type BentoCheckboxTag = BentoTagProps;
|
|
2320
2320
|
|
|
2321
2321
|
export declare type BentoCheckboxType = boolean | BentoMultiCheckboxType;
|
|
2322
2322
|
|
|
@@ -4835,8 +4835,8 @@ export declare const BentoDate: DefineComponent<
|
|
|
4835
4835
|
}>
|
|
4836
4836
|
>,
|
|
4837
4837
|
{
|
|
4838
|
-
date: string | number | Date;
|
|
4839
4838
|
disableTypography: boolean;
|
|
4839
|
+
date: string | number | Date;
|
|
4840
4840
|
format:
|
|
4841
4841
|
| 'd'
|
|
4842
4842
|
| 'EEEE'
|
|
@@ -6070,8 +6070,8 @@ export declare const BentoDropdown: __VLS_WithTemplateSlots_10<
|
|
|
6070
6070
|
items: BentoListboxOptions;
|
|
6071
6071
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
6072
6072
|
staticCategories: boolean;
|
|
6073
|
-
ariaLabel: string;
|
|
6074
6073
|
readonly: boolean;
|
|
6074
|
+
ariaLabel: string;
|
|
6075
6075
|
hasMoreItems: boolean;
|
|
6076
6076
|
lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
|
|
6077
6077
|
emptyState: BentoListboxEmptyStateProps;
|
|
@@ -6376,8 +6376,8 @@ export declare const BentoDropdownAvatar: DefineComponent<
|
|
|
6376
6376
|
items: BentoAvatarListboxOptions;
|
|
6377
6377
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
6378
6378
|
staticCategories: boolean;
|
|
6379
|
-
ariaLabel: string;
|
|
6380
6379
|
readonly: boolean;
|
|
6380
|
+
ariaLabel: string;
|
|
6381
6381
|
hasMoreItems: boolean;
|
|
6382
6382
|
lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
|
|
6383
6383
|
emptyState: BentoListboxEmptyStateProps;
|
|
@@ -6694,8 +6694,8 @@ export declare const BentoDropdownCountry: DefineComponent<
|
|
|
6694
6694
|
items: BentoCountryListboxOptions;
|
|
6695
6695
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
6696
6696
|
staticCategories: boolean;
|
|
6697
|
-
ariaLabel: string;
|
|
6698
6697
|
readonly: boolean;
|
|
6698
|
+
ariaLabel: string;
|
|
6699
6699
|
hasMoreItems: boolean;
|
|
6700
6700
|
lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
|
|
6701
6701
|
emptyState: BentoListboxEmptyStateProps;
|
|
@@ -6993,8 +6993,8 @@ export declare const BentoDropdownCurrency: DefineComponent<
|
|
|
6993
6993
|
items: BentoCurrencyListboxOptions;
|
|
6994
6994
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
6995
6995
|
staticCategories: boolean;
|
|
6996
|
-
ariaLabel: string;
|
|
6997
6996
|
readonly: boolean;
|
|
6997
|
+
ariaLabel: string;
|
|
6998
6998
|
hasMoreItems: boolean;
|
|
6999
6999
|
lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
|
|
7000
7000
|
emptyState: BentoListboxEmptyStateProps;
|
|
@@ -7292,8 +7292,8 @@ export declare const BentoDropdownPaymentMethod: DefineComponent<
|
|
|
7292
7292
|
items: BentoPaymentMethodListboxOptions;
|
|
7293
7293
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
7294
7294
|
staticCategories: boolean;
|
|
7295
|
-
ariaLabel: string;
|
|
7296
7295
|
readonly: boolean;
|
|
7296
|
+
ariaLabel: string;
|
|
7297
7297
|
hasMoreItems: boolean;
|
|
7298
7298
|
lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
|
|
7299
7299
|
emptyState: BentoListboxEmptyStateProps;
|
|
@@ -7599,8 +7599,8 @@ export declare const BentoDropdownTag: DefineComponent<
|
|
|
7599
7599
|
items: BentoTagListboxOptions;
|
|
7600
7600
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
7601
7601
|
staticCategories: boolean;
|
|
7602
|
-
ariaLabel: string;
|
|
7603
7602
|
readonly: boolean;
|
|
7603
|
+
ariaLabel: string;
|
|
7604
7604
|
hasMoreItems: boolean;
|
|
7605
7605
|
lazyLoadType: 'button' | 'none' | 'automatic' | BentoListboxLazyLoadType;
|
|
7606
7606
|
emptyState: BentoListboxEmptyStateProps;
|
|
@@ -9204,8 +9204,8 @@ export declare const BentoInputField: __VLS_WithTemplateSlots_16<
|
|
|
9204
9204
|
tooltipText: string;
|
|
9205
9205
|
optional: boolean;
|
|
9206
9206
|
errorMessage: string;
|
|
9207
|
-
ariaLabel: string;
|
|
9208
9207
|
readonly: boolean;
|
|
9208
|
+
ariaLabel: string;
|
|
9209
9209
|
placeholder: string;
|
|
9210
9210
|
dropdown: BentoInputDropdownProps;
|
|
9211
9211
|
ariaHidden: boolean;
|
|
@@ -9322,8 +9322,8 @@ export declare type BentoInpuWithDropdowntFilterValue = {
|
|
|
9322
9322
|
*/
|
|
9323
9323
|
export declare const BentoInspector: __VLS_WithTemplateSlots_17<
|
|
9324
9324
|
DefineComponent<
|
|
9325
|
-
|
|
9326
|
-
|
|
9325
|
+
__VLS_WithDefaults_6<
|
|
9326
|
+
__VLS_TypePropsToRuntimeProps_6<{
|
|
9327
9327
|
/**
|
|
9328
9328
|
* Shows the Expand icon in the inspector
|
|
9329
9329
|
*/
|
|
@@ -9366,8 +9366,8 @@ export declare const BentoInspector: __VLS_WithTemplateSlots_17<
|
|
|
9366
9366
|
string,
|
|
9367
9367
|
Readonly<
|
|
9368
9368
|
ExtractPropTypes<
|
|
9369
|
-
|
|
9370
|
-
|
|
9369
|
+
__VLS_WithDefaults_6<
|
|
9370
|
+
__VLS_TypePropsToRuntimeProps_6<{
|
|
9371
9371
|
/**
|
|
9372
9372
|
* Shows the Expand icon in the inspector
|
|
9373
9373
|
*/
|
|
@@ -9472,8 +9472,8 @@ export declare type BentoLazyLoadType = 'automatic' | 'button' | 'none';
|
|
|
9472
9472
|
*/
|
|
9473
9473
|
export declare const BentoLink: __VLS_WithTemplateSlots_18<
|
|
9474
9474
|
DefineComponent<
|
|
9475
|
-
|
|
9476
|
-
|
|
9475
|
+
__VLS_WithDefaults_7<
|
|
9476
|
+
__VLS_TypePropsToRuntimeProps_7<BentoLinkProps>,
|
|
9477
9477
|
{
|
|
9478
9478
|
target: any;
|
|
9479
9479
|
variant: BentoLinkVariant;
|
|
@@ -9491,8 +9491,8 @@ export declare const BentoLink: __VLS_WithTemplateSlots_18<
|
|
|
9491
9491
|
string,
|
|
9492
9492
|
Readonly<
|
|
9493
9493
|
ExtractPropTypes<
|
|
9494
|
-
|
|
9495
|
-
|
|
9494
|
+
__VLS_WithDefaults_7<
|
|
9495
|
+
__VLS_TypePropsToRuntimeProps_7<BentoLinkProps>,
|
|
9496
9496
|
{
|
|
9497
9497
|
target: any;
|
|
9498
9498
|
variant: BentoLinkVariant;
|
|
@@ -9510,6 +9510,8 @@ export declare const BentoLink: __VLS_WithTemplateSlots_18<
|
|
|
9510
9510
|
}
|
|
9511
9511
|
>;
|
|
9512
9512
|
|
|
9513
|
+
declare type BentoLinkProps = RouterLinkProps & LinkProps_2;
|
|
9514
|
+
|
|
9513
9515
|
/**
|
|
9514
9516
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
9515
9517
|
*/
|
|
@@ -9518,6 +9520,14 @@ export declare enum BentoLinkVariant {
|
|
|
9518
9520
|
QUIET = 'quiet',
|
|
9519
9521
|
}
|
|
9520
9522
|
|
|
9523
|
+
/**
|
|
9524
|
+
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
9525
|
+
*/
|
|
9526
|
+
declare enum BentoLinkVariant_2 {
|
|
9527
|
+
DEFAULT = 'default',
|
|
9528
|
+
QUIET = 'quiet',
|
|
9529
|
+
}
|
|
9530
|
+
|
|
9521
9531
|
declare type BentoListboxEmptyStateProps = {
|
|
9522
9532
|
action: {
|
|
9523
9533
|
icon?: any;
|
|
@@ -16087,8 +16097,8 @@ declare enum BentoTabsEvent {
|
|
|
16087
16097
|
}
|
|
16088
16098
|
|
|
16089
16099
|
export declare const BentoTag: DefineComponent<
|
|
16090
|
-
|
|
16091
|
-
|
|
16100
|
+
__VLS_WithDefaults_8<
|
|
16101
|
+
__VLS_TypePropsToRuntimeProps_8<BentoTagProps>,
|
|
16092
16102
|
{
|
|
16093
16103
|
label: any;
|
|
16094
16104
|
truncate: any;
|
|
@@ -16105,8 +16115,8 @@ export declare const BentoTag: DefineComponent<
|
|
|
16105
16115
|
string,
|
|
16106
16116
|
Readonly<
|
|
16107
16117
|
ExtractPropTypes<
|
|
16108
|
-
|
|
16109
|
-
|
|
16118
|
+
__VLS_WithDefaults_8<
|
|
16119
|
+
__VLS_TypePropsToRuntimeProps_8<BentoTagProps>,
|
|
16110
16120
|
{
|
|
16111
16121
|
label: any;
|
|
16112
16122
|
truncate: any;
|
|
@@ -16404,8 +16414,8 @@ export declare const BentoTextarea: DefineComponent<
|
|
|
16404
16414
|
tooltipText: string;
|
|
16405
16415
|
optional: boolean;
|
|
16406
16416
|
errorMessage: string;
|
|
16407
|
-
ariaLabel: string;
|
|
16408
16417
|
readonly: boolean;
|
|
16418
|
+
ariaLabel: string;
|
|
16409
16419
|
placeholder: string;
|
|
16410
16420
|
clearable: boolean;
|
|
16411
16421
|
characterLimit: number;
|
|
@@ -16426,7 +16436,13 @@ declare enum BentoTextareaResizeOption {
|
|
|
16426
16436
|
export declare enum BentoTheme {
|
|
16427
16437
|
LEGACY = 'b-legacy-theme',
|
|
16428
16438
|
STYLEGUIDE = 'b-styleguide-theme',
|
|
16439
|
+
/**
|
|
16440
|
+
* @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.
|
|
16441
|
+
*/
|
|
16429
16442
|
BENTO = '',
|
|
16443
|
+
BENTO_LIGHT = 'b-light-theme',
|
|
16444
|
+
BENTO_DARK = 'b-dark-theme',
|
|
16445
|
+
BENTO_SYSTEM = 'b-system',
|
|
16430
16446
|
}
|
|
16431
16447
|
|
|
16432
16448
|
/**
|
|
@@ -17012,8 +17028,8 @@ export declare const BentoToggle: DefineComponent<
|
|
|
17012
17028
|
{
|
|
17013
17029
|
value: boolean;
|
|
17014
17030
|
disabled: boolean;
|
|
17015
|
-
ariaLabel: string;
|
|
17016
17031
|
readonly: boolean;
|
|
17032
|
+
ariaLabel: string;
|
|
17017
17033
|
labelPosition: 'after' | 'before' | BentoToggleLabelPosition;
|
|
17018
17034
|
}
|
|
17019
17035
|
>;
|
|
@@ -17368,6 +17384,10 @@ export declare const BentoTypography: __VLS_WithTemplateSlots_35<
|
|
|
17368
17384
|
* Applicable to the Title variant.
|
|
17369
17385
|
*/
|
|
17370
17386
|
medium?: boolean;
|
|
17387
|
+
/**
|
|
17388
|
+
* Adds the rich-text modifier, which allows for the use of HTML tags inside typography.
|
|
17389
|
+
*/
|
|
17390
|
+
richText?: boolean;
|
|
17371
17391
|
/**
|
|
17372
17392
|
* Adds the stronger class modifier.
|
|
17373
17393
|
* Applicable to Caption, Body and Subtitle variants.
|
|
@@ -17426,6 +17446,10 @@ export declare const BentoTypography: __VLS_WithTemplateSlots_35<
|
|
|
17426
17446
|
* Applicable to the Title variant.
|
|
17427
17447
|
*/
|
|
17428
17448
|
medium?: boolean;
|
|
17449
|
+
/**
|
|
17450
|
+
* Adds the rich-text modifier, which allows for the use of HTML tags inside typography.
|
|
17451
|
+
*/
|
|
17452
|
+
richText?: boolean;
|
|
17429
17453
|
/**
|
|
17430
17454
|
* Adds the stronger class modifier.
|
|
17431
17455
|
* Applicable to Caption, Body and Subtitle variants.
|
|
@@ -17607,114 +17631,74 @@ declare interface KeyboardNavigation {
|
|
|
17607
17631
|
keyDownListener?: ListenerCleanup;
|
|
17608
17632
|
}
|
|
17609
17633
|
|
|
17610
|
-
declare interface LinkProps {
|
|
17611
|
-
/**
|
|
17612
|
-
* Denotes the target route of the link. When clicked, the value of the `to` prop will be passed to
|
|
17613
|
-
* `router.push()` internally, so the value can be either a "string" or a location" descriptor object.
|
|
17614
|
-
*/
|
|
17615
|
-
to: any;
|
|
17616
|
-
/**
|
|
17617
|
-
* Setting `replace` prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will
|
|
17618
|
-
* not create a new history record.
|
|
17619
|
-
*
|
|
17620
|
-
* @default false
|
|
17621
|
-
*/
|
|
17622
|
-
replace?: boolean;
|
|
17623
|
-
/**
|
|
17624
|
-
* Setting `append` prop always appends the relative path to the current path. For example, assuming we are navigating
|
|
17625
|
-
* from `/a` to a relative link `b`, without `append` we will end up at `/b`, but with append we will end up at
|
|
17626
|
-
* `/a/b`.
|
|
17627
|
-
*
|
|
17628
|
-
* @default false
|
|
17629
|
-
*/
|
|
17630
|
-
append?: boolean;
|
|
17631
|
-
/**
|
|
17632
|
-
* Sometimes we want <RouterLink> to render as another tag, e.g <li>. Then we can use tag prop to specify which tag to
|
|
17633
|
-
* render to, and it will still listen to click events for navigation.
|
|
17634
|
-
*
|
|
17635
|
-
* @default "a"
|
|
17636
|
-
*/
|
|
17637
|
-
tag?: string;
|
|
17638
|
-
/**
|
|
17639
|
-
* Configure the active CSS class applied when the link is active. Note the default value can also be configured
|
|
17640
|
-
* globally via the `linkActiveClass` router constructor option.
|
|
17641
|
-
*
|
|
17642
|
-
* @default "router-link-active"
|
|
17643
|
-
*/
|
|
17644
|
-
activeClass?: string;
|
|
17634
|
+
export declare interface LinkProps {
|
|
17645
17635
|
/**
|
|
17646
|
-
*
|
|
17647
|
-
* this class applied as long as the current path starts with `/a/` or is `/a`.
|
|
17648
|
-
*
|
|
17649
|
-
* @default false
|
|
17636
|
+
* Disable the default typography for the component. Only use this when the component is inside another typography component.
|
|
17650
17637
|
*/
|
|
17651
|
-
|
|
17638
|
+
disableTypography?: boolean;
|
|
17652
17639
|
/**
|
|
17653
|
-
*
|
|
17654
|
-
*
|
|
17655
|
-
* @default false
|
|
17640
|
+
* Set the rendered link to a regular external anchor link and renders an external link icon.
|
|
17656
17641
|
*/
|
|
17657
|
-
|
|
17642
|
+
external?: boolean;
|
|
17658
17643
|
/**
|
|
17659
|
-
*
|
|
17660
|
-
* also be configured globally via the `linkExactPathActiveClass` router constructor option.
|
|
17661
|
-
*
|
|
17662
|
-
* @default "router-link-exact-path-active"
|
|
17644
|
+
* Set to true if used inside a `BentoButton` component.
|
|
17663
17645
|
*/
|
|
17664
|
-
|
|
17646
|
+
isButton?: boolean;
|
|
17665
17647
|
/**
|
|
17666
|
-
*
|
|
17667
|
-
*
|
|
17668
|
-
* @default 'click'
|
|
17648
|
+
* Set the rendered link to a regular external anchor link.
|
|
17669
17649
|
*/
|
|
17670
|
-
|
|
17650
|
+
isNotRouting?: boolean;
|
|
17671
17651
|
/**
|
|
17672
|
-
*
|
|
17673
|
-
* configured globally via the `linkExactActiveClass` router constructor option.
|
|
17674
|
-
*
|
|
17675
|
-
* @default "router-link-exact-active"
|
|
17652
|
+
* Sets the target of the rendered link.
|
|
17676
17653
|
*/
|
|
17677
|
-
|
|
17654
|
+
target?: string;
|
|
17678
17655
|
/**
|
|
17679
|
-
*
|
|
17680
|
-
* values for [aria-current](https://www.w3.org/TR/wai-aria-1.2/#aria-current) in the ARIA spec. In most cases, the
|
|
17681
|
-
* default of page should be the best fit.
|
|
17682
|
-
*
|
|
17683
|
-
* @default "page"
|
|
17656
|
+
* Set to true to truncate link. Doesn't work with disableTypography.
|
|
17684
17657
|
*/
|
|
17685
|
-
|
|
17658
|
+
truncate?: boolean;
|
|
17686
17659
|
/**
|
|
17687
|
-
*
|
|
17660
|
+
* Link variant type affecting visual style.
|
|
17661
|
+
* @values default, quiet
|
|
17688
17662
|
*/
|
|
17663
|
+
variant?: BentoLinkVariant | `${BentoLinkVariant}`;
|
|
17664
|
+
}
|
|
17665
|
+
|
|
17666
|
+
declare interface LinkProps_2 {
|
|
17689
17667
|
/**
|
|
17690
17668
|
* Disable the default typography for the component. Only use this when the component is inside another typography component.
|
|
17691
17669
|
*/
|
|
17692
17670
|
disableTypography?: boolean;
|
|
17671
|
+
|
|
17693
17672
|
/**
|
|
17694
17673
|
* Set the rendered link to a regular external anchor link and renders an external link icon.
|
|
17695
17674
|
*/
|
|
17696
17675
|
external?: boolean;
|
|
17676
|
+
|
|
17697
17677
|
/**
|
|
17698
17678
|
* Set to true if used inside a `BentoButton` component.
|
|
17699
17679
|
*/
|
|
17700
17680
|
isButton?: boolean;
|
|
17681
|
+
|
|
17701
17682
|
/**
|
|
17702
17683
|
* Set the rendered link to a regular external anchor link.
|
|
17703
17684
|
*/
|
|
17704
17685
|
isNotRouting?: boolean;
|
|
17686
|
+
|
|
17705
17687
|
/**
|
|
17706
17688
|
* Sets the target of the rendered link.
|
|
17707
17689
|
*/
|
|
17708
17690
|
target?: string;
|
|
17691
|
+
|
|
17709
17692
|
/**
|
|
17710
17693
|
* Set to true to truncate link. Doesn't work with disableTypography.
|
|
17711
17694
|
*/
|
|
17712
17695
|
truncate?: boolean;
|
|
17696
|
+
|
|
17713
17697
|
/**
|
|
17714
17698
|
* Link variant type affecting visual style.
|
|
17715
17699
|
* @values default, quiet
|
|
17716
17700
|
*/
|
|
17717
|
-
variant?:
|
|
17701
|
+
variant?: BentoLinkVariant_2 | `${BentoLinkVariant_2}`;
|
|
17718
17702
|
}
|
|
17719
17703
|
|
|
17720
17704
|
declare type ListenerCleanup = () => void;
|
|
@@ -17867,6 +17851,15 @@ export declare interface ToastStack {
|
|
|
17867
17851
|
*/
|
|
17868
17852
|
export declare function toTypedSchema<T extends ZodSchema>(formSchema: T): T;
|
|
17869
17853
|
|
|
17854
|
+
export declare interface UseBentoTheme {
|
|
17855
|
+
getTheme: () => string;
|
|
17856
|
+
setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;
|
|
17857
|
+
}
|
|
17858
|
+
|
|
17859
|
+
export declare function useBentoTheme(): UseBentoTheme;
|
|
17860
|
+
|
|
17861
|
+
export declare const useBentoThemeKey: unique symbol;
|
|
17862
|
+
|
|
17870
17863
|
export declare type UseBentoToastController = ToastStack;
|
|
17871
17864
|
|
|
17872
17865
|
export declare function useBentoToastController(): UseBentoToastController;
|
package/dist/accordion.js
CHANGED
package/dist/action-bar.js
CHANGED
package/dist/alert.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-
|
|
1
|
+
.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item[data-v-66c09812]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-66c09812],.b-accordion-item[data-v-66c09812]:before,.b-accordion-item[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item *[data-v-66c09812],.b-accordion-item *[data-v-66c09812]:before,.b-accordion-item *[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-accordion-item button[data-v-66c09812]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-66c09812]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-66c09812]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-66c09812]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-66c09812]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-66c09812]:focus-visible{animation:outer-ring-default-66c09812 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-66c09812{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-66c09812]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-ummjp4y-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ummjp4y-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ummjp4y-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-ummjp4y-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ummjp4y-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-ummjp4y-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-ummjp4z-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ummjp4z-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ummjp4z-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-ummjp4z-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ummjp4z-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-ummjp4z-66c09812{0%{translate:0 0}to{translate:0 -8px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-action-bar[data-v-be92816e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-be92816e],.b-action-bar[data-v-be92816e]:before,.b-action-bar[data-v-be92816e]:after{box-sizing:border-box}.b-action-bar *[data-v-be92816e],.b-action-bar *[data-v-be92816e]:before,.b-action-bar *[data-v-be92816e]:after{box-sizing:border-box}.b-action-bar[data-v-be92816e] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-be92816e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-action-bar__container[data-v-be92816e]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-be92816e]{width:auto}}.b-action-bar__close-button[data-v-be92816e]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-be92816e]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-be92816e]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-be92816e]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-be92816e]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-be92816e]{width:160px}}.b-action-bar__actions[data-v-be92816e]{container-type:normal}.b-action-bar__actions[data-v-be92816e] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-be92816e]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-be92816e]{animation:fade-in-
|
|
1
|
+
.b-action-bar[data-v-be92816e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-be92816e],.b-action-bar[data-v-be92816e]:before,.b-action-bar[data-v-be92816e]:after{box-sizing:border-box}.b-action-bar *[data-v-be92816e],.b-action-bar *[data-v-be92816e]:before,.b-action-bar *[data-v-be92816e]:after{box-sizing:border-box}.b-action-bar[data-v-be92816e] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-be92816e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-action-bar__container[data-v-be92816e]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-be92816e]{width:auto}}.b-action-bar__close-button[data-v-be92816e]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-be92816e]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-be92816e]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-be92816e]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-be92816e]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-be92816e]{width:160px}}.b-action-bar__actions[data-v-be92816e]{container-type:normal}.b-action-bar__actions[data-v-be92816e] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-be92816e]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-be92816e]{animation:fade-in-ummjp0i-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ummjp0i-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ummjp0i-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ummjp0i-be92816e{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ummjp0i-be92816e{0%{scale:.9}to{scale:1}}@keyframes enter-ummjp0i-be92816e{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-be92816e]{animation:fade-out-ummjp1i-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ummjp1i-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ummjp1i-be92816e var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ummjp1i-be92816e{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ummjp1i-be92816e{0%{scale:1}to{scale:.9}}@keyframes exit-ummjp1i-be92816e{0%{translate:0 0}to{translate:0 8px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-page[data-v-8ee5a20b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-8ee5a20b],.b-modal-page[data-v-8ee5a20b]:before,.b-modal-page[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page *[data-v-8ee5a20b],.b-modal-page *[data-v-8ee5a20b]:before,.b-modal-page *[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page[data-v-8ee5a20b] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-8ee5a20b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-page--custom-padding[data-v-8ee5a20b] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-8ee5a20b],.b-modal-page__actions-container[data-v-8ee5a20b]{position:sticky;width:100%}.b-modal-page__header-container[data-v-8ee5a20b]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-8ee5a20b]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-8ee5a20b]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-8ee5a20b] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-8ee5a20b]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-8ee5a20b]{padding-top:0}.b-modal-page__content--with-actions[data-v-8ee5a20b]{padding-bottom:0}.b-modal-page__grid[data-v-8ee5a20b]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-8ee5a20b]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-
|
|
1
|
+
.b-modal-page[data-v-8ee5a20b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-8ee5a20b],.b-modal-page[data-v-8ee5a20b]:before,.b-modal-page[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page *[data-v-8ee5a20b],.b-modal-page *[data-v-8ee5a20b]:before,.b-modal-page *[data-v-8ee5a20b]:after{box-sizing:border-box}.b-modal-page[data-v-8ee5a20b] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-8ee5a20b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-page--custom-padding[data-v-8ee5a20b] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-8ee5a20b],.b-modal-page__actions-container[data-v-8ee5a20b]{position:sticky;width:100%}.b-modal-page__header-container[data-v-8ee5a20b]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-8ee5a20b]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-8ee5a20b]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-8ee5a20b] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-8ee5a20b]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-8ee5a20b]{padding-top:0}.b-modal-page__content--with-actions[data-v-8ee5a20b]{padding-bottom:0}.b-modal-page__grid[data-v-8ee5a20b]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-8ee5a20b]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-c6431721]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-c6431721],.b-modal-base[data-v-c6431721]:before,.b-modal-base[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base *[data-v-c6431721],.b-modal-base *[data-v-c6431721]:before,.b-modal-base *[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base[data-v-c6431721] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-c6431721] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-modal-base__container[data-v-c6431721]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-c6431721]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-c6431721]{animation:fade-in-ummjpd2-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-ummjpd2-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-ummjpd2-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ummjpd2-c6431721{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ummjpd2-c6431721{0%{scale:1}to{scale:1}}@keyframes enter-ummjpd2-c6431721{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-c6431721]::backdrop{animation:fade-in-ummjpdj-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ummjpdj-c6431721{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-c6431721]{animation:fade-out-ummjpej-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-ummjpej-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-ummjpej-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ummjpej-c6431721{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ummjpej-c6431721{0%{scale:1}to{scale:1}}@keyframes exit-ummjpej-c6431721{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-c6431721]::backdrop{animation:fade-out-ummjpfe-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ummjpfe-c6431721{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-c6431721]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-c6431721]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-c6431721]{width:480px}.b-modal-base__container--medium[data-v-c6431721]{width:600px}.b-modal-base__container--large[data-v-c6431721]{width:800px}.b-modal-base__close-button[data-v-c6431721]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}
|
package/dist/assets/calendar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-calendar-month-day[data-v-41eecb2a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--b-calendar-month-day-height);justify-content:center;position:relative;width:var(--b-calendar-month-day-width)}.b-calendar-month-day[data-v-41eecb2a],.b-calendar-month-day[data-v-41eecb2a]:before,.b-calendar-month-day[data-v-41eecb2a]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-41eecb2a],.b-calendar-month-day *[data-v-41eecb2a]:before,.b-calendar-month-day *[data-v-41eecb2a]:after{box-sizing:border-box}.b-calendar-month-day[data-v-41eecb2a] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month-day[data-v-41eecb2a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-legacy-theme .b-calendar-month-day[data-v-41eecb2a] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-41eecb2a]:after{border-bottom:18px solid rgba(0,0,0,0);border-left:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:100%;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-beginning-after-z-index)}.b-legacy-theme .b-calendar-month-day--end[data-v-41eecb2a]:after{border-bottom:18px solid rgba(0,0,0,0);border-right:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:-4px;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-end-after-z-index)}.b-calendar-month-day[data-v-41eecb2a]:focus-visible{animation:outer-ring-default-41eecb2a var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none;z-index:1}@keyframes outer-ring-default-41eecb2a{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-calendar-month-day__wrapper[data-v-41eecb2a]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-41eecb2a]{background:transparent}@media (hover: hover){.b-calendar-month-day--unselected[data-v-41eecb2a]:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active){background:var(--b-calendar-month-day-unselected-hover-background)}}.b-calendar-month-day--unselected[data-v-41eecb2a]:not(.b-calendar-month-day--disabled):active:not(.b-calendar-month-day--disabled){background:var(--b-calendar-month-day-unselected-active-background)}@media (hover: hover){.b-calendar-month-day--current-day.b-calendar-month-day--unselected:hover:not(.b-calendar-month-day--disabled) .b-calendar-month-day__wrapper[data-v-41eecb2a]:not(.b-calendar-month-day:active){background-color:var(--b-calendar-month-day-current-day-unselected-hover-wrapper-background)}}.b-calendar-month-day--current-day.b-calendar-month-day--unselected .b-calendar-month-day__wrapper[data-v-41eecb2a]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-41eecb2a]{color:var(--b-calendar-month-day-current-day-selected-color)}.b-calendar-month-day--current-day.b-calendar-month-day--selected .b-calendar-month-day__wrapper[data-v-41eecb2a]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-41eecb2a]{background:var(--b-calendar-month-day-selected-background);border-radius:var(--b-calendar-month-day-selected-border-radius);color:var(--b-calendar-month-day-selected-color)}@media (hover: hover){.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--beginning[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--end[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--single[data-v-41eecb2a]{background:var(--b-calendar-month-day-selected-hover-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--middle[data-v-41eecb2a]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-41eecb2a]:not(.b-calendar-month-day--disabled):active{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--middle[data-v-41eecb2a]{background:var(--b-calendar-month-day-middle-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--beginning[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-41eecb2a]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-41eecb2a]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-41eecb2a]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-41eecb2a]{background:var(--b-calendar-month-day-disabled-selected-background);color:var(--b-calendar-month-day-disabled-selected-color)}.b-calendar-month-day--disabled.b-calendar-month-day--unselected[data-v-41eecb2a]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-41eecb2a]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-41eecb2a]{background:var(--b-calendar-month-day-middle-background);border-radius:0;color:var(--b-calendar-month-day-middle-color)}.b-calendar-month-day--end[data-v-41eecb2a]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-
|
|
1
|
+
.b-calendar-month-day[data-v-41eecb2a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--b-calendar-month-day-height);justify-content:center;position:relative;width:var(--b-calendar-month-day-width)}.b-calendar-month-day[data-v-41eecb2a],.b-calendar-month-day[data-v-41eecb2a]:before,.b-calendar-month-day[data-v-41eecb2a]:after{box-sizing:border-box}.b-calendar-month-day *[data-v-41eecb2a],.b-calendar-month-day *[data-v-41eecb2a]:before,.b-calendar-month-day *[data-v-41eecb2a]:after{box-sizing:border-box}.b-calendar-month-day[data-v-41eecb2a] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month-day[data-v-41eecb2a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar-month-day__label[data-v-41eecb2a]{color:inherit}.b-legacy-theme .b-calendar-month-day[data-v-41eecb2a] .b-typography{font-size:13px;font-weight:100;line-height:18.5px}.b-legacy-theme .b-calendar-month-day--beginning[data-v-41eecb2a]:after{border-bottom:18px solid rgba(0,0,0,0);border-left:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:100%;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-beginning-after-z-index)}.b-legacy-theme .b-calendar-month-day--end[data-v-41eecb2a]:after{border-bottom:18px solid rgba(0,0,0,0);border-right:4px solid #06f;border-top:18px solid rgba(0,0,0,0);content:"";display:block;left:-4px;pointer-events:none;position:absolute;top:0;z-index:var(--b-calendar-month-day-end-after-z-index)}.b-calendar-month-day[data-v-41eecb2a]:focus-visible{animation:outer-ring-default-41eecb2a var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none;z-index:1}@keyframes outer-ring-default-41eecb2a{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-calendar-month-day__wrapper[data-v-41eecb2a]{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:auto;width:30px}.b-calendar-month-day--unselected[data-v-41eecb2a]{background:transparent;color:var(--b-calendar-month-day-unselected-color)}@media (hover: hover){.b-calendar-month-day--unselected[data-v-41eecb2a]:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active){background:var(--b-calendar-month-day-unselected-hover-background)}}.b-calendar-month-day--unselected[data-v-41eecb2a]:not(.b-calendar-month-day--disabled):active:not(.b-calendar-month-day--disabled){background:var(--b-calendar-month-day-unselected-active-background)}@media (hover: hover){.b-calendar-month-day--current-day.b-calendar-month-day--unselected:hover:not(.b-calendar-month-day--disabled) .b-calendar-month-day__wrapper[data-v-41eecb2a]:not(.b-calendar-month-day:active){background-color:var(--b-calendar-month-day-current-day-unselected-hover-wrapper-background)}}.b-calendar-month-day--current-day.b-calendar-month-day--unselected .b-calendar-month-day__wrapper[data-v-41eecb2a]{background:var(--b-calendar-month-day-current-day-unselected-wrapper-background)}.b-calendar-month-day--current-day.b-calendar-month-day--selected[data-v-41eecb2a]{color:var(--b-calendar-month-day-current-day-selected-color)}.b-calendar-month-day--current-day.b-calendar-month-day--selected .b-calendar-month-day__wrapper[data-v-41eecb2a]{background:var(--b-calendar-month-day-current-day-selected-wrapper-background)}.b-calendar-month-day--selected[data-v-41eecb2a]{background:var(--b-calendar-month-day-selected-background);border-radius:var(--b-calendar-month-day-selected-border-radius);color:var(--b-calendar-month-day-selected-color)}@media (hover: hover){.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--beginning[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--end[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--single[data-v-41eecb2a]{background:var(--b-calendar-month-day-selected-hover-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):hover:not(.b-calendar-month-day:active).b-calendar-month-day--middle[data-v-41eecb2a]{background:var(--b-calendar-month-day-middle-hover-background)}}.b-calendar-month-day--selected[data-v-41eecb2a]:not(.b-calendar-month-day--disabled):active{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--middle[data-v-41eecb2a]{background:var(--b-calendar-month-day-middle-active-background)}.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--beginning[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--end[data-v-41eecb2a],.b-calendar-month-day--selected:not(.b-calendar-month-day--disabled):active.b-calendar-month-day--single[data-v-41eecb2a]{background:var(--b-calendar-month-day-selected-active-background)}.b-calendar-month-day[data-v-41eecb2a]:not(.b-calendar-month-day--disabled){cursor:pointer}.b-calendar-month-day--disabled[data-v-41eecb2a]{cursor:not-allowed}.b-calendar-month-day--disabled.b-calendar-month-day--selected[data-v-41eecb2a]{background:var(--b-calendar-month-day-disabled-selected-background);color:var(--b-calendar-month-day-disabled-selected-color)}.b-calendar-month-day--disabled.b-calendar-month-day--unselected[data-v-41eecb2a]{color:var(--b-calendar-month-day-disabled-unselected-color)}.b-calendar-month-day--beginning[data-v-41eecb2a]{border-radius:var(--b-calendar-month-day-beginning-border-radius)}.b-calendar-month-day--middle[data-v-41eecb2a]{background:var(--b-calendar-month-day-middle-background);border-radius:0;color:var(--b-calendar-month-day-middle-color)}.b-calendar-month-day--end[data-v-41eecb2a]{border-radius:var(--b-calendar-month-day-end-border-radius)}.b-calendar-month[data-v-d597875d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-calendar-month[data-v-d597875d],.b-calendar-month[data-v-d597875d]:before,.b-calendar-month[data-v-d597875d]:after{box-sizing:border-box}.b-calendar-month *[data-v-d597875d],.b-calendar-month *[data-v-d597875d]:before,.b-calendar-month *[data-v-d597875d]:after{box-sizing:border-box}.b-calendar-month[data-v-d597875d] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar-month[data-v-d597875d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar-month__previous[data-v-d597875d]{left:0;position:absolute;top:5px}.b-calendar-month__next[data-v-d597875d]{position:absolute;right:0;top:5px}.b-calendar-month__month-container[data-v-d597875d]{border-collapse:var(--b-calendar-month-month-container-border-collapse);border-spacing:0}.b-calendar-month__week-header[data-v-d597875d]{border-bottom:var(--b-calendar-month-week-header-border-bottom)}.b-calendar-month__day-of-week[data-v-d597875d]{color:var(--b-calendar-month-day-of-the-week-color);padding-bottom:var(--b-calendar-month-day-of-the-week-padding-bottom)}.b-legacy-theme .b-calendar-month__day-of-week .b-calendar-month__day-of-week-font[data-v-d597875d]{font-size:13px;font-weight:600;line-height:24px}.b-calendar-month__month-selector[data-v-d597875d]{color:var(--b-calendar-month-month-selector-color);margin-bottom:var(--b-calendar-month-month-selector-margin-bottom);position:relative;text-align:center}.b-calendar[data-v-342835bb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-calendar[data-v-342835bb],.b-calendar[data-v-342835bb]:before,.b-calendar[data-v-342835bb]:after{box-sizing:border-box}.b-calendar *[data-v-342835bb],.b-calendar *[data-v-342835bb]:before,.b-calendar *[data-v-342835bb]:after{box-sizing:border-box}.b-calendar[data-v-342835bb] ::-webkit-scrollbar{height:14px;width:14px}.b-calendar[data-v-342835bb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-calendar__range[data-v-342835bb]{gap:var(--b-calendar-range-gap)}
|
package/dist/assets/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-card[data-v-
|
|
1
|
+
.b-card[data-v-5fb61a36]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius);display:flex;flex-direction:column}.b-card[data-v-5fb61a36],.b-card[data-v-5fb61a36]:before,.b-card[data-v-5fb61a36]:after{box-sizing:border-box}.b-card *[data-v-5fb61a36],.b-card *[data-v-5fb61a36]:before,.b-card *[data-v-5fb61a36]:after{box-sizing:border-box}.b-card[data-v-5fb61a36] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-5fb61a36] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-card--secondary[data-v-5fb61a36]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-5fb61a36]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-5fb61a36]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-5fb61a36]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-5fb61a36]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-5fb61a36]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-5fb61a36]:focus-visible{animation:outer-ring-default-5fb61a36 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-5fb61a36{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-5fb61a36]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-5fb61a36]{cursor:pointer}.b-card--expandable .b-card__header[data-v-5fb61a36]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-5fb61a36]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-5fb61a36]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-5fb61a36]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__wrapper[data-v-5fb61a36]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-5fb61a36]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-5fb61a36] img{width:100%}.b-card__image[data-v-5fb61a36] ::slotted(img){width:100%}.b-card__header[data-v-5fb61a36]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-5fb61a36]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-5fb61a36]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-5fb61a36]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-5fb61a36]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-5fb61a36]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-5fb61a36]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-5fb61a36]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-5fb61a36]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-5fb61a36]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-5fb61a36]{flex:1;padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-5fb61a36]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-5fb61a36]{padding-top:0}.b-card__description[data-v-5fb61a36]{color:var(--b-card-description-color)}.b-card__body[data-v-5fb61a36]{color:var(--b-card-body-color);display:flex;flex:1;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-5fb61a36]{margin-top:0}.b-card__body--expandable[data-v-5fb61a36]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-5fb61a36]{margin-top:auto}.b-card__actions--without-content[data-v-5fb61a36]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-5fb61a36]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-5fb61a36]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-5fb61a36]{animation:fade-in-ummjpit-5fb61a36 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-ummjpit-5fb61a36 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-ummjpit-5fb61a36 var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-ummjpit-5fb61a36{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ummjpit-5fb61a36{0%{scale:1}to{scale:1}}@keyframes enter-ummjpit-5fb61a36{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-5fb61a36]{animation:fade-out-ummjpji-5fb61a36 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-ummjpji-5fb61a36 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-ummjpji-5fb61a36 var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-ummjpji-5fb61a36{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ummjpji-5fb61a36{0%{scale:1}to{scale:1}}@keyframes exit-ummjpji-5fb61a36{0%{translate:0 0}to{translate:0 -8px}}
|