@adyen/bento-vue3 1.35.1 → 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/dist/@types/packages/core/src/components/checkbox/checkbox.types.d.ts +9 -0
- package/dist/@types/packages/{vue2/src/components/checkbox → core/src}/components/checkbox-group/checkbox-group.types.d.ts +1 -1
- package/dist/@types/packages/core/src/components/tag/tag.types.d.ts +14 -0
- package/dist/@types/packages/core/src/components/tooltip/tooltip.types.d.ts +11 -0
- package/dist/@types/packages/core/src/utils/ts/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +32 -195
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +58 -221
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/checkbox/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/code-snippet/code-snippet.vue.d.ts +20 -11
- package/dist/@types/packages/vue2/src/components/country/country.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/currency/currency.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts +10 -1
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +29 -2
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/date/date.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts +31 -4
- package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +41 -14
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +54 -18
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +5 -5
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +243 -400
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue.d.ts +49 -4
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +104 -32
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +216 -400
- package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/base-button/base-button.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/calendar.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/__test__/calendar-month-day-stub.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/checkbox-input/checkbox-input.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/checkbox-input/index.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue.d.ts +40 -193
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts +79 -386
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +118 -579
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/listbox-single-select-category.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts +166 -600
- package/dist/@types/packages/vue2/src/components/internal/radio-input/radio-input.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/tooltip/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/{tooltip → internal/tooltip}/tooltip.vue.d.ts +76 -67
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +36 -0
- package/dist/@types/packages/vue2/src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +18 -0
- package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +36 -0
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue.d.ts +20 -11
- package/dist/@types/packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue.d.ts +20 -11
- package/dist/@types/packages/vue2/src/components/pagination/pagination.vue.d.ts +40 -22
- package/dist/@types/packages/vue2/src/components/payment-method/payment-method.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/popover/components/popover-title/popover-title.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/selection-card/selection-card.types.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue.d.ts +24 -179
- package/dist/@types/packages/vue2/src/components/tabs/components/tab.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tabs/components/tab.vue.d.ts +15 -0
- package/dist/@types/packages/vue2/src/components/tabs/tabs.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tabs/tabs.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts +26 -219
- package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +35 -181
- package/dist/@types/packages/vue2/src/components/timeline/timeline.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts +10 -1
- package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts +8 -0
- package/dist/@types/packages/vue2/src/composables/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/install.d.ts +18 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.d.ts +2 -0
- package/dist/@types/packages/vue2/src/composables/use-bento-theme/use-bento-theme.types.d.ts +6 -0
- package/dist/@types/packages/vue2/src/directives/tooltip/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/directives/tooltip/tooltip.types.d.ts +0 -11
- package/dist/@types/packages/vue2/src/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/install.d.ts +2 -5
- 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/button.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-input.css +1 -1
- package/dist/assets/checkbox.css +1 -1
- package/dist/assets/code-snippet.css +1 -1
- package/dist/assets/dashboard-section.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/empty-state.css +1 -1
- package/dist/assets/error-message.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/info-icon.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/popper-container.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/assets/radio-input.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/tooltip.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 +3 -3
- package/dist/chunks/{accordion-item.C30QFxol.js → accordion-item.BTOF1iNR.js} +4 -4
- package/dist/chunks/accordion-item.BTOF1iNR.js.map +1 -0
- package/dist/chunks/{action-bar.5XBrXwYv.js → action-bar.CuisUSoa.js} +6 -6
- package/dist/chunks/{action-bar.5XBrXwYv.js.map → action-bar.CuisUSoa.js.map} +1 -1
- package/dist/chunks/{alert.BvSx_Bi7.js → alert.BTECwgk3.js} +3 -3
- package/dist/chunks/{alert.BvSx_Bi7.js.map → alert.BTECwgk3.js.map} +1 -1
- package/dist/chunks/{avatar.8erKxh8t.js → avatar.DqdDHXay.js} +2 -2
- package/dist/chunks/{avatar.8erKxh8t.js.map → avatar.DqdDHXay.js.map} +1 -1
- package/dist/chunks/{base-button.BxUrydaP.js → base-button.N4QTXNIp.js} +2 -2
- package/dist/chunks/{base-button.BxUrydaP.js.map → base-button.N4QTXNIp.js.map} +1 -1
- package/dist/chunks/{base-modal.BenvK-Np.js → base-modal.GY3twZI_.js} +7 -7
- package/dist/chunks/base-modal.GY3twZI_.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.CHOjMHpd.js → button-actions-with-menu.D0K6sGoU.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.CHOjMHpd.js.map → button-actions-with-menu.D0K6sGoU.js.map} +1 -1
- package/dist/chunks/{button-actions.DyI_dSvx.js → button-actions.DK09ba3B.js} +3 -3
- package/dist/chunks/{button-actions.DyI_dSvx.js.map → button-actions.DK09ba3B.js.map} +1 -1
- package/dist/chunks/{button.Br6CyG40.js → button.BJBAbiJq.js} +3 -3
- package/dist/chunks/{button.Br6CyG40.js.map → button.BJBAbiJq.js.map} +1 -1
- package/dist/chunks/{calendar.DzYaxc0M.js → calendar.CzrIJLEX.js} +59 -58
- package/dist/chunks/calendar.CzrIJLEX.js.map +1 -0
- package/dist/chunks/{card.Bt8jcp9I.js → card.Dd6y_Qwc.js} +5 -5
- package/dist/chunks/card.Dd6y_Qwc.js.map +1 -0
- package/dist/chunks/{checkbox-group.B0wngKi6.js → checkbox-group.8IN5S-BB.js} +7 -7
- package/dist/chunks/checkbox-group.8IN5S-BB.js.map +1 -0
- package/dist/chunks/{checkbox-input.JdcvpfTa.js → checkbox-input.B24-74ay.js} +20 -18
- package/dist/chunks/checkbox-input.B24-74ay.js.map +1 -0
- package/dist/chunks/{checkbox.Bk_jmkGe.js → checkbox.ZkvB_0XY.js} +7 -7
- package/dist/chunks/checkbox.ZkvB_0XY.js.map +1 -0
- package/dist/chunks/{code-snippet.1SigVnjS.js → code-snippet.D1Q8mX86.js} +10 -9
- package/dist/chunks/{code-snippet.1SigVnjS.js.map → code-snippet.D1Q8mX86.js.map} +1 -1
- package/dist/chunks/{controls-group.COc0kArc.js → controls-group.DBO4uV2t.js} +3 -3
- package/dist/chunks/{controls-group.COc0kArc.js.map → controls-group.DBO4uV2t.js.map} +1 -1
- package/dist/chunks/{copy.1-HH1fz5.js → copy.CJmwNFh_.js} +13 -12
- package/dist/chunks/{copy.1-HH1fz5.js.map → copy.CJmwNFh_.js.map} +1 -1
- package/dist/chunks/{country.CVI-oSer.js → country.O-bKmLZc.js} +2 -2
- package/dist/chunks/{country.CVI-oSer.js.map → country.O-bKmLZc.js.map} +1 -1
- package/dist/chunks/{currency.BdtY-UIM.js → currency.BGrGBnhm.js} +2 -2
- package/dist/chunks/{currency.BdtY-UIM.js.map → currency.BGrGBnhm.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BOrGKdY9.js → dashboard-section.hRVI8IAm.js} +3 -3
- package/dist/chunks/{dashboard-section.BOrGKdY9.js.map → dashboard-section.hRVI8IAm.js.map} +1 -1
- package/dist/chunks/{dashed-underline.BO4BuqUM.js → dashed-underline.BeGUM9AR.js} +23 -22
- package/dist/chunks/{dashed-underline.BO4BuqUM.js.map → dashed-underline.BeGUM9AR.js.map} +1 -1
- package/dist/chunks/{data-grid-template.O946JKTa.js → data-grid-template.DVfZY2QM.js} +3 -3
- package/dist/chunks/{data-grid-template.O946JKTa.js.map → data-grid-template.DVfZY2QM.js.map} +1 -1
- package/dist/chunks/{data-grid.Bv5TA_zR.js → data-grid.WQipkZ5D.js} +756 -754
- package/dist/chunks/data-grid.WQipkZ5D.js.map +1 -0
- package/dist/chunks/{date-picker.DvEPEMIM.js → date-picker.CjXqKx-6.js} +23 -22
- package/dist/chunks/date-picker.CjXqKx-6.js.map +1 -0
- package/dist/chunks/{date-range-picker.BLVlkkG_.js → date-range-picker.DT0bD7bx.js} +31 -30
- package/dist/chunks/{date-range-picker.BLVlkkG_.js.map → date-range-picker.DT0bD7bx.js.map} +1 -1
- package/dist/chunks/{date.CYUV4seY.js → date.Ddj3zcg0.js} +4 -3
- package/dist/chunks/{date.CYUV4seY.js.map → date.Ddj3zcg0.js.map} +1 -1
- package/dist/chunks/{dialog-page.DALFn9KR.js → dialog-page.D_Z9V5rz.js} +2 -2
- package/dist/chunks/{dialog-page.DALFn9KR.js.map → dialog-page.D_Z9V5rz.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.Bu4bpNGU.js → dropdown-default-textbox.CcRQ1f4U.js} +27 -27
- package/dist/chunks/dropdown-default-textbox.CcRQ1f4U.js.map +1 -0
- package/dist/chunks/{dropdown-tag.bpKWbC_O.js → dropdown-tag.Dm5QqVYj.js} +6 -6
- package/dist/chunks/{dropdown-tag.bpKWbC_O.js.map → dropdown-tag.Dm5QqVYj.js.map} +1 -1
- package/dist/chunks/{dropdown.rFZp3hMb.js → dropdown.DBRe0ttO.js} +62 -61
- package/dist/chunks/dropdown.DBRe0ttO.js.map +1 -0
- package/dist/chunks/{empty-state.CyEWCcDk.js → empty-state.B6_DdIft.js} +3 -3
- package/dist/chunks/{empty-state.CyEWCcDk.js.map → empty-state.B6_DdIft.js.map} +1 -1
- package/dist/chunks/{error-message.DblYEZ7E.js → error-message.BsCRxqJP.js} +3 -3
- package/dist/chunks/{error-message.DblYEZ7E.js.map → error-message.BsCRxqJP.js.map} +1 -1
- package/dist/chunks/es6.BvpG4Oi6.js.map +1 -1
- package/dist/chunks/events.FNmSWp_P.js +52 -0
- package/dist/chunks/events.FNmSWp_P.js.map +1 -0
- package/dist/chunks/{filter-bar.IN7gqxsc.js → filter-bar.8DrpM6NO.js} +27 -27
- package/dist/chunks/filter-bar.8DrpM6NO.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DwYB1pqo.js → fixed-scroller.Dk1hJcNA.js} +2 -2
- package/dist/chunks/{fixed-scroller.DwYB1pqo.js.map → fixed-scroller.Dk1hJcNA.js.map} +1 -1
- package/dist/chunks/{footer-actions.CyoMN_ca.js → footer-actions.CLD0Hyok.js} +4 -4
- package/dist/chunks/{footer-actions.CyoMN_ca.js.map → footer-actions.CLD0Hyok.js.map} +1 -1
- package/dist/chunks/{form-layout-title.Bi_3du_6.js → form-layout-title.BqaYHFxV.js} +3 -3
- package/dist/chunks/{form-layout-title.Bi_3du_6.js.map → form-layout-title.BqaYHFxV.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.Byd6jXl6.js → header.BwTpNk4U.js} +7 -7
- package/dist/chunks/{header.Byd6jXl6.js.map → header.BwTpNk4U.js.map} +1 -1
- package/dist/chunks/{info-icon.DIu8FeJC.js → info-icon.WGVkmqMM.js} +12 -12
- package/dist/chunks/info-icon.WGVkmqMM.js.map +1 -0
- package/dist/chunks/{input-field.CgS1AEGu.js → input-field.B6DTUBbZ.js} +6 -6
- package/dist/chunks/input-field.B6DTUBbZ.js.map +1 -0
- package/dist/chunks/{inspector.types.xpv2J9pJ.js → inspector.types.CKC5Fjz0.js} +5 -5
- package/dist/chunks/inspector.types.CKC5Fjz0.js.map +1 -0
- package/dist/chunks/{keyboard-navigation.Clz1jOaA.js → keyboard-navigation.C3QMVRKY.js} +2 -2
- package/dist/chunks/{keyboard-navigation.Clz1jOaA.js.map → keyboard-navigation.C3QMVRKY.js.map} +1 -1
- package/dist/chunks/{link.2YS7haGc.js → link.DdN8QuxV.js} +2 -2
- package/dist/chunks/{link.2YS7haGc.js.map → link.DdN8QuxV.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.QqDEHMKB.js → listbox-option-tag.58u_cWFs.js} +3 -3
- package/dist/chunks/{listbox-option-tag.QqDEHMKB.js.map → listbox-option-tag.58u_cWFs.js.map} +1 -1
- package/dist/chunks/{loading-button.Bntgn6Lk.js → loading-button.6hYlQMSl.js} +2 -2
- package/dist/chunks/{loading-button.Bntgn6Lk.js.map → loading-button.6hYlQMSl.js.map} +1 -1
- package/dist/chunks/{menu.BN5WGXw3.js → menu.C4805-Dq.js} +7 -7
- package/dist/chunks/{menu.BN5WGXw3.js.map → menu.C4805-Dq.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.zljoH4pr.js → modal-fullscreen.CuEg-noK.js} +7 -7
- package/dist/chunks/modal-fullscreen.CuEg-noK.js.map +1 -0
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.tT8umwqG.js → modal.vue_vue_type_script_setup_true_lang.2_gb7O_d.js} +6 -6
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.tT8umwqG.js.map → modal.vue_vue_type_script_setup_true_lang.2_gb7O_d.js.map} +1 -1
- package/dist/chunks/{pagination.BMn5ryDD.js → pagination.BZH-5145.js} +7 -7
- package/dist/chunks/pagination.BZH-5145.js.map +1 -0
- package/dist/chunks/{payment-method.-3VYG5ud.js → payment-method.Lwl-3chY.js} +2 -2
- package/dist/chunks/{payment-method.-3VYG5ud.js.map → payment-method.Lwl-3chY.js.map} +1 -1
- package/dist/chunks/{popover.pDk6zsak.js → popover.DgJtd7Yj.js} +8 -7
- package/dist/chunks/{popover.pDk6zsak.js.map → popover.DgJtd7Yj.js.map} +1 -1
- package/dist/chunks/{popper-container.DFpaesDm.js → popper-container.Cyf6zCPq.js} +361 -365
- package/dist/chunks/popper-container.Cyf6zCPq.js.map +1 -0
- package/dist/chunks/popper-container.types.BCZMbVFD.js +9 -0
- package/dist/chunks/popper-container.types.BCZMbVFD.js.map +1 -0
- package/dist/chunks/{radio-group.DUtoFXmr.js → radio-group.C1imRci1.js} +8 -8
- package/dist/chunks/radio-group.C1imRci1.js.map +1 -0
- package/dist/chunks/{search-bar.poJCoGD-.js → search-bar.DwKqXdMu.js} +40 -39
- package/dist/chunks/search-bar.DwKqXdMu.js.map +1 -0
- package/dist/chunks/{secondary-nav.Dyvd-YBg.js → secondary-nav.CXOWJcdc.js} +3 -3
- package/dist/chunks/{secondary-nav.Dyvd-YBg.js.map → secondary-nav.CXOWJcdc.js.map} +1 -1
- package/dist/chunks/{segmented-control.DbR5NYWR.js → segmented-control.CueLfseV.js} +8 -7
- package/dist/chunks/segmented-control.CueLfseV.js.map +1 -0
- package/dist/chunks/{selection-card-group.CHBS81j6.js → selection-card-group.GgDEa529.js} +23 -23
- package/dist/chunks/selection-card-group.GgDEa529.js.map +1 -0
- package/dist/chunks/{sidepanel.CuQCXV1E.js → sidepanel.C3DL5ZCV.js} +14 -14
- package/dist/chunks/sidepanel.C3DL5ZCV.js.map +1 -0
- package/dist/chunks/{status.types.r9TfZmvE.js → status.types.nTyHETSy.js} +2 -2
- package/dist/chunks/{status.types.r9TfZmvE.js.map → status.types.nTyHETSy.js.map} +1 -1
- package/dist/chunks/{step.ClnCjesW.js → step.DNhSkFAA.js} +31 -30
- package/dist/chunks/{step.ClnCjesW.js.map → step.DNhSkFAA.js.map} +1 -1
- package/dist/chunks/{structured-list-item.1A2sjhP4.js → structured-list-item.IwqvXP2Q.js} +11 -10
- package/dist/chunks/{structured-list-item.1A2sjhP4.js.map → structured-list-item.IwqvXP2Q.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.CuvUVoQ8.js → summary-grid-item-custom.BbN72bub.js} +5 -5
- package/dist/chunks/{summary-grid-item-custom.CuvUVoQ8.js.map → summary-grid-item-custom.BbN72bub.js.map} +1 -1
- package/dist/chunks/tabs.CV5s2cJq.js +211 -0
- package/dist/chunks/tabs.CV5s2cJq.js.map +1 -0
- package/dist/chunks/tag.wfnhGWVG.js +51 -0
- package/dist/chunks/tag.wfnhGWVG.js.map +1 -0
- package/dist/chunks/{textarea.CHnvON8G.js → textarea.DO0GBL6m.js} +19 -19
- package/dist/chunks/textarea.DO0GBL6m.js.map +1 -0
- package/dist/chunks/{timeline-item.Dc_l5Xyy.js → timeline-item.B7D-RsYN.js} +11 -11
- package/dist/chunks/{timeline-item.Dc_l5Xyy.js.map → timeline-item.B7D-RsYN.js.map} +1 -1
- package/dist/chunks/{toast.CIVPmwmU.js → toast.BaEY0X3c.js} +4 -4
- package/dist/chunks/{toast.CIVPmwmU.js.map → toast.BaEY0X3c.js.map} +1 -1
- package/dist/chunks/{toggle-button.CBRd1v6x.js → toggle-button.CX-FLsuq.js} +2 -2
- package/dist/chunks/{toggle-button.CBRd1v6x.js.map → toggle-button.CX-FLsuq.js.map} +1 -1
- package/dist/chunks/{toggle.8t4flh_3.js → toggle.Bme9eaeR.js} +4 -4
- package/dist/chunks/toggle.Bme9eaeR.js.map +1 -0
- package/dist/chunks/{tooltip.DvsfWV0-.js → tooltip.BEl_LdFo.js} +50 -51
- package/dist/chunks/tooltip.BEl_LdFo.js.map +1 -0
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.DdLmYCOe.js → tutorial.vue_vue_type_script_setup_true_lang.DKMxylGg.js} +9 -8
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.DdLmYCOe.js.map → tutorial.vue_vue_type_script_setup_true_lang.DKMxylGg.js.map} +1 -1
- package/dist/chunks/typography.DNzU41ah.js +82 -0
- package/dist/chunks/typography.DNzU41ah.js.map +1 -0
- package/dist/chunks/{use-bento-toast-controller.BDYlxAYq.js → use-bento-toast-controller.C2wUDcoc.js} +3 -3
- package/dist/chunks/use-bento-toast-controller.C2wUDcoc.js.map +1 -0
- package/dist/chunks/{use-cached-selected-values.CS3gHOyI.js → use-cached-selected-values.CX-a8FKd.js} +12 -11
- package/dist/chunks/{use-cached-selected-values.CS3gHOyI.js.map → use-cached-selected-values.CX-a8FKd.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 +21 -19
- package/dist/internal.js.map +1 -1
- 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/popper-container.js +5 -4
- package/dist/popper-container.js.map +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 +69 -7
- package/dist/styles/legacy.css +67 -5
- package/dist/styles/styleguide.css +69 -7
- 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 +1 -1
- package/package.json +3 -3
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.types.d.ts +0 -9
- package/dist/chunks/accordion-item.C30QFxol.js.map +0 -1
- package/dist/chunks/base-modal.BenvK-Np.js.map +0 -1
- package/dist/chunks/calendar.DzYaxc0M.js.map +0 -1
- package/dist/chunks/card.Bt8jcp9I.js.map +0 -1
- package/dist/chunks/checkbox-group.B0wngKi6.js.map +0 -1
- package/dist/chunks/checkbox-input.JdcvpfTa.js.map +0 -1
- package/dist/chunks/checkbox.Bk_jmkGe.js.map +0 -1
- package/dist/chunks/data-grid.Bv5TA_zR.js.map +0 -1
- package/dist/chunks/date-picker.DvEPEMIM.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.Bu4bpNGU.js.map +0 -1
- package/dist/chunks/dropdown.rFZp3hMb.js.map +0 -1
- package/dist/chunks/events.CMzGybJJ.js +0 -47
- package/dist/chunks/events.CMzGybJJ.js.map +0 -1
- package/dist/chunks/filter-bar.IN7gqxsc.js.map +0 -1
- package/dist/chunks/info-icon.DIu8FeJC.js.map +0 -1
- package/dist/chunks/input-field.CgS1AEGu.js.map +0 -1
- package/dist/chunks/inspector.types.xpv2J9pJ.js.map +0 -1
- package/dist/chunks/modal-fullscreen.zljoH4pr.js.map +0 -1
- package/dist/chunks/pagination.BMn5ryDD.js.map +0 -1
- package/dist/chunks/popper-container.DFpaesDm.js.map +0 -1
- package/dist/chunks/radio-group.DUtoFXmr.js.map +0 -1
- package/dist/chunks/search-bar.poJCoGD-.js.map +0 -1
- package/dist/chunks/segmented-control.DbR5NYWR.js.map +0 -1
- package/dist/chunks/selection-card-group.CHBS81j6.js.map +0 -1
- package/dist/chunks/sidepanel.CuQCXV1E.js.map +0 -1
- package/dist/chunks/tabs.xY_6yqmE.js +0 -185
- package/dist/chunks/tabs.xY_6yqmE.js.map +0 -1
- package/dist/chunks/tag.RYw4OhWk.js +0 -75
- package/dist/chunks/tag.RYw4OhWk.js.map +0 -1
- package/dist/chunks/textarea.CHnvON8G.js.map +0 -1
- package/dist/chunks/toggle.8t4flh_3.js.map +0 -1
- package/dist/chunks/tooltip.DvsfWV0-.js.map +0 -1
- package/dist/chunks/typography.z9P0Ec3Q.js +0 -72
- package/dist/chunks/typography.z9P0Ec3Q.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.BDYlxAYq.js.map +0 -1
- /package/dist/@types/packages/{vue2 → core}/src/components/internal/checkbox-input/checkbox-input.types.d.ts +0 -0
- /package/dist/@types/packages/{vue2/src/utils/ts/unique-id.d.ts → core/src/utils/ts/generate-uid.d.ts} +0 -0
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;
|
|
@@ -70,7 +71,7 @@
|
|
|
70
71
|
--b-textarea-min-width: 200px;
|
|
71
72
|
--b-tabs-notification-dot-width: 7px;
|
|
72
73
|
--b-tabs-notification-dot-height: 7px;
|
|
73
|
-
--b-tabs-tab-list-height:
|
|
74
|
+
--b-tabs-tab-list-height: 30px;
|
|
74
75
|
--b-stepper-step-index-height: 20px;
|
|
75
76
|
--b-stepper-step-index-width: 20px;
|
|
76
77
|
--b-stepper-max-width: 200px;
|
|
@@ -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);
|
|
@@ -551,6 +563,14 @@
|
|
|
551
563
|
--b-tag-padding: var(--b-spacer-010) var(--b-spacer-040);
|
|
552
564
|
--b-tabs-notification-dot-margin-left: var(--b-spacer-030);
|
|
553
565
|
--b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
|
|
566
|
+
--b-tabs-counter-hover-color: var(--b-color-label-primary);
|
|
567
|
+
--b-tabs-counter-disabled-color: var(--b-color-label-disabled);
|
|
568
|
+
--b-tabs-counter-active-color: var(--b-color-label-primary);
|
|
569
|
+
--b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
|
|
570
|
+
--b-tabs-counter-margin-left: var(--b-spacer-030);
|
|
571
|
+
--b-tabs-counter-color: var(--b-color-label-secondary);
|
|
572
|
+
--b-tabs-counter-border-radius: var(--b-border-radius-s);
|
|
573
|
+
--b-tabs-counter-background-color: var(--b-color-background-secondary);
|
|
554
574
|
--b-tabs-tab-underline-width: var(--b-spacer-080);
|
|
555
575
|
--b-tabs-tab-underline-height-active: var(--b-border-width-m);
|
|
556
576
|
--b-tabs-tab-underline-height: var(--b-border-width-s);
|
|
@@ -559,7 +579,8 @@
|
|
|
559
579
|
--b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
|
|
560
580
|
--b-tabs-tab-title-active-color: var(--b-color-label-primary);
|
|
561
581
|
--b-tabs-tab-title-color: var(--b-color-label-secondary);
|
|
562
|
-
--b-tabs-tab-
|
|
582
|
+
--b-tabs-tab-text-height: var(--b-spacer-090);
|
|
583
|
+
--b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
|
|
563
584
|
--b-tabs-tab-list-gap: var(--b-spacer-090);
|
|
564
585
|
--b-tabs-background-color: var(--b-color-background-primary);
|
|
565
586
|
--b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
|
|
@@ -572,6 +593,7 @@
|
|
|
572
593
|
--b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
|
|
573
594
|
--b-summary-grid-item-gap: var(--b-spacer-040);
|
|
574
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);
|
|
575
597
|
--b-summary-grid-item-border-radius: var(--b-border-radius-m);
|
|
576
598
|
--b-summary-grid-item-background-color: var(--b-color-background-secondary);
|
|
577
599
|
--b-summary-grid-gap: var(--b-spacer-040);
|
|
@@ -621,14 +643,18 @@
|
|
|
621
643
|
--b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
|
|
622
644
|
--b-status-indicator-green-background-color: var(--b-color-decorative-green);
|
|
623
645
|
--b-status-indicator-blue-background-color: var(--b-color-decorative-blue);
|
|
646
|
+
--b-status-color: var(--b-color-label-primary);
|
|
624
647
|
--b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
|
|
625
648
|
--b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
626
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);
|
|
627
651
|
--b-sidepanel-page-actions-background-color: var(--b-color-background-modal);
|
|
628
652
|
--b-sidepanel-page-content-padding: 0 var(--b-spacer-090);
|
|
653
|
+
--b-sidepanel-page-content-color: var(--b-color-label-primary);
|
|
629
654
|
--b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
630
655
|
--b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);
|
|
631
656
|
--b-sidepanel-page-header-gap: var(--b-spacer-060);
|
|
657
|
+
--b-sidepanel-page-header-color: var(--b-color-label-primary);
|
|
632
658
|
--b-sidepanel-page-header-background-color: var(--b-color-background-modal);
|
|
633
659
|
--b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
|
|
634
660
|
--b-sidepanel-animation-duration: var(--b-animation-duration-slow);
|
|
@@ -658,6 +684,7 @@
|
|
|
658
684
|
--b-selection-card-container-content-gap: var(--b-spacer-060);
|
|
659
685
|
--b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
|
|
660
686
|
--b-selection-card-container-gap: var(--b-spacer-060);
|
|
687
|
+
--b-selection-card-container-color: var(--b-color-label-primary);
|
|
661
688
|
--b-selection-card-container-border-radius: var(--b-border-radius-l);
|
|
662
689
|
--b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
663
690
|
--b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
|
|
@@ -774,6 +801,7 @@
|
|
|
774
801
|
--b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
|
|
775
802
|
--b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
|
|
776
803
|
--b-popover-z-index: 5;
|
|
804
|
+
--b-popover-color: var(--b-color-label-primary);
|
|
777
805
|
--b-popover-box-shadow: var(--b-shadow-medium-border);
|
|
778
806
|
--b-popover-border-radius: var(--b-border-radius-m);
|
|
779
807
|
--b-popover-background-color: var(--b-color-background-modal);
|
|
@@ -787,6 +815,7 @@
|
|
|
787
815
|
--b-pagination-controls-gap: var(--b-spacer-070);
|
|
788
816
|
--b-pagination-context-margin: 0 var(--b-spacer-060);
|
|
789
817
|
--b-pagination-navigation-small-container-gap: var(--b-spacer-050);
|
|
818
|
+
--b-pagination-color: var(--b-color-label-primary);
|
|
790
819
|
--b-modal-animation-duration: var(--b-animation-duration-moderate);
|
|
791
820
|
--b-modal-backdrop-background-color: var(--b-color-support-overlay);
|
|
792
821
|
--b-modal-close-button-z-index: 1;
|
|
@@ -799,8 +828,9 @@
|
|
|
799
828
|
--b-modal-content-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
800
829
|
--b-modal-container-column-layout-padding: var(--b-spacer-090);
|
|
801
830
|
--b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-separator-primary);
|
|
802
|
-
--b-modal-container-background-color: var(--b-color-background-
|
|
831
|
+
--b-modal-container-background-color: var(--b-color-background-modal);
|
|
803
832
|
--b-modal-container-gap: var(--b-spacer-070);
|
|
833
|
+
--b-modal-container-color: var(--b-color-label-primary);
|
|
804
834
|
--b-modal-padding: var(--b-spacer-000);
|
|
805
835
|
--b-modal-border-radius: var(--b-border-radius-l);
|
|
806
836
|
--b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
|
|
@@ -931,6 +961,7 @@
|
|
|
931
961
|
--b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
|
|
932
962
|
--b-listbox-empty-search-message-color: var(--b-color-label-secondary);
|
|
933
963
|
--b-listbox-padding: var(--b-spacer-040) 0;
|
|
964
|
+
--b-listbox-color: var(--b-color-label-primary);
|
|
934
965
|
--b-listbox-background-color: var(--b-color-background-modal);
|
|
935
966
|
--b-link-data-grid-active-color: var(--b-color-link-primary);
|
|
936
967
|
--b-link-data-grid-hover-color: var(--b-color-link-primary);
|
|
@@ -950,10 +981,11 @@
|
|
|
950
981
|
--b-inspector-icons-gap: var(--b-spacer-050);
|
|
951
982
|
--b-inspector-header-gap: var(--b-spacer-060);
|
|
952
983
|
--b-inspector-header-padding-bottom: var(--b-spacer-070);
|
|
984
|
+
--b-inspector-header-color: var(--b-color-label-primary);
|
|
953
985
|
--b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
954
986
|
--b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
|
|
955
987
|
--b-inspector-container-wrapper-z-index: 5;
|
|
956
|
-
--b-inspector-container-wrapper-background-color: var(--b-color-background-
|
|
988
|
+
--b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
|
|
957
989
|
--b-input-field-error-message-margin-top: var(--b-spacer-040);
|
|
958
990
|
--b-input-field-description-padding: var(--b-spacer-000);
|
|
959
991
|
--b-input-field-description-margin-top: var(--b-spacer-040);
|
|
@@ -1021,6 +1053,7 @@
|
|
|
1021
1053
|
--b-input-field-label-requirement-color: var(--b-color-label-secondary);
|
|
1022
1054
|
--b-input-field-label-margin-bottom: var(--b-spacer-040);
|
|
1023
1055
|
--b-input-field-label-color: var(--b-color-label-primary);
|
|
1056
|
+
--b-info-icon-color: var(--b-color-label-primary);
|
|
1024
1057
|
--b-header-component-title-margin-top: var(--b-spacer-020);
|
|
1025
1058
|
--b-header-actions-margin-top: var(--b-spacer-070);
|
|
1026
1059
|
--b-header-timestamp-margin-block: var(--b-spacer-020);
|
|
@@ -1033,6 +1066,7 @@
|
|
|
1033
1066
|
--b-header-wrapper-gap: var(--b-spacer-110);
|
|
1034
1067
|
--b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
|
|
1035
1068
|
--b-form-layout-title-description-color: var(--b-color-label-secondary);
|
|
1069
|
+
--b-form-layout-title-color: var(--b-color-label-primary);
|
|
1036
1070
|
--b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
|
|
1037
1071
|
--b-form-layout-group-gap: var(--b-spacer-080);
|
|
1038
1072
|
--b-form-layout-field-tip-gap: var(--b-spacer-060);
|
|
@@ -1048,11 +1082,12 @@
|
|
|
1048
1082
|
--b-fixed-scroller-left-background: linear-gradient(90deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
|
|
1049
1083
|
--b-fixed-scroller-content-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-standard);
|
|
1050
1084
|
--b-fixed-scroller-button-margin-top: var(--b-spacer-020);
|
|
1051
|
-
--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);
|
|
1052
1086
|
--b-filter-button-modal-hover-color: var(--b-color-label-primary);
|
|
1053
|
-
--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);
|
|
1054
1088
|
--b-filter-button-modal-focus-background-color: var(--b-color-background-primary-active);
|
|
1055
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);
|
|
1056
1091
|
--b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
|
|
1057
1092
|
--b-filter-button-hover-background-color: var(--b-color-background-primary-hover);
|
|
1058
1093
|
--b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
|
|
@@ -1152,6 +1187,7 @@
|
|
|
1152
1187
|
--b-empty-state-details-margin-bottom: var(--b-spacer-070);
|
|
1153
1188
|
--b-empty-state-details-color: var(--b-color-label-secondary);
|
|
1154
1189
|
--b-empty-state-title-margin-bottom: var(--b-spacer-020);
|
|
1190
|
+
--b-empty-state-title-color: var(--b-color-label-primary);
|
|
1155
1191
|
--b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
|
|
1156
1192
|
--b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
|
|
1157
1193
|
--b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
|
|
@@ -1216,6 +1252,8 @@
|
|
|
1216
1252
|
--b-dialog-page-back-button-padding-left: var(--b-spacer-090);
|
|
1217
1253
|
--b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1218
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);
|
|
1219
1257
|
--b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
|
|
1220
1258
|
--b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
|
|
1221
1259
|
--b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
|
|
@@ -1261,6 +1299,7 @@
|
|
|
1261
1299
|
--b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
|
|
1262
1300
|
--b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
|
|
1263
1301
|
--b-data-grid-config-settings-z-index: 4;
|
|
1302
|
+
--b-data-grid-config-settings-color: var(--b-color-label-primary);
|
|
1264
1303
|
--b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
|
|
1265
1304
|
--b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
|
|
1266
1305
|
--b-data-grid-filters-focus-within-z-index: 3;
|
|
@@ -1287,7 +1326,7 @@
|
|
|
1287
1326
|
--b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
|
|
1288
1327
|
--b-data-grid-cell-actions-gap: var(--b-spacer-040);
|
|
1289
1328
|
--b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
|
|
1290
|
-
--b-data-grid-cell-actions-background-gradient-background:
|
|
1329
|
+
--b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
|
|
1291
1330
|
--b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
|
|
1292
1331
|
--b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
|
|
1293
1332
|
--b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
|
|
@@ -1396,6 +1435,7 @@
|
|
|
1396
1435
|
--b-code-snippet-code-area-border-width: var(--b-border-width-s);
|
|
1397
1436
|
--b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
|
|
1398
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);
|
|
1399
1439
|
--b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
|
|
1400
1440
|
--b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
|
|
1401
1441
|
--b-code-snippet-language-picker-background-color: var(--b-color-background-primary);
|
|
@@ -1403,6 +1443,7 @@
|
|
|
1403
1443
|
--b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
|
|
1404
1444
|
--b-code-snippet-action-bar-gap: var(--b-spacer-040);
|
|
1405
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);
|
|
1406
1447
|
--b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
|
|
1407
1448
|
--b-checkbox-input-container-padding: var(--b-spacer-010) 0;
|
|
1408
1449
|
--b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
|
|
@@ -1514,6 +1555,7 @@
|
|
|
1514
1555
|
--b-card-body-expandable-padding-top: var(--b-spacer-060);
|
|
1515
1556
|
--b-card-body-padding-top: var(--b-spacer-020);
|
|
1516
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);
|
|
1517
1559
|
--b-card-header-focus-background-color: var(--b-color-background-primary-hover);
|
|
1518
1560
|
--b-card-header-active-background-color: var(--b-color-background-primary-active);
|
|
1519
1561
|
--b-card-header-hover-background-color: var(--b-color-background-primary-hover);
|
|
@@ -1528,6 +1570,7 @@
|
|
|
1528
1570
|
--b-card-background-color: var(--b-color-background-primary);
|
|
1529
1571
|
--b-calendar-month-day-unselected-active-background: var(--b-color-background-primary-active);
|
|
1530
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);
|
|
1531
1574
|
--b-calendar-month-day-selected-active-background: var(--b-color-background-inverse-primary-active);
|
|
1532
1575
|
--b-calendar-month-day-selected-hover-background: var(--b-color-background-inverse-primary-hover);
|
|
1533
1576
|
--b-calendar-month-day-selected-color: var(--b-color-label-inverse-primary);
|
|
@@ -1547,6 +1590,7 @@
|
|
|
1547
1590
|
--b-calendar-month-day-current-day-selected-color: var(--b-color-label-primary);
|
|
1548
1591
|
--b-calendar-month-day-beginning-border-radius: var(--b-border-radius-s) 0 0 var(--b-border-radius-s);
|
|
1549
1592
|
--b-calendar-month-month-selector-margin-bottom: var(--b-spacer-090);
|
|
1593
|
+
--b-calendar-month-month-selector-color: var(--b-color-label-primary);
|
|
1550
1594
|
--b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
|
|
1551
1595
|
--b-calendar-month-day-of-the-week-color: var(--b-color-label-secondary);
|
|
1552
1596
|
--b-calendar-range-gap: var(--b-spacer-090);
|
|
@@ -1742,6 +1786,24 @@
|
|
|
1742
1786
|
--b-accordion-item-button-color: var(--b-color-label-primary);
|
|
1743
1787
|
--b-accordion-item-border: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1744
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;
|
|
1745
1807
|
--b-focus-ring-outline: var(--b-border-width-l);
|
|
1746
1808
|
--b-focus-ring-spacer: var(--b-border-width-s);
|
|
1747
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);
|
|
@@ -583,13 +592,22 @@
|
|
|
583
592
|
--b-tag-padding: 0 var(--b-spacer-040);
|
|
584
593
|
--b-tabs-notification-dot-margin-left: var(--b-spacer-030);
|
|
585
594
|
--b-tabs-notification-dot-background-color: var(--b-color-background-highlight-strong);
|
|
595
|
+
--b-tabs-counter-hover-color: var(--b-color-label-primary);
|
|
596
|
+
--b-tabs-counter-disabled-color: var(--b-color-label-disabled);
|
|
597
|
+
--b-tabs-counter-active-color: var(--b-color-label-primary);
|
|
598
|
+
--b-tabs-counter-padding: var(--b-spacer-010) var(--b-spacer-020);
|
|
599
|
+
--b-tabs-counter-margin-left: var(--b-spacer-030);
|
|
600
|
+
--b-tabs-counter-color: var(--b-color-label-secondary);
|
|
601
|
+
--b-tabs-counter-border-radius: var(--b-border-radius-s);
|
|
602
|
+
--b-tabs-counter-background-color: var(--b-color-background-secondary);
|
|
586
603
|
--b-tabs-tab-underline-width: var(--b-spacer-080);
|
|
587
604
|
--b-tabs-tab-underline-color: var(--b-color-outline-primary-active);
|
|
588
605
|
--b-tabs-tab-title-hover-color: var(--b-color-label-primary);
|
|
589
606
|
--b-tabs-tab-title-disabled-color: var(--b-color-label-disabled);
|
|
590
607
|
--b-tabs-tab-title-active-color: var(--b-color-label-primary);
|
|
591
608
|
--b-tabs-tab-title-color: var(--b-color-label-secondary);
|
|
592
|
-
--b-tabs-tab-
|
|
609
|
+
--b-tabs-tab-text-height: var(--b-spacer-090);
|
|
610
|
+
--b-tabs-tab-text-border-radius: var(--b-border-radius-xs);
|
|
593
611
|
--b-tabs-tab-list-gap: var(--b-spacer-090);
|
|
594
612
|
--b-summary-grid-item-amount-secondary-label-padding-left: var(--b-spacer-020);
|
|
595
613
|
--b-summary-grid-item-content-trend-margin-left: var(--b-spacer-040);
|
|
@@ -600,6 +618,7 @@
|
|
|
600
618
|
--b-summary-grid-item-header-margin-bottom: var(--b-spacer-020);
|
|
601
619
|
--b-summary-grid-item-gap: var(--b-spacer-040);
|
|
602
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);
|
|
603
622
|
--b-summary-grid-item-border-radius: var(--b-border-radius-m);
|
|
604
623
|
--b-summary-grid-gap: var(--b-spacer-060);
|
|
605
624
|
--b-structured-list-item-icon-margin: var(--b-spacer-010);
|
|
@@ -647,15 +666,19 @@
|
|
|
647
666
|
--b-status-indicator-grey-background-color: var(--b-color-decorative-grey);
|
|
648
667
|
--b-status-indicator-green-background-color: var(--b-color-green-40);
|
|
649
668
|
--b-status-indicator-blue-background-color: var(--b-color-blue-40);
|
|
669
|
+
--b-status-color: var(--b-color-label-primary);
|
|
650
670
|
--b-sidepanel-page-animation-duration: var(--b-animation-duration-moderate);
|
|
651
671
|
--b-sidepanel-page-actions-with-border-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
652
672
|
--b-sidepanel-page-actions-border-top: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
653
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);
|
|
654
675
|
--b-sidepanel-page-content-padding: 0 var(--b-spacer-110);
|
|
676
|
+
--b-sidepanel-page-content-color: var(--b-color-label-primary);
|
|
655
677
|
--b-sidepanel-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
656
678
|
--b-sidepanel-page-header-border-bottom: var(--b-border-width-s) solid var(--b-color-grey-20);
|
|
657
679
|
--b-sidepanel-page-header-padding: var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-110);
|
|
658
680
|
--b-sidepanel-page-header-gap: var(--b-spacer-060);
|
|
681
|
+
--b-sidepanel-page-header-color: var(--b-color-label-primary);
|
|
659
682
|
--b-sidepanel-page-header-background-color: var(--b-color-grey-10);
|
|
660
683
|
--b-sidepanel-backdrop-background-color: var(--b-color-support-overlay);
|
|
661
684
|
--b-sidepanel-animation-duration: var(--b-animation-duration-slow);
|
|
@@ -671,6 +694,7 @@
|
|
|
671
694
|
--b-selection-card-container-content-gap: var(--b-spacer-060);
|
|
672
695
|
--b-selection-card-container-padding: var(--b-spacer-060) var(--b-spacer-070);
|
|
673
696
|
--b-selection-card-container-gap: var(--b-spacer-060);
|
|
697
|
+
--b-selection-card-container-color: var(--b-color-label-primary);
|
|
674
698
|
--b-selection-card-container-border-radius: var(--b-border-radius-l);
|
|
675
699
|
--b-selection-card-container-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
676
700
|
--b-selection-card-group-error-message-margin-top: var(--b-spacer-060);
|
|
@@ -751,6 +775,7 @@
|
|
|
751
775
|
--b-popover-with-divider-footer-padding-top: var(--b-spacer-060);
|
|
752
776
|
--b-popover-with-divider-footer-border-top: var(--b-border-width-s) solid var(--b-color-separator-primary);
|
|
753
777
|
--b-popover-z-index: 5;
|
|
778
|
+
--b-popover-color: var(--b-color-label-primary);
|
|
754
779
|
--b-popover-border-radius: var(--b-border-radius-s);
|
|
755
780
|
--b-popover-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
756
781
|
--b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
|
|
@@ -763,6 +788,7 @@
|
|
|
763
788
|
--b-pagination-controls-gap: var(--b-spacer-070);
|
|
764
789
|
--b-pagination-context-margin: 0 var(--b-spacer-060);
|
|
765
790
|
--b-pagination-navigation-small-container-gap: var(--b-spacer-050);
|
|
791
|
+
--b-pagination-color: var(--b-color-label-primary);
|
|
766
792
|
--b-modal-wrapper-gap: var(--b-spacer-090);
|
|
767
793
|
--b-modal-wrapper-padding: var(--b-spacer-090);
|
|
768
794
|
--b-modal-animation-duration: var(--b-animation-duration-moderate);
|
|
@@ -777,6 +803,7 @@
|
|
|
777
803
|
--b-modal-container-column-layout-padding: var(--b-spacer-090);
|
|
778
804
|
--b-modal-container-column-layout-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
|
|
779
805
|
--b-modal-container-gap: var(--b-spacer-070);
|
|
806
|
+
--b-modal-container-color: var(--b-color-label-primary);
|
|
780
807
|
--b-modal-padding: var(--b-spacer-000);
|
|
781
808
|
--b-modal-border-radius: var(--b-border-radius-l);
|
|
782
809
|
--b-modal-fullscreen-animation-duration: var(--b-animation-duration-moderate);
|
|
@@ -891,6 +918,7 @@
|
|
|
891
918
|
--b-listbox-empty-search-message-padding: var(--b-spacer-040) var(--b-spacer-070);
|
|
892
919
|
--b-listbox-empty-search-message-color: var(--b-color-label-secondary);
|
|
893
920
|
--b-listbox-padding: var(--b-spacer-000);
|
|
921
|
+
--b-listbox-color: var(--b-color-label-primary);
|
|
894
922
|
--b-link-data-grid-active-color: var(--b-color-link-primary);
|
|
895
923
|
--b-link-data-grid-hover-color: var(--b-color-link-primary);
|
|
896
924
|
--b-link-data-grid-text-decoration-color: var(--b-color-outline-secondary);
|
|
@@ -903,6 +931,7 @@
|
|
|
903
931
|
--b-inspector-icons-gap: var(--b-spacer-050);
|
|
904
932
|
--b-inspector-header-gap: var(--b-spacer-060);
|
|
905
933
|
--b-inspector-header-padding-bottom: var(--b-spacer-070);
|
|
934
|
+
--b-inspector-header-color: var(--b-color-label-primary);
|
|
906
935
|
--b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
|
|
907
936
|
--b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
|
|
908
937
|
--b-inspector-container-wrapper-z-index: 5;
|
|
@@ -969,6 +998,7 @@
|
|
|
969
998
|
--b-input-field-label-requirement-color: var(--b-color-label-secondary);
|
|
970
999
|
--b-input-field-label-margin-bottom: var(--b-spacer-040);
|
|
971
1000
|
--b-input-field-label-color: var(--b-color-label-primary);
|
|
1001
|
+
--b-info-icon-color: var(--b-color-label-primary);
|
|
972
1002
|
--b-header-component-title-margin-top: var(--b-spacer-020);
|
|
973
1003
|
--b-header-actions-margin-top: var(--b-spacer-070);
|
|
974
1004
|
--b-header-timestamp-margin-block: var(--b-spacer-020);
|
|
@@ -981,6 +1011,7 @@
|
|
|
981
1011
|
--b-header-wrapper-gap: var(--b-spacer-110);
|
|
982
1012
|
--b-form-layout-title-subsection-margin-top: var(--b-spacer-080);
|
|
983
1013
|
--b-form-layout-title-description-color: var(--b-color-label-secondary);
|
|
1014
|
+
--b-form-layout-title-color: var(--b-color-label-primary);
|
|
984
1015
|
--b-form-layout-group-s-and-up-column-gap: var(--b-spacer-050);
|
|
985
1016
|
--b-form-layout-group-gap: var(--b-spacer-080);
|
|
986
1017
|
--b-form-layout-field-tip-gap: var(--b-spacer-060);
|
|
@@ -998,7 +1029,6 @@
|
|
|
998
1029
|
--b-filter-button-modal-disabled-counter-background-color: var(--b-color-grey-30);
|
|
999
1030
|
--b-filter-button-modal-disabled-color: var(--b-color-grey-30);
|
|
1000
1031
|
--b-filter-button-modal-disabled-background-color: var(--b-color-white);
|
|
1001
|
-
--b-filter-button-modal-border-radius: var(--b-border-radius-s);
|
|
1002
1032
|
--b-filter-button-modal-open-background-color: var(--b-color-blue-10);
|
|
1003
1033
|
--b-filter-button-modal-hover-color: var(--b-color-label-primary);
|
|
1004
1034
|
--b-filter-button-modal-hover-background-color: var(--b-color-white);
|
|
@@ -1007,6 +1037,7 @@
|
|
|
1007
1037
|
--b-filter-button-modal-counter-color: var(--b-color-white);
|
|
1008
1038
|
--b-filter-button-modal-counter-background-color: var(--b-color-blue-40);
|
|
1009
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);
|
|
1010
1041
|
--b-filter-button-hover-text-color: var(--b-color-label-primary-hover);
|
|
1011
1042
|
--b-filter-button-hover-background-color: var(--b-color-white);
|
|
1012
1043
|
--b-filter-button-counter-hover-background-color: var(--b-color-background-tertiary-hover);
|
|
@@ -1114,6 +1145,7 @@
|
|
|
1114
1145
|
--b-empty-state-details-margin-bottom: var(--b-spacer-070);
|
|
1115
1146
|
--b-empty-state-details-color: var(--b-color-label-secondary);
|
|
1116
1147
|
--b-empty-state-title-margin-bottom: var(--b-spacer-020);
|
|
1148
|
+
--b-empty-state-title-color: var(--b-color-label-primary);
|
|
1117
1149
|
--b-dropdown-small-textbox-base-textbox-gap: var(--b-spacer-010);
|
|
1118
1150
|
--b-dropdown-small-textbox-additional-items-margin: 0 0 0 var(--b-spacer-060);
|
|
1119
1151
|
--b-dropdown-small-textbox-additional-items-padding: var(--b-spacer-020) var(--b-spacer-030);
|
|
@@ -1174,8 +1206,10 @@
|
|
|
1174
1206
|
--b-dialog-page-back-button-padding-left: var(--b-spacer-090);
|
|
1175
1207
|
--b-dialog-page-header-with-border-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
|
|
1176
1208
|
--b-dialog-page-border-radius: var(--b-border-radius-l);
|
|
1209
|
+
--b-date-color: var(--b-color-label-primary);
|
|
1177
1210
|
--b-date-range-picker-container-border-radius: var(--b-border-radius-s);
|
|
1178
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);
|
|
1179
1213
|
--b-date-range-picker-calendar-form-input-wrapper-gap: var(--b-spacer-050);
|
|
1180
1214
|
--b-date-range-picker-calendar-form-input-padding-top: var(--b-spacer-040);
|
|
1181
1215
|
--b-date-range-picker-calendar-form-date-format-example-color: var(--b-color-label-secondary);
|
|
@@ -1223,6 +1257,7 @@
|
|
|
1223
1257
|
--b-data-grid-config-settings-button-and-separator-padding: var(--b-spacer-070) 0;
|
|
1224
1258
|
--b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-white);
|
|
1225
1259
|
--b-data-grid-config-settings-z-index: 4;
|
|
1260
|
+
--b-data-grid-config-settings-color: var(--b-color-label-primary);
|
|
1226
1261
|
--b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
|
|
1227
1262
|
--b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
|
|
1228
1263
|
--b-data-grid-filters-focus-within-z-index: 3;
|
|
@@ -1245,7 +1280,7 @@
|
|
|
1245
1280
|
--b-data-grid-cell-actions-padding: 0 var(--b-spacer-070) 0 0;
|
|
1246
1281
|
--b-data-grid-cell-actions-gap: var(--b-spacer-040);
|
|
1247
1282
|
--b-data-grid-cell-actions-background-gradient-width: var(--b-spacer-100);
|
|
1248
|
-
--b-data-grid-cell-actions-background-gradient-background:
|
|
1283
|
+
--b-data-grid-cell-actions-background-gradient-background: var(--b-gradient-data-grid-hover);
|
|
1249
1284
|
--b-data-grid-cell-actions-animation-duration: var(--b-animation-duration-fast);
|
|
1250
1285
|
--b-data-grid-cell-condensed-column-hovered-padding: var(--b-spacer-030) 14px;
|
|
1251
1286
|
--b-data-grid-cell-condensed-padding: var(--b-spacer-030) 15px;
|
|
@@ -1345,12 +1380,14 @@
|
|
|
1345
1380
|
--b-code-snippet-code-area-border-width: var(--b-border-width-s);
|
|
1346
1381
|
--b-code-snippet-code-area-border-radius: 0 0 var(--b-border-radius-m) var(--b-border-radius-m);
|
|
1347
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);
|
|
1348
1384
|
--b-code-snippet-code-area-background-color: var(--b-color-background-secondary);
|
|
1349
1385
|
--b-code-snippet-action-button-padding: 0 var(--b-spacer-020) 0 var(--b-spacer-020);
|
|
1350
1386
|
--b-code-snippet-action-bar-border-radius: var(--b-border-radius-m) var(--b-border-radius-m) 0 0;
|
|
1351
1387
|
--b-code-snippet-action-bar-border: 0 solid var(--b-color-outline-primary);
|
|
1352
1388
|
--b-code-snippet-action-bar-gap: var(--b-spacer-040);
|
|
1353
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);
|
|
1354
1391
|
--b-code-snippet-action-bar-background-color: var(--b-color-background-tertiary);
|
|
1355
1392
|
--b-checkbox-input-container-padding: var(--b-spacer-010) 0;
|
|
1356
1393
|
--b-checkbox-label-requirement-margin: 0 0 0 var(--b-spacer-020);
|
|
@@ -1412,6 +1449,7 @@
|
|
|
1412
1449
|
--b-card-body-expandable-padding-top: var(--b-spacer-060);
|
|
1413
1450
|
--b-card-body-padding-top: var(--b-spacer-020);
|
|
1414
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);
|
|
1415
1453
|
--b-card-header-focus-background-color: var(--b-color-background-primary-hover);
|
|
1416
1454
|
--b-card-header-active-background-color: var(--b-color-background-primary-active);
|
|
1417
1455
|
--b-card-header-hover-background-color: var(--b-color-white);
|
|
@@ -1423,12 +1461,14 @@
|
|
|
1423
1461
|
--b-card-border-width: var(--b-border-width-s);
|
|
1424
1462
|
--b-card-border-radius: var(--b-border-radius-s);
|
|
1425
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);
|
|
1426
1465
|
--b-calendar-month-day-end-after-z-index: 2;
|
|
1427
1466
|
--b-calendar-month-day-disabled-unselected-color: var(--b-color-label-disabled);
|
|
1428
1467
|
--b-calendar-month-day-disabled-selected-background: var(--b-color-background-disabled);
|
|
1429
1468
|
--b-calendar-month-day-disabled-selected-color: var(--b-color-label-disabled);
|
|
1430
1469
|
--b-calendar-month-day-beginning-after-z-index: 2;
|
|
1431
1470
|
--b-calendar-month-month-selector-margin-bottom: var(--b-spacer-070);
|
|
1471
|
+
--b-calendar-month-month-selector-color: var(--b-color-label-primary);
|
|
1432
1472
|
--b-calendar-month-day-of-the-week-padding-bottom: var(--b-spacer-030);
|
|
1433
1473
|
--b-calendar-range-gap: var(--b-spacer-090);
|
|
1434
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));
|
|
@@ -1627,6 +1667,26 @@
|
|
|
1627
1667
|
--b-text-caption-font-weight: var(--b-font-weight-400);
|
|
1628
1668
|
--b-text-caption-font-size: var(--b-font-size-13);
|
|
1629
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;
|
|
1630
1690
|
--b-focus-ring-outline: var(--b-border-width-l);
|
|
1631
1691
|
--b-focus-ring-spacer: var(--b-border-width-s);
|
|
1632
1692
|
--b-focus-ring-color: var(--b-color-focus);
|
|
@@ -1691,6 +1751,7 @@
|
|
|
1691
1751
|
--b-toggle-handle-background-color: var(--b-color-neutral-0);
|
|
1692
1752
|
--b-toggle-button-tertiary-hover-color-inverse: var(--b-color-label-inverse-primary);
|
|
1693
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);
|
|
1694
1755
|
--b-tag-white-background-color: var(--b-color-background-primary);
|
|
1695
1756
|
--b-tag-red-background-color: var(--b-color-error-10);
|
|
1696
1757
|
--b-tag-red-color: var(--b-color-error-60);
|
|
@@ -1761,7 +1822,7 @@
|
|
|
1761
1822
|
--b-popover-dismiss-button-on-image-icon-hovered-color: var(--b-color-label-inverse-primary);
|
|
1762
1823
|
--b-popover-dismiss-button-on-image-icon-color: var(--b-color-label-inverse-primary);
|
|
1763
1824
|
--b-popover-background-color: var(--b-color-background-modal);
|
|
1764
|
-
--b-modal-container-background-color: var(--b-color-background-
|
|
1825
|
+
--b-modal-container-background-color: var(--b-color-background-modal);
|
|
1765
1826
|
--b-modal-fullscreen-background-color: var(--b-color-background-primary);
|
|
1766
1827
|
--b-menu-submenu-background-color: var(--b-color-background-modal);
|
|
1767
1828
|
--b-menu-item-list-background-color: var(--b-color-background-modal);
|
|
@@ -1789,11 +1850,12 @@
|
|
|
1789
1850
|
--b-link-active-color: var(--b-color-primary-40);
|
|
1790
1851
|
--b-link-hover-color: var(--b-color-primary-40);
|
|
1791
1852
|
--b-link-color: var(--b-color-primary-40);
|
|
1792
|
-
--b-inspector-container-wrapper-background-color: var(--b-color-background-
|
|
1853
|
+
--b-inspector-container-wrapper-background-color: var(--b-color-background-primary);
|
|
1793
1854
|
--b-input-field-input-font-size: var(--b-text-body-font-size);
|
|
1794
1855
|
--b-input-field-input-box-background-color: var(--b-color-background-primary);
|
|
1795
1856
|
--b-fixed-scroller-right-background: linear-gradient(270deg, var(--b-color-background-primary) 75%, rgba(255, 255, 255, 0) 100%);
|
|
1796
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);
|
|
1797
1859
|
--b-filter-button-background-color: var(--b-color-background-primary);
|
|
1798
1860
|
--b-filter-bar-all-filters-modal-filters-title-color: var(--b-color-neutral-70);
|
|
1799
1861
|
--b-filter-bar-persistent-filters-border-color: var(--b-color-neutral-10);
|