fundamental-styles 0.20.2 → 0.20.3
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/CHANGELOG.md +6 -1
- package/README.md +1 -1
- package/dist/action-bar-sap_fiori_3.css +1 -1
- package/dist/action-bar-sap_fiori_3_dark.css +1 -1
- package/dist/action-bar-sap_fiori_3_hcb.css +1 -1
- package/dist/action-bar-sap_fiori_3_hcw.css +1 -1
- package/dist/action-bar-sap_fiori_3_light_dark.css +1 -1
- package/dist/action-bar-sap_horizon.css +5 -0
- package/dist/action-bar.css +1 -1
- package/dist/action-sheet-sap_fiori_3.css +1 -1
- package/dist/action-sheet-sap_fiori_3_dark.css +1 -1
- package/dist/action-sheet-sap_fiori_3_hcb.css +1 -1
- package/dist/action-sheet-sap_fiori_3_hcw.css +1 -1
- package/dist/action-sheet-sap_fiori_3_light_dark.css +1 -1
- package/dist/action-sheet-sap_horizon.css +5 -0
- package/dist/action-sheet.css +1 -1
- package/dist/alert-sap_fiori_3.css +1 -1
- package/dist/alert-sap_fiori_3_dark.css +1 -1
- package/dist/alert-sap_fiori_3_hcb.css +1 -1
- package/dist/alert-sap_fiori_3_hcw.css +1 -1
- package/dist/alert-sap_fiori_3_light_dark.css +1 -1
- package/dist/alert-sap_horizon.css +10 -0
- package/dist/alert.css +1 -1
- package/dist/avatar-group-sap_fiori_3.css +1 -1
- package/dist/avatar-group-sap_fiori_3_dark.css +1 -1
- package/dist/avatar-group-sap_fiori_3_hcb.css +1 -1
- package/dist/avatar-group-sap_fiori_3_hcw.css +1 -1
- package/dist/avatar-group-sap_fiori_3_light_dark.css +1 -1
- package/dist/avatar-group-sap_horizon.css +13 -0
- package/dist/avatar-group.css +1 -1
- package/dist/avatar-sap_fiori_3.css +1 -1
- package/dist/avatar-sap_fiori_3_dark.css +1 -1
- package/dist/avatar-sap_fiori_3_hcb.css +1 -1
- package/dist/avatar-sap_fiori_3_hcw.css +1 -1
- package/dist/avatar-sap_fiori_3_light_dark.css +1 -1
- package/dist/avatar-sap_horizon.css +10 -0
- package/dist/avatar.css +1 -1
- package/dist/badge-sap_fiori_3.css +1 -1
- package/dist/badge-sap_fiori_3_dark.css +1 -1
- package/dist/badge-sap_fiori_3_hcb.css +1 -1
- package/dist/badge-sap_fiori_3_hcw.css +1 -1
- package/dist/badge-sap_fiori_3_light_dark.css +1 -1
- package/dist/badge-sap_horizon.css +5 -0
- package/dist/badge.css +1 -1
- package/dist/bar-sap_fiori_3.css +1 -1
- package/dist/bar-sap_fiori_3_dark.css +1 -1
- package/dist/bar-sap_fiori_3_hcb.css +1 -1
- package/dist/bar-sap_fiori_3_hcw.css +1 -1
- package/dist/bar-sap_fiori_3_light_dark.css +1 -1
- package/dist/bar-sap_horizon.css +5 -0
- package/dist/bar.css +1 -1
- package/dist/breadcrumb-sap_fiori_3.css +1 -1
- package/dist/breadcrumb-sap_fiori_3_dark.css +1 -1
- package/dist/breadcrumb-sap_fiori_3_hcb.css +1 -1
- package/dist/breadcrumb-sap_fiori_3_hcw.css +1 -1
- package/dist/breadcrumb-sap_fiori_3_light_dark.css +1 -1
- package/dist/breadcrumb-sap_horizon.css +10 -0
- package/dist/breadcrumb.css +1 -1
- package/dist/busy-indicator-sap_fiori_3.css +1 -1
- package/dist/busy-indicator-sap_fiori_3_dark.css +1 -1
- package/dist/busy-indicator-sap_fiori_3_hcb.css +1 -1
- package/dist/busy-indicator-sap_fiori_3_hcw.css +1 -1
- package/dist/busy-indicator-sap_fiori_3_light_dark.css +1 -1
- package/dist/busy-indicator-sap_horizon.css +5 -0
- package/dist/busy-indicator.css +1 -1
- package/dist/button-sap_fiori_3.css +2 -2
- package/dist/button-sap_fiori_3_dark.css +2 -2
- package/dist/button-sap_fiori_3_hcb.css +2 -2
- package/dist/button-sap_fiori_3_hcw.css +2 -2
- package/dist/button-sap_fiori_3_light_dark.css +2 -2
- package/dist/button-sap_horizon.css +5 -0
- package/dist/button-split-sap_fiori_3.css +1 -1
- package/dist/button-split-sap_fiori_3_dark.css +1 -1
- package/dist/button-split-sap_fiori_3_hcb.css +1 -1
- package/dist/button-split-sap_fiori_3_hcw.css +1 -1
- package/dist/button-split-sap_fiori_3_light_dark.css +1 -1
- package/dist/button-split-sap_horizon.css +9 -0
- package/dist/button-split.css +1 -1
- package/dist/button.css +2 -2
- package/dist/calendar-sap_fiori_3.css +1 -1
- package/dist/calendar-sap_fiori_3_dark.css +1 -1
- package/dist/calendar-sap_fiori_3_hcb.css +1 -1
- package/dist/calendar-sap_fiori_3_hcw.css +1 -1
- package/dist/calendar-sap_fiori_3_light_dark.css +1 -1
- package/dist/calendar-sap_horizon.css +20 -0
- package/dist/calendar.css +1 -1
- package/dist/card-sap_fiori_3.css +1 -1
- package/dist/card-sap_fiori_3_dark.css +1 -1
- package/dist/card-sap_fiori_3_hcb.css +1 -1
- package/dist/card-sap_fiori_3_hcw.css +1 -1
- package/dist/card-sap_fiori_3_light_dark.css +1 -1
- package/dist/card-sap_horizon.css +5 -0
- package/dist/card.css +1 -1
- package/dist/carousel-sap_fiori_3.css +2 -2
- package/dist/carousel-sap_fiori_3_dark.css +2 -2
- package/dist/carousel-sap_fiori_3_hcb.css +2 -2
- package/dist/carousel-sap_fiori_3_hcw.css +2 -2
- package/dist/carousel-sap_fiori_3_light_dark.css +2 -2
- package/dist/carousel-sap_horizon.css +5 -0
- package/dist/carousel.css +2 -2
- package/dist/checkbox-sap_fiori_3.css +1 -1
- package/dist/checkbox-sap_fiori_3_dark.css +1 -1
- package/dist/checkbox-sap_fiori_3_hcb.css +1 -1
- package/dist/checkbox-sap_fiori_3_hcw.css +1 -1
- package/dist/checkbox-sap_fiori_3_light_dark.css +1 -1
- package/dist/checkbox-sap_horizon.css +8 -0
- package/dist/checkbox.css +1 -1
- package/dist/counter-sap_fiori_3.css +1 -1
- package/dist/counter-sap_fiori_3_dark.css +1 -1
- package/dist/counter-sap_fiori_3_hcb.css +1 -1
- package/dist/counter-sap_fiori_3_hcw.css +1 -1
- package/dist/counter-sap_fiori_3_light_dark.css +1 -1
- package/dist/counter-sap_horizon.css +8 -0
- package/dist/counter.css +1 -1
- package/dist/dialog-sap_fiori_3.css +1 -1
- package/dist/dialog-sap_fiori_3_dark.css +1 -1
- package/dist/dialog-sap_fiori_3_hcb.css +1 -1
- package/dist/dialog-sap_fiori_3_hcw.css +1 -1
- package/dist/dialog-sap_fiori_3_light_dark.css +1 -1
- package/dist/dialog-sap_horizon.css +18 -0
- package/dist/dialog.css +1 -1
- package/dist/dynamic-page-sap_fiori_3.css +1 -1
- package/dist/dynamic-page-sap_fiori_3_dark.css +1 -1
- package/dist/dynamic-page-sap_fiori_3_hcb.css +1 -1
- package/dist/dynamic-page-sap_fiori_3_hcw.css +1 -1
- package/dist/dynamic-page-sap_fiori_3_light_dark.css +1 -1
- package/dist/dynamic-page-sap_horizon.css +5 -0
- package/dist/dynamic-page.css +1 -1
- package/dist/dynamic-side-content-sap_fiori_3.css +1 -1
- package/dist/dynamic-side-content-sap_fiori_3_dark.css +1 -1
- package/dist/dynamic-side-content-sap_fiori_3_hcb.css +1 -1
- package/dist/dynamic-side-content-sap_fiori_3_hcw.css +1 -1
- package/dist/dynamic-side-content-sap_fiori_3_light_dark.css +1 -1
- package/dist/dynamic-side-content-sap_horizon.css +5 -0
- package/dist/dynamic-side-content.css +1 -1
- package/dist/facet-sap_fiori_3.css +1 -1
- package/dist/facet-sap_fiori_3_dark.css +1 -1
- package/dist/facet-sap_fiori_3_hcb.css +1 -1
- package/dist/facet-sap_fiori_3_hcw.css +1 -1
- package/dist/facet-sap_fiori_3_light_dark.css +1 -1
- package/dist/facet-sap_horizon.css +5 -0
- package/dist/facet.css +1 -1
- package/dist/feed-input-sap_fiori_3.css +1 -1
- package/dist/feed-input-sap_fiori_3_dark.css +1 -1
- package/dist/feed-input-sap_fiori_3_hcb.css +1 -1
- package/dist/feed-input-sap_fiori_3_hcw.css +1 -1
- package/dist/feed-input-sap_fiori_3_light_dark.css +1 -1
- package/dist/feed-input-sap_horizon.css +5 -0
- package/dist/feed-input.css +1 -1
- package/dist/feed-list-sap_fiori_3.css +2 -2
- package/dist/feed-list-sap_fiori_3_dark.css +1 -1
- package/dist/feed-list-sap_fiori_3_hcb.css +1 -1
- package/dist/feed-list-sap_fiori_3_hcw.css +1 -1
- package/dist/feed-list-sap_fiori_3_light_dark.css +1 -1
- package/dist/feed-list-sap_horizon.css +5 -0
- package/dist/feed-list.css +2 -2
- package/dist/fieldset-sap_fiori_3.css +1 -1
- package/dist/fieldset-sap_fiori_3_dark.css +1 -1
- package/dist/fieldset-sap_fiori_3_hcb.css +1 -1
- package/dist/fieldset-sap_fiori_3_hcw.css +1 -1
- package/dist/fieldset-sap_fiori_3_light_dark.css +1 -1
- package/dist/fieldset-sap_horizon.css +11 -0
- package/dist/fieldset.css +1 -1
- package/dist/file-uploader-sap_fiori_3.css +1 -1
- package/dist/file-uploader-sap_fiori_3_dark.css +1 -1
- package/dist/file-uploader-sap_fiori_3_hcb.css +1 -1
- package/dist/file-uploader-sap_fiori_3_hcw.css +1 -1
- package/dist/file-uploader-sap_fiori_3_light_dark.css +1 -1
- package/dist/file-uploader-sap_horizon.css +5 -0
- package/dist/file-uploader.css +1 -1
- package/dist/fixed-card-layout-sap_fiori_3.css +1 -1
- package/dist/fixed-card-layout-sap_fiori_3_dark.css +1 -1
- package/dist/fixed-card-layout-sap_fiori_3_hcb.css +1 -1
- package/dist/fixed-card-layout-sap_fiori_3_hcw.css +1 -1
- package/dist/fixed-card-layout-sap_fiori_3_light_dark.css +1 -1
- package/dist/fixed-card-layout-sap_horizon.css +5 -0
- package/dist/fixed-card-layout.css +1 -1
- package/dist/flexible-column-layout-sap_fiori_3.css +1 -1
- package/dist/flexible-column-layout-sap_fiori_3_dark.css +1 -1
- package/dist/flexible-column-layout-sap_fiori_3_hcb.css +1 -1
- package/dist/flexible-column-layout-sap_fiori_3_hcw.css +1 -1
- package/dist/flexible-column-layout-sap_fiori_3_light_dark.css +1 -1
- package/dist/flexible-column-layout-sap_horizon.css +5 -0
- package/dist/flexible-column-layout.css +1 -1
- package/dist/form-group-sap_fiori_3.css +1 -1
- package/dist/form-group-sap_fiori_3_dark.css +1 -1
- package/dist/form-group-sap_fiori_3_hcb.css +1 -1
- package/dist/form-group-sap_fiori_3_hcw.css +1 -1
- package/dist/form-group-sap_fiori_3_light_dark.css +1 -1
- package/dist/form-group-sap_horizon.css +8 -0
- package/dist/form-group.css +1 -1
- package/dist/form-header-sap_fiori_3.css +1 -1
- package/dist/form-header-sap_fiori_3_dark.css +1 -1
- package/dist/form-header-sap_fiori_3_hcb.css +1 -1
- package/dist/form-header-sap_fiori_3_hcw.css +1 -1
- package/dist/form-header-sap_fiori_3_light_dark.css +1 -1
- package/dist/form-header-sap_horizon.css +9 -0
- package/dist/form-header.css +1 -1
- package/dist/form-item-sap_fiori_3.css +1 -1
- package/dist/form-item-sap_fiori_3_dark.css +1 -1
- package/dist/form-item-sap_fiori_3_hcb.css +1 -1
- package/dist/form-item-sap_fiori_3_hcw.css +1 -1
- package/dist/form-item-sap_fiori_3_light_dark.css +1 -1
- package/dist/form-item-sap_horizon.css +8 -0
- package/dist/form-item.css +1 -1
- package/dist/form-label-sap_fiori_3.css +1 -1
- package/dist/form-label-sap_fiori_3_dark.css +1 -1
- package/dist/form-label-sap_fiori_3_hcb.css +1 -1
- package/dist/form-label-sap_fiori_3_hcw.css +1 -1
- package/dist/form-label-sap_fiori_3_light_dark.css +1 -1
- package/dist/form-label-sap_horizon.css +8 -0
- package/dist/form-label.css +1 -1
- package/dist/form-layout-grid-sap_fiori_3.css +1 -1
- package/dist/form-layout-grid-sap_fiori_3_dark.css +1 -1
- package/dist/form-layout-grid-sap_fiori_3_hcb.css +1 -1
- package/dist/form-layout-grid-sap_fiori_3_hcw.css +1 -1
- package/dist/form-layout-grid-sap_fiori_3_light_dark.css +1 -1
- package/dist/form-layout-grid-sap_horizon.css +5 -0
- package/dist/form-layout-grid.css +1 -1
- package/dist/form-message-sap_fiori_3.css +1 -1
- package/dist/form-message-sap_fiori_3_dark.css +1 -1
- package/dist/form-message-sap_fiori_3_hcb.css +1 -1
- package/dist/form-message-sap_fiori_3_hcw.css +1 -1
- package/dist/form-message-sap_fiori_3_light_dark.css +1 -1
- package/dist/form-message-sap_horizon.css +8 -0
- package/dist/form-message.css +1 -1
- package/dist/fundamental-styles-sap_fiori_3.css +13 -13
- package/dist/fundamental-styles-sap_fiori_3_dark.css +13 -13
- package/dist/fundamental-styles-sap_fiori_3_hcb.css +13 -13
- package/dist/fundamental-styles-sap_fiori_3_hcw.css +13 -13
- package/dist/fundamental-styles-sap_fiori_3_light_dark.css +13 -13
- package/dist/fundamental-styles-sap_horizon.css +179 -0
- package/dist/fundamental-styles.css +13 -13
- package/dist/helpers-sap_fiori_3.css +1 -1
- package/dist/helpers-sap_fiori_3_dark.css +1 -1
- package/dist/helpers-sap_fiori_3_hcb.css +1 -1
- package/dist/helpers-sap_fiori_3_hcw.css +1 -1
- package/dist/helpers-sap_fiori_3_light_dark.css +1 -1
- package/dist/helpers-sap_horizon.css +5 -0
- package/dist/helpers.css +1 -1
- package/dist/horizontal-navigation-sap_fiori_3.css +1 -1
- package/dist/horizontal-navigation-sap_fiori_3_dark.css +1 -1
- package/dist/horizontal-navigation-sap_fiori_3_hcb.css +1 -1
- package/dist/horizontal-navigation-sap_fiori_3_hcw.css +1 -1
- package/dist/horizontal-navigation-sap_fiori_3_light_dark.css +1 -1
- package/dist/horizontal-navigation-sap_horizon.css +5 -0
- package/dist/horizontal-navigation.css +1 -1
- package/dist/icon-sap_fiori_3.css +1 -1
- package/dist/icon-sap_fiori_3_dark.css +1 -1
- package/dist/icon-sap_fiori_3_hcb.css +1 -1
- package/dist/icon-sap_fiori_3_hcw.css +1 -1
- package/dist/icon-sap_fiori_3_light_dark.css +1 -1
- package/dist/icon-sap_horizon.css +6 -0
- package/dist/icon-tab-bar-sap_fiori_3.css +1 -1
- package/dist/icon-tab-bar-sap_fiori_3_dark.css +1 -1
- package/dist/icon-tab-bar-sap_fiori_3_hcb.css +1 -1
- package/dist/icon-tab-bar-sap_fiori_3_hcw.css +1 -1
- package/dist/icon-tab-bar-sap_fiori_3_light_dark.css +1 -1
- package/dist/icon-tab-bar-sap_horizon.css +6 -0
- package/dist/icon-tab-bar.css +1 -1
- package/dist/icon.css +1 -1
- package/dist/info-label-sap_fiori_3.css +1 -1
- package/dist/info-label-sap_fiori_3_dark.css +1 -1
- package/dist/info-label-sap_fiori_3_hcb.css +1 -1
- package/dist/info-label-sap_fiori_3_hcw.css +1 -1
- package/dist/info-label-sap_fiori_3_light_dark.css +1 -1
- package/dist/info-label-sap_horizon.css +5 -0
- package/dist/info-label.css +1 -1
- package/dist/input-group-sap_fiori_3.css +2 -2
- package/dist/input-group-sap_fiori_3_dark.css +2 -2
- package/dist/input-group-sap_fiori_3_hcb.css +2 -2
- package/dist/input-group-sap_fiori_3_hcw.css +2 -2
- package/dist/input-group-sap_fiori_3_light_dark.css +2 -2
- package/dist/input-group-sap_horizon.css +9 -0
- package/dist/input-group.css +2 -2
- package/dist/input-sap_fiori_3.css +1 -1
- package/dist/input-sap_fiori_3_dark.css +1 -1
- package/dist/input-sap_fiori_3_hcb.css +1 -1
- package/dist/input-sap_fiori_3_hcw.css +1 -1
- package/dist/input-sap_fiori_3_light_dark.css +1 -1
- package/dist/input-sap_horizon.css +8 -0
- package/dist/input.css +1 -1
- package/dist/layout-grid-sap_fiori_3.css +1 -1
- package/dist/layout-grid-sap_fiori_3_dark.css +1 -1
- package/dist/layout-grid-sap_fiori_3_hcb.css +1 -1
- package/dist/layout-grid-sap_fiori_3_hcw.css +1 -1
- package/dist/layout-grid-sap_fiori_3_light_dark.css +1 -1
- package/dist/layout-grid-sap_horizon.css +5 -0
- package/dist/layout-grid.css +1 -1
- package/dist/layout-panel-sap_fiori_3.css +1 -1
- package/dist/layout-panel-sap_fiori_3_dark.css +1 -1
- package/dist/layout-panel-sap_fiori_3_hcb.css +1 -1
- package/dist/layout-panel-sap_fiori_3_hcw.css +1 -1
- package/dist/layout-panel-sap_fiori_3_light_dark.css +1 -1
- package/dist/layout-panel-sap_horizon.css +12 -0
- package/dist/layout-panel.css +1 -1
- package/dist/layout-sap_fiori_3.css +1 -1
- package/dist/layout-sap_fiori_3_dark.css +1 -1
- package/dist/layout-sap_fiori_3_hcb.css +1 -1
- package/dist/layout-sap_fiori_3_hcw.css +1 -1
- package/dist/layout-sap_fiori_3_light_dark.css +1 -1
- package/dist/layout-sap_horizon.css +18 -0
- package/dist/layout.css +1 -1
- package/dist/link-sap_fiori_3.css +1 -1
- package/dist/link-sap_fiori_3_dark.css +1 -1
- package/dist/link-sap_fiori_3_hcb.css +1 -1
- package/dist/link-sap_fiori_3_hcw.css +1 -1
- package/dist/link-sap_fiori_3_light_dark.css +1 -1
- package/dist/link-sap_horizon.css +8 -0
- package/dist/link.css +1 -1
- package/dist/list-grid-sap_fiori_3.css +1 -1
- package/dist/list-grid-sap_fiori_3_dark.css +1 -1
- package/dist/list-grid-sap_fiori_3_hcb.css +1 -1
- package/dist/list-grid-sap_fiori_3_hcw.css +1 -1
- package/dist/list-grid-sap_fiori_3_light_dark.css +1 -1
- package/dist/list-grid-sap_horizon.css +8 -0
- package/dist/list-grid.css +1 -1
- package/dist/list-sap_fiori_3.css +2 -2
- package/dist/list-sap_fiori_3_dark.css +1 -1
- package/dist/list-sap_fiori_3_hcb.css +1 -1
- package/dist/list-sap_fiori_3_hcw.css +1 -1
- package/dist/list-sap_fiori_3_light_dark.css +1 -1
- package/dist/list-sap_horizon.css +5 -0
- package/dist/list.css +2 -2
- package/dist/margins-sap_fiori_3.css +1 -1
- package/dist/margins-sap_fiori_3_dark.css +1 -1
- package/dist/margins-sap_fiori_3_hcb.css +1 -1
- package/dist/margins-sap_fiori_3_hcw.css +1 -1
- package/dist/margins-sap_fiori_3_light_dark.css +1 -1
- package/dist/margins-sap_horizon.css +5 -0
- package/dist/margins.css +1 -1
- package/dist/menu-sap_fiori_3.css +1 -1
- package/dist/menu-sap_fiori_3_dark.css +1 -1
- package/dist/menu-sap_fiori_3_hcb.css +1 -1
- package/dist/menu-sap_fiori_3_hcw.css +1 -1
- package/dist/menu-sap_fiori_3_light_dark.css +1 -1
- package/dist/menu-sap_horizon.css +6 -0
- package/dist/menu.css +1 -1
- package/dist/message-box-sap_fiori_3.css +1 -1
- package/dist/message-box-sap_fiori_3_dark.css +1 -1
- package/dist/message-box-sap_fiori_3_hcb.css +1 -1
- package/dist/message-box-sap_fiori_3_hcw.css +1 -1
- package/dist/message-box-sap_fiori_3_light_dark.css +1 -1
- package/dist/message-box-sap_horizon.css +5 -0
- package/dist/message-box.css +1 -1
- package/dist/message-page-sap_fiori_3.css +1 -1
- package/dist/message-page-sap_fiori_3_dark.css +1 -1
- package/dist/message-page-sap_fiori_3_hcb.css +1 -1
- package/dist/message-page-sap_fiori_3_hcw.css +1 -1
- package/dist/message-page-sap_fiori_3_light_dark.css +1 -1
- package/dist/message-page-sap_horizon.css +5 -0
- package/dist/message-page.css +1 -1
- package/dist/message-strip-sap_fiori_3.css +1 -1
- package/dist/message-strip-sap_fiori_3_dark.css +1 -1
- package/dist/message-strip-sap_fiori_3_hcb.css +1 -1
- package/dist/message-strip-sap_fiori_3_hcw.css +1 -1
- package/dist/message-strip-sap_fiori_3_light_dark.css +1 -1
- package/dist/message-strip-sap_horizon.css +10 -0
- package/dist/message-strip.css +1 -1
- package/dist/message-toast-sap_fiori_3.css +1 -1
- package/dist/message-toast-sap_fiori_3_dark.css +1 -1
- package/dist/message-toast-sap_fiori_3_hcb.css +1 -1
- package/dist/message-toast-sap_fiori_3_hcw.css +1 -1
- package/dist/message-toast-sap_fiori_3_light_dark.css +1 -1
- package/dist/message-toast-sap_horizon.css +5 -0
- package/dist/message-toast.css +1 -1
- package/dist/micro-process-flow-sap_fiori_3.css +1 -1
- package/dist/micro-process-flow-sap_fiori_3_dark.css +1 -1
- package/dist/micro-process-flow-sap_fiori_3_hcb.css +1 -1
- package/dist/micro-process-flow-sap_fiori_3_hcw.css +1 -1
- package/dist/micro-process-flow-sap_fiori_3_light_dark.css +1 -1
- package/dist/micro-process-flow-sap_horizon.css +6 -0
- package/dist/micro-process-flow.css +1 -1
- package/dist/notification-sap_fiori_3.css +2 -2
- package/dist/notification-sap_fiori_3_dark.css +1 -1
- package/dist/notification-sap_fiori_3_hcb.css +1 -1
- package/dist/notification-sap_fiori_3_hcw.css +1 -1
- package/dist/notification-sap_fiori_3_light_dark.css +1 -1
- package/dist/notification-sap_horizon.css +6 -0
- package/dist/notification.css +2 -2
- package/dist/numeric-content-sap_fiori_3.css +1 -1
- package/dist/numeric-content-sap_fiori_3_dark.css +1 -1
- package/dist/numeric-content-sap_fiori_3_hcb.css +1 -1
- package/dist/numeric-content-sap_fiori_3_hcw.css +1 -1
- package/dist/numeric-content-sap_fiori_3_light_dark.css +1 -1
- package/dist/numeric-content-sap_horizon.css +5 -0
- package/dist/numeric-content.css +1 -1
- package/dist/object-attribute-sap_fiori_3.css +1 -1
- package/dist/object-attribute-sap_fiori_3_dark.css +1 -1
- package/dist/object-attribute-sap_fiori_3_hcb.css +1 -1
- package/dist/object-attribute-sap_fiori_3_hcw.css +1 -1
- package/dist/object-attribute-sap_fiori_3_light_dark.css +1 -1
- package/dist/object-attribute-sap_horizon.css +5 -0
- package/dist/object-attribute.css +1 -1
- package/dist/object-identifier-sap_fiori_3.css +1 -1
- package/dist/object-identifier-sap_fiori_3_dark.css +1 -1
- package/dist/object-identifier-sap_fiori_3_hcb.css +1 -1
- package/dist/object-identifier-sap_fiori_3_hcw.css +1 -1
- package/dist/object-identifier-sap_fiori_3_light_dark.css +1 -1
- package/dist/object-identifier-sap_horizon.css +5 -0
- package/dist/object-identifier.css +1 -1
- package/dist/object-list-sap_fiori_3.css +2 -2
- package/dist/object-list-sap_fiori_3_dark.css +1 -1
- package/dist/object-list-sap_fiori_3_hcb.css +1 -1
- package/dist/object-list-sap_fiori_3_hcw.css +1 -1
- package/dist/object-list-sap_fiori_3_light_dark.css +1 -1
- package/dist/object-list-sap_horizon.css +5 -0
- package/dist/object-list.css +2 -2
- package/dist/object-marker-sap_fiori_3.css +1 -1
- package/dist/object-marker-sap_fiori_3_dark.css +1 -1
- package/dist/object-marker-sap_fiori_3_hcb.css +1 -1
- package/dist/object-marker-sap_fiori_3_hcw.css +1 -1
- package/dist/object-marker-sap_fiori_3_light_dark.css +1 -1
- package/dist/object-marker-sap_horizon.css +8 -0
- package/dist/object-marker.css +1 -1
- package/dist/object-number-sap_fiori_3.css +1 -1
- package/dist/object-number-sap_fiori_3_dark.css +1 -1
- package/dist/object-number-sap_fiori_3_hcb.css +1 -1
- package/dist/object-number-sap_fiori_3_hcw.css +1 -1
- package/dist/object-number-sap_fiori_3_light_dark.css +1 -1
- package/dist/object-number-sap_horizon.css +8 -0
- package/dist/object-number.css +1 -1
- package/dist/object-status-sap_fiori_3.css +1 -1
- package/dist/object-status-sap_fiori_3_dark.css +1 -1
- package/dist/object-status-sap_fiori_3_hcb.css +1 -1
- package/dist/object-status-sap_fiori_3_hcw.css +1 -1
- package/dist/object-status-sap_fiori_3_light_dark.css +1 -1
- package/dist/object-status-sap_horizon.css +8 -0
- package/dist/object-status.css +1 -1
- package/dist/off-screen-sap_fiori_3.css +1 -1
- package/dist/off-screen-sap_fiori_3_dark.css +1 -1
- package/dist/off-screen-sap_fiori_3_hcb.css +1 -1
- package/dist/off-screen-sap_fiori_3_hcw.css +1 -1
- package/dist/off-screen-sap_fiori_3_light_dark.css +1 -1
- package/dist/off-screen-sap_horizon.css +9 -0
- package/dist/off-screen.css +1 -1
- package/dist/paddings-sap_fiori_3.css +1 -1
- package/dist/paddings-sap_fiori_3_dark.css +1 -1
- package/dist/paddings-sap_fiori_3_hcb.css +1 -1
- package/dist/paddings-sap_fiori_3_hcw.css +1 -1
- package/dist/paddings-sap_fiori_3_light_dark.css +1 -1
- package/dist/paddings-sap_horizon.css +5 -0
- package/dist/paddings.css +1 -1
- package/dist/page-footer-sap_fiori_3.css +1 -1
- package/dist/page-footer-sap_fiori_3_dark.css +1 -1
- package/dist/page-footer-sap_fiori_3_hcb.css +1 -1
- package/dist/page-footer-sap_fiori_3_hcw.css +1 -1
- package/dist/page-footer-sap_fiori_3_light_dark.css +1 -1
- package/dist/page-footer-sap_horizon.css +5 -0
- package/dist/page-footer.css +1 -1
- package/dist/page-sap_fiori_3.css +1 -1
- package/dist/page-sap_fiori_3_dark.css +1 -1
- package/dist/page-sap_fiori_3_hcb.css +1 -1
- package/dist/page-sap_fiori_3_hcw.css +1 -1
- package/dist/page-sap_fiori_3_light_dark.css +1 -1
- package/dist/page-sap_horizon.css +5 -0
- package/dist/page.css +1 -1
- package/dist/pagination-sap_fiori_3.css +1 -1
- package/dist/pagination-sap_fiori_3_dark.css +1 -1
- package/dist/pagination-sap_fiori_3_hcb.css +1 -1
- package/dist/pagination-sap_fiori_3_hcw.css +1 -1
- package/dist/pagination-sap_fiori_3_light_dark.css +1 -1
- package/dist/pagination-sap_horizon.css +9 -0
- package/dist/pagination.css +1 -1
- package/dist/panel-sap_fiori_3.css +1 -1
- package/dist/panel-sap_fiori_3_dark.css +1 -1
- package/dist/panel-sap_fiori_3_hcb.css +1 -1
- package/dist/panel-sap_fiori_3_hcw.css +1 -1
- package/dist/panel-sap_fiori_3_light_dark.css +1 -1
- package/dist/panel-sap_horizon.css +5 -0
- package/dist/panel.css +1 -1
- package/dist/popover-sap_fiori_3.css +2 -2
- package/dist/popover-sap_fiori_3_dark.css +2 -2
- package/dist/popover-sap_fiori_3_hcb.css +2 -2
- package/dist/popover-sap_fiori_3_hcw.css +2 -2
- package/dist/popover-sap_fiori_3_light_dark.css +2 -2
- package/dist/popover-sap_horizon.css +5 -0
- package/dist/popover.css +2 -2
- package/dist/product-switch-sap_fiori_3.css +2 -2
- package/dist/product-switch-sap_fiori_3_dark.css +2 -2
- package/dist/product-switch-sap_fiori_3_hcb.css +2 -2
- package/dist/product-switch-sap_fiori_3_hcw.css +2 -2
- package/dist/product-switch-sap_fiori_3_light_dark.css +2 -2
- package/dist/product-switch-sap_horizon.css +8 -0
- package/dist/product-switch.css +2 -2
- package/dist/quick-view-sap_fiori_3.css +1 -1
- package/dist/quick-view-sap_fiori_3_dark.css +1 -1
- package/dist/quick-view-sap_fiori_3_hcb.css +1 -1
- package/dist/quick-view-sap_fiori_3_hcw.css +1 -1
- package/dist/quick-view-sap_fiori_3_light_dark.css +1 -1
- package/dist/quick-view-sap_horizon.css +5 -0
- package/dist/quick-view.css +1 -1
- package/dist/radio-sap_fiori_3.css +1 -1
- package/dist/radio-sap_fiori_3_dark.css +1 -1
- package/dist/radio-sap_fiori_3_hcb.css +1 -1
- package/dist/radio-sap_fiori_3_hcw.css +1 -1
- package/dist/radio-sap_fiori_3_light_dark.css +1 -1
- package/dist/radio-sap_horizon.css +8 -0
- package/dist/radio.css +1 -1
- package/dist/rating-indicator-sap_fiori_3.css +1 -1
- package/dist/rating-indicator-sap_fiori_3_dark.css +1 -1
- package/dist/rating-indicator-sap_fiori_3_hcb.css +1 -1
- package/dist/rating-indicator-sap_fiori_3_hcw.css +1 -1
- package/dist/rating-indicator-sap_fiori_3_light_dark.css +1 -1
- package/dist/rating-indicator-sap_horizon.css +6 -0
- package/dist/rating-indicator.css +1 -1
- package/dist/resizable-card-layout-sap_fiori_3.css +1 -1
- package/dist/resizable-card-layout-sap_fiori_3_dark.css +1 -1
- package/dist/resizable-card-layout-sap_fiori_3_hcb.css +1 -1
- package/dist/resizable-card-layout-sap_fiori_3_hcw.css +1 -1
- package/dist/resizable-card-layout-sap_fiori_3_light_dark.css +1 -1
- package/dist/resizable-card-layout-sap_horizon.css +6 -0
- package/dist/resizable-card-layout.css +1 -1
- package/dist/section-sap_fiori_3.css +1 -1
- package/dist/section-sap_fiori_3_dark.css +1 -1
- package/dist/section-sap_fiori_3_hcb.css +1 -1
- package/dist/section-sap_fiori_3_hcw.css +1 -1
- package/dist/section-sap_fiori_3_light_dark.css +1 -1
- package/dist/section-sap_horizon.css +12 -0
- package/dist/section.css +1 -1
- package/dist/segmented-button-sap_fiori_3.css +1 -1
- package/dist/segmented-button-sap_fiori_3_dark.css +1 -1
- package/dist/segmented-button-sap_fiori_3_hcb.css +1 -1
- package/dist/segmented-button-sap_fiori_3_hcw.css +1 -1
- package/dist/segmented-button-sap_fiori_3_light_dark.css +1 -1
- package/dist/segmented-button-sap_horizon.css +9 -0
- package/dist/segmented-button.css +1 -1
- package/dist/select-sap_fiori_3.css +1 -1
- package/dist/select-sap_fiori_3_dark.css +1 -1
- package/dist/select-sap_fiori_3_hcb.css +1 -1
- package/dist/select-sap_fiori_3_hcw.css +1 -1
- package/dist/select-sap_fiori_3_light_dark.css +1 -1
- package/dist/select-sap_horizon.css +5 -0
- package/dist/select.css +1 -1
- package/dist/shellbar-sap_fiori_3.css +2 -2
- package/dist/shellbar-sap_fiori_3_dark.css +2 -2
- package/dist/shellbar-sap_fiori_3_hcb.css +2 -2
- package/dist/shellbar-sap_fiori_3_hcw.css +2 -2
- package/dist/shellbar-sap_fiori_3_light_dark.css +2 -2
- package/dist/shellbar-sap_horizon.css +5 -0
- package/dist/shellbar.css +2 -2
- package/dist/side-nav-sap_fiori_3.css +2 -2
- package/dist/side-nav-sap_fiori_3_dark.css +1 -1
- package/dist/side-nav-sap_fiori_3_hcb.css +1 -1
- package/dist/side-nav-sap_fiori_3_hcw.css +1 -1
- package/dist/side-nav-sap_fiori_3_light_dark.css +1 -1
- package/dist/side-nav-sap_horizon.css +5 -0
- package/dist/side-nav.css +2 -2
- package/dist/slider-sap_fiori_3.css +2 -2
- package/dist/slider-sap_fiori_3_dark.css +2 -2
- package/dist/slider-sap_fiori_3_hcb.css +2 -2
- package/dist/slider-sap_fiori_3_hcw.css +2 -2
- package/dist/slider-sap_fiori_3_light_dark.css +2 -2
- package/dist/slider-sap_horizon.css +5 -0
- package/dist/slider.css +2 -2
- package/dist/status-indicator-sap_fiori_3.css +1 -1
- package/dist/status-indicator-sap_fiori_3_dark.css +1 -1
- package/dist/status-indicator-sap_fiori_3_hcb.css +1 -1
- package/dist/status-indicator-sap_fiori_3_hcw.css +1 -1
- package/dist/status-indicator-sap_fiori_3_light_dark.css +1 -1
- package/dist/status-indicator-sap_horizon.css +5 -0
- package/dist/status-indicator.css +1 -1
- package/dist/step-input-sap_fiori_3.css +1 -1
- package/dist/step-input-sap_fiori_3_dark.css +1 -1
- package/dist/step-input-sap_fiori_3_hcb.css +1 -1
- package/dist/step-input-sap_fiori_3_hcw.css +1 -1
- package/dist/step-input-sap_fiori_3_light_dark.css +1 -1
- package/dist/step-input-sap_horizon.css +5 -0
- package/dist/step-input.css +1 -1
- package/dist/switch-sap_fiori_3.css +1 -1
- package/dist/switch-sap_fiori_3_dark.css +1 -1
- package/dist/switch-sap_fiori_3_hcb.css +1 -1
- package/dist/switch-sap_fiori_3_hcw.css +1 -1
- package/dist/switch-sap_fiori_3_light_dark.css +1 -1
- package/dist/switch-sap_horizon.css +10 -0
- package/dist/switch.css +1 -1
- package/dist/table-sap_fiori_3.css +2 -2
- package/dist/table-sap_fiori_3_dark.css +1 -1
- package/dist/table-sap_fiori_3_hcb.css +1 -1
- package/dist/table-sap_fiori_3_hcw.css +1 -1
- package/dist/table-sap_fiori_3_light_dark.css +1 -1
- package/dist/table-sap_horizon.css +14 -0
- package/dist/table.css +2 -2
- package/dist/tabs-sap_fiori_3.css +1 -1
- package/dist/tabs-sap_fiori_3_dark.css +1 -1
- package/dist/tabs-sap_fiori_3_hcb.css +1 -1
- package/dist/tabs-sap_fiori_3_hcw.css +1 -1
- package/dist/tabs-sap_fiori_3_light_dark.css +1 -1
- package/dist/tabs-sap_horizon.css +12 -0
- package/dist/tabs.css +1 -1
- package/dist/text-sap_fiori_3.css +1 -1
- package/dist/text-sap_fiori_3_dark.css +1 -1
- package/dist/text-sap_fiori_3_hcb.css +1 -1
- package/dist/text-sap_fiori_3_hcw.css +1 -1
- package/dist/text-sap_fiori_3_light_dark.css +1 -1
- package/dist/text-sap_horizon.css +5 -0
- package/dist/text.css +1 -1
- package/dist/textarea-sap_fiori_3.css +1 -1
- package/dist/textarea-sap_fiori_3_dark.css +1 -1
- package/dist/textarea-sap_fiori_3_hcb.css +1 -1
- package/dist/textarea-sap_fiori_3_hcw.css +1 -1
- package/dist/textarea-sap_fiori_3_light_dark.css +1 -1
- package/dist/textarea-sap_horizon.css +8 -0
- package/dist/textarea.css +1 -1
- package/dist/theming/sap_horizon.css +218 -0
- package/dist/tile-sap_fiori_3.css +2 -2
- package/dist/tile-sap_fiori_3_dark.css +2 -2
- package/dist/tile-sap_fiori_3_hcb.css +2 -2
- package/dist/tile-sap_fiori_3_hcw.css +2 -2
- package/dist/tile-sap_fiori_3_light_dark.css +2 -2
- package/dist/tile-sap_horizon.css +5 -0
- package/dist/tile.css +2 -2
- package/dist/time-sap_fiori_3.css +1 -1
- package/dist/time-sap_fiori_3_dark.css +1 -1
- package/dist/time-sap_fiori_3_hcb.css +1 -1
- package/dist/time-sap_fiori_3_hcw.css +1 -1
- package/dist/time-sap_fiori_3_light_dark.css +1 -1
- package/dist/time-sap_horizon.css +5 -0
- package/dist/time.css +1 -1
- package/dist/title-sap_fiori_3.css +1 -1
- package/dist/title-sap_fiori_3_dark.css +1 -1
- package/dist/title-sap_fiori_3_hcb.css +1 -1
- package/dist/title-sap_fiori_3_hcw.css +1 -1
- package/dist/title-sap_fiori_3_light_dark.css +1 -1
- package/dist/title-sap_horizon.css +5 -0
- package/dist/title.css +1 -1
- package/dist/token-sap_fiori_3.css +1 -1
- package/dist/token-sap_fiori_3_dark.css +1 -1
- package/dist/token-sap_fiori_3_hcb.css +1 -1
- package/dist/token-sap_fiori_3_hcw.css +1 -1
- package/dist/token-sap_fiori_3_light_dark.css +1 -1
- package/dist/token-sap_horizon.css +6 -0
- package/dist/token.css +1 -1
- package/dist/tokenizer-sap_fiori_3.css +1 -1
- package/dist/tokenizer-sap_fiori_3_dark.css +1 -1
- package/dist/tokenizer-sap_fiori_3_hcb.css +1 -1
- package/dist/tokenizer-sap_fiori_3_hcw.css +1 -1
- package/dist/tokenizer-sap_fiori_3_light_dark.css +1 -1
- package/dist/tokenizer-sap_horizon.css +5 -0
- package/dist/tokenizer.css +1 -1
- package/dist/tool-header-sap_fiori_3.css +1 -1
- package/dist/tool-header-sap_fiori_3_dark.css +1 -1
- package/dist/tool-header-sap_fiori_3_hcb.css +1 -1
- package/dist/tool-header-sap_fiori_3_hcw.css +1 -1
- package/dist/tool-header-sap_fiori_3_light_dark.css +1 -1
- package/dist/tool-header-sap_horizon.css +5 -0
- package/dist/tool-header.css +1 -1
- package/dist/toolbar-sap_fiori_3.css +1 -1
- package/dist/toolbar-sap_fiori_3_dark.css +1 -1
- package/dist/toolbar-sap_fiori_3_hcb.css +1 -1
- package/dist/toolbar-sap_fiori_3_hcw.css +1 -1
- package/dist/toolbar-sap_fiori_3_light_dark.css +1 -1
- package/dist/toolbar-sap_horizon.css +5 -0
- package/dist/toolbar.css +1 -1
- package/dist/tree-sap_fiori_3.css +2 -2
- package/dist/tree-sap_fiori_3_dark.css +2 -2
- package/dist/tree-sap_fiori_3_hcb.css +2 -2
- package/dist/tree-sap_fiori_3_hcw.css +2 -2
- package/dist/tree-sap_fiori_3_light_dark.css +2 -2
- package/dist/tree-sap_horizon.css +5 -0
- package/dist/tree.css +2 -2
- package/dist/upload-collection-sap_fiori_3.css +1 -1
- package/dist/upload-collection-sap_fiori_3_dark.css +1 -1
- package/dist/upload-collection-sap_fiori_3_hcb.css +1 -1
- package/dist/upload-collection-sap_fiori_3_hcw.css +1 -1
- package/dist/upload-collection-sap_fiori_3_light_dark.css +1 -1
- package/dist/upload-collection-sap_horizon.css +5 -0
- package/dist/upload-collection.css +1 -1
- package/dist/user-menu-sap_fiori_3.css +1 -1
- package/dist/user-menu-sap_fiori_3_dark.css +1 -1
- package/dist/user-menu-sap_fiori_3_hcb.css +1 -1
- package/dist/user-menu-sap_fiori_3_hcw.css +1 -1
- package/dist/user-menu-sap_fiori_3_light_dark.css +1 -1
- package/dist/user-menu-sap_horizon.css +5 -0
- package/dist/user-menu.css +1 -1
- package/dist/variables-sap_fiori_3.css +2 -2
- package/dist/variables-sap_fiori_3_dark.css +2 -2
- package/dist/variables-sap_fiori_3_hcb.css +2 -2
- package/dist/variables-sap_fiori_3_hcw.css +2 -2
- package/dist/variables-sap_fiori_3_light_dark.css +2 -2
- package/dist/variables-sap_horizon.css +5 -0
- package/dist/variables.css +2 -2
- package/dist/vertical-nav-sap_fiori_3.css +1 -1
- package/dist/vertical-nav-sap_fiori_3_dark.css +1 -1
- package/dist/vertical-nav-sap_fiori_3_hcb.css +1 -1
- package/dist/vertical-nav-sap_fiori_3_hcw.css +1 -1
- package/dist/vertical-nav-sap_fiori_3_light_dark.css +1 -1
- package/dist/vertical-nav-sap_horizon.css +5 -0
- package/dist/vertical-nav.css +1 -1
- package/dist/wizard-sap_fiori_3.css +2 -2
- package/dist/wizard-sap_fiori_3_dark.css +1 -1
- package/dist/wizard-sap_fiori_3_hcb.css +1 -1
- package/dist/wizard-sap_fiori_3_hcw.css +1 -1
- package/dist/wizard-sap_fiori_3_light_dark.css +1 -1
- package/dist/wizard-sap_horizon.css +5 -0
- package/dist/wizard.css +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
|
|
2
|
-
### [0.20.
|
|
2
|
+
### [0.20.3](https://github.com/SAP/fundamental-styles/compare/v0.20.1...v0.20.3) (2021-12-18)
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
* **styles:** bring horizon theme preview ([b24578a](https://github.com/SAP/fundamental-styles/commit/b24578ad50fc6ba35a7edba342213dc78d4bde01))
|
|
3
8
|
|
|
4
9
|
### [0.20.1](https://github.com/SAP/fundamental-styles/compare/v0.20.0...v0.20.1) (2021-12-17)
|
|
5
10
|
|
package/README.md
CHANGED
|
@@ -43,7 +43,7 @@ npm install fundamental-styles --save
|
|
|
43
43
|
|
|
44
44
|
### Distributed CSS Files
|
|
45
45
|
|
|
46
|
-
The distrubtion folder contains several css files per component: a default file and one file per supported theme (`sap_fiori_3`, `sap_fiori_3_dark`, `sap_fori_3_light_dark`, `sap_fiori_3_hcb`, `sap_fori_3_hcw`). Each themed file includes fallback support for css variables in IE11 for the corresponding theme. The default file includes fallbacks for `sap_fiori_3`.
|
|
46
|
+
The distrubtion folder contains several css files per component: a default file and one file per supported theme (`sap_fiori_3`, `sap_fiori_3_dark`, `sap_fori_3_light_dark`, `sap_fiori_3_hcb`, `sap_fori_3_hcw`, `sap_horizon`). Each themed file includes fallback support for css variables in IE11 for the corresponding theme. The default file includes fallbacks for `sap_fiori_3`.
|
|
47
47
|
|
|
48
48
|
### Icons
|
|
49
49
|
See the [Icon Component](https://fundamental-styles.netlify.app/?path=/docs/components-icon--sizes) for a list of icon class names. See Project Configuration below for instructions to include SAP Fiori 3 icons in your project.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;-webkit-box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);box-shadow:0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapPageHeader_Background,#fff);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#32363a);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor,#32363a);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#6a6d70;color:var(--sapContent_LabelColor,#6a6d70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552;-webkit-box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552);box-shadow:0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552;box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552);background-color:#29313a;background-color:var(--sapPageHeader_Background,#29313a);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fafafa);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#fafafa;color:var(--sapGroup_TitleTextColor,#fafafa);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#d3d7d9;color:var(--sapContent_LabelColor,#d3d7d9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fff;color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:inset 0 -.125rem #fff;-webkit-box-shadow:var(--sapContent_HeaderShadow,inset 0 -.125rem #fff);box-shadow:inset 0 -.125rem #fff;box-shadow:var(--sapContent_HeaderShadow,inset 0 -.125rem #fff);background-color:#000;background-color:var(--sapPageHeader_Background,#000);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fff;color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fff;color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fff);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#fff;color:var(--sapGroup_TitleTextColor,#fff);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#fff;color:var(--sapContent_LabelColor,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fff;color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#000;color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:inset 0 -.125rem #000;-webkit-box-shadow:var(--sapContent_HeaderShadow,inset 0 -.125rem #000);box-shadow:inset 0 -.125rem #000;box-shadow:var(--sapContent_HeaderShadow,inset 0 -.125rem #000);background-color:#fff;background-color:var(--sapPageHeader_Background,#fff);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#000;color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#000;color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#000);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#000;color:var(--sapGroup_TitleTextColor,#000);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#000;color:var(--sapContent_LabelColor,#000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#000;color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552;-webkit-box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552);box-shadow:0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552;box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.8),inset 0 -.0625rem 0 0 #3a4552);background-color:#29313a;background-color:var(--sapPageHeader_Background,#29313a);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fafafa);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#fafafa;color:var(--sapGroup_TitleTextColor,#fafafa);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#d3d7d9;color:var(--sapContent_LabelColor,#d3d7d9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
|
+
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
+
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:0 0 .25rem 0 rgba(85,107,130,.16),inset 0 -.0625rem 0 0 #d9d9d9;-webkit-box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(85,107,130,.16),inset 0 -.0625rem 0 0 #d9d9d9);box-shadow:0 0 .25rem 0 rgba(85,107,130,.16),inset 0 -.0625rem 0 0 #d9d9d9;box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(85,107,130,.16),inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapPageHeader_Background,#fff);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72-Bold","72-Boldfull","72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72-Bold","72-Boldfull","72","72full",Arial,Helvetica,sans-serif);color:#223548;color:var(--sapGroup_TitleTextColor,#223548);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#556b82;color:var(--sapContent_LabelColor,#556b82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
package/dist/action-bar.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-bar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;-webkit-box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);box-shadow:0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;box-shadow:var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);background-color:#fff;background-color:var(--sapPageHeader_Background,#fff);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#32363a);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor,#32363a);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#6a6d70;color:var(--sapContent_LabelColor,#6a6d70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity,.6);background-color:#000;background-color:var(--sapBlockLayer_Background,#000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#32363a);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor,#32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#fff;color:var(--sapContent_ContrastTextColor,#fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground,#fff);z-index:1;-webkit-box-shadow:0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);-webkit-box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));box-shadow:0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity,.6);background-color:#000;background-color:var(--sapBlockLayer_Background,#000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fafafa);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#fafafa;color:var(--sapGroup_TitleTextColor,#fafafa);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#29313a;color:var(--sapContent_ContrastTextColor,#29313a)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#29313a;background-color:var(--sapGroup_ContentBackground,#29313a);z-index:1;-webkit-box-shadow:0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6);-webkit-box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6));box-shadow:0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6);box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fff;color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fff;color:var(--sapTextColor,#fff);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;opacity:var(--fdOverlay_Background_Opacity,.8);background-color:#000;background-color:var(--sapBlockLayer_Background,#000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fff);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:var(--sapGroup_TitleTextColor,#fff);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#fff;color:var(--sapContent_ContrastTextColor,#fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#000;background-color:var(--sapGroup_ContentBackground,#000);z-index:1;-webkit-box-shadow:0 0 1rem 0 hsla(0,0%,100%,.5),0 0 0 .125rem #fff;-webkit-box-shadow:var(--sapContent_Shadow1,0 0 1rem 0 hsla(0,0%,100%,.5),0 0 0 .125rem #fff);box-shadow:0 0 1rem 0 hsla(0,0%,100%,.5),0 0 0 .125rem #fff;box-shadow:var(--sapContent_Shadow1,0 0 1rem 0 hsla(0,0%,100%,.5),0 0 0 .125rem #fff);width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#000;color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#000;color:var(--sapTextColor,#000);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;opacity:var(--fdOverlay_Background_Opacity,.8);background-color:#fff;background-color:var(--sapBlockLayer_Background,#fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#000);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:var(--sapGroup_TitleTextColor,#000);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#000;color:var(--sapContent_ContrastTextColor,#000)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground,#fff);z-index:1;-webkit-box-shadow:0 0 1rem 0 rgba(0,0,0,.5),0 0 0 .125rem #000;-webkit-box-shadow:var(--sapContent_Shadow1,0 0 1rem 0 rgba(0,0,0,.5),0 0 0 .125rem #000);box-shadow:0 0 1rem 0 rgba(0,0,0,.5),0 0 0 .125rem #000;box-shadow:var(--sapContent_Shadow1,0 0 1rem 0 rgba(0,0,0,.5),0 0 0 .125rem #000);width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity,.6);background-color:#000;background-color:var(--sapBlockLayer_Background,#000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#fafafa);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#fafafa;color:var(--sapGroup_TitleTextColor,#fafafa);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#29313a;color:var(--sapContent_ContrastTextColor,#29313a)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#29313a;background-color:var(--sapGroup_ContentBackground,#29313a);z-index:1;-webkit-box-shadow:0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6);-webkit-box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6));box-shadow:0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6);box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem hsla(0,0%,100%,.5),0 .125rem .5rem 0 rgba(0,0,0,.6));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
|
+
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
+
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.75rem;border-radius:var(--sapElement_BorderCornerRadius,.75rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity,.6);background-color:#000;background-color:var(--sapBlockLayer_Background,#000);border-radius:.75rem;border-radius:var(--sapElement_BorderCornerRadius,.75rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72-Bold","72-Boldfull","72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72-Bold","72-Boldfull","72","72full",Arial,Helvetica,sans-serif);color:#223548;color:var(--sapGroup_TitleTextColor,#223548);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#fff;color:var(--sapContent_ContrastTextColor,#fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground,#fff);z-index:1;-webkit-box-shadow:0 0 0 .0625rem rgba(85,107,130,.42),0 .125rem .5rem 0 rgba(85,107,130,.3);-webkit-box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem rgba(85,107,130,.42),0 .125rem .5rem 0 rgba(85,107,130,.3));box-shadow:0 0 0 .0625rem rgba(85,107,130,.42),0 .125rem .5rem 0 rgba(85,107,130,.3);box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem rgba(85,107,130,.42),0 .125rem .5rem 0 rgba(85,107,130,.3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.75rem;border-radius:var(--sapElement_BorderCornerRadius,.75rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
package/dist/action-sheet.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-action-sheet{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;opacity:var(--fdOverlay_Background_Opacity,.6);background-color:#000;background-color:var(--sapBlockLayer_Background,#000);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:var(--sapTextColor,#32363a);font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontHeaderFamily,"72","72full",Arial,Helvetica,sans-serif);color:#32363a;color:var(--sapGroup_TitleTextColor,#32363a);font-size:.875rem;font-size:var(--sapFontHeader6Size,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:#fff;color:var(--sapContent_ContrastTextColor,#fff)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:#fff;background-color:var(--sapGroup_ContentBackground,#fff);z-index:1;-webkit-box-shadow:0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);-webkit-box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));box-shadow:0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);box-shadow:var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth,.0625rem)*2);position:relative;overflow:auto;left:.0625rem;left:var(--sapGroup_BorderWidth,.0625rem);right:auto;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius,.25rem)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:.0625rem;right:var(--sapGroup_BorderWidth,.0625rem);left:auto}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/*!
|
|
3
|
+
* Fundamental Library Styles v0.20.3
|
|
4
|
+
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
5
|
+
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
6
|
+
*/
|
|
7
|
+
/*!
|
|
8
|
+
.fd-alert+(--information, --success, --warning, --error, --no-icon)
|
|
9
|
+
.fd-alert__close
|
|
10
|
+
*/.fd-alert{line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-size:.875rem;font-size:var(--sapFontSize,.875rem);position:relative;color:#223548;color:var(--sapTextColor,#223548);background-color:#f5f6f7;background-color:var(--sapNeutralBackground,#f5f6f7);border:1px solid;border-color:#6e87a0;border-color:var(--sapNeutralBorderColor,#6e87a0);border-radius:.25rem;padding:.4375rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:2rem}.fd-alert:after,.fd-alert:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;top:.125rem;right:.125rem}.fd-alert__close:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert__close:before{content:""}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-right:1rem;padding-left:2.5rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{position:absolute;width:2.5rem;top:.4375rem;left:0}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-right:2.5rem;padding-left:1rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{left:auto;right:0}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;position:absolute;right:0}.fd-alert--warning{background-color:#fff8d6;background-color:var(--sapWarningBackground,#fff8d6);border-color:#e76500;border-color:var(--sapWarningBorderColor,#e76500)}.fd-alert--warning:after,.fd-alert--warning:before{color:#e76500;color:var(--sapWarningBorderColor,#e76500)}.fd-alert--warning:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--warning:before{content:""}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{content:""}.fd-alert--error{background-color:#ffeaf4;background-color:var(--sapErrorBackground,#ffeaf4);border-color:#f53232;border-color:var(--sapErrorBorderColor,#f53232)}.fd-alert--error:after,.fd-alert--error:before{color:#f53232;color:var(--sapErrorBorderColor,#f53232)}.fd-alert--error:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--error:before{content:""}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{content:""}.fd-alert--success{background-color:#f5fae5;background-color:var(--sapSuccessBackground,#f5fae5);border-color:#30914c;border-color:var(--sapSuccessBorderColor,#30914c)}.fd-alert--success:after,.fd-alert--success:before{color:#30914c;color:var(--sapSuccessBorderColor,#30914c)}.fd-alert--success:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--success:before{content:""}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{content:""}.fd-alert--information{background-color:#e1f4ff;background-color:var(--sapInformationBackground,#e1f4ff);border-color:#0070f2;border-color:var(--sapInformationBorderColor,#0070f2)}.fd-alert--information:after,.fd-alert--information:before{color:#0070f2;color:var(--sapInformationBorderColor,#0070f2)}.fd-alert--information:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--information:before{content:""}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{content:""}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;line-height:1rem}.fd-alert__text:after,.fd-alert__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}
|
package/dist/alert.css
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
|
+
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
+
*/
|
|
6
|
+
/*!
|
|
7
|
+
.fd-avatar+((--circle), (--thumbnail), (--xxs|--xs|--s|--m|--l|--xl|--xxl), (--accent-color-{1-10}))
|
|
8
|
+
.fd-avatar__icon
|
|
9
|
+
.fd-avatar__zoom-icon
|
|
10
|
+
*/.fd-avatar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;border:none;border:var(--fdAvatar_Border,none);color:#fff;color:var(--sapContent_ContrastTextColor,#fff);background-color:#0057d2;background-color:var(--fdAvatar_BackgroundColor,var(--sapAccentColor6,#0057d2));display:inline-block;position:relative;vertical-align:middle;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:.75rem;border-radius:var(--sapElement_BorderCornerRadius,.75rem)}.fd-avatar:after,.fd-avatar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;color:#fff;color:var(--sapButton_Emphasized_TextColor,#fff);background-color:#0070f2;background-color:var(--sapButton_Emphasized_Background,#0070f2);border-radius:50%;border:.0625rem solid #0070f2;border:.0625rem solid var(--sapButton_Emphasized_BorderColor,#0070f2)}.fd-avatar__icon[class*=sap-icon],.fd-avatar__icon [class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:0}.fd-avatar--transparent{background-color:transparent;background-color:var(--fdAvatar-Transparent_BackgroundColor,transparent);color:#223548;color:var(--sapContent_IconColor,#223548)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:#eaecee;background-color:var(--sapContent_ImagePlaceholderBackground,#eaecee)}.fd-avatar--tile{background-color:#556b82;background-color:var(--fdAvatar_Tile_BackgroundColor,var(--sapTile_IconColor,#556b82))}.fd-avatar--border{border:.0625rem solid #d9d9d9;border:.0625rem solid var(--sapGroup_ContentBorderColor,#d9d9d9)}.fd-avatar--accent-color-1{background-color:#f58b00;background-color:var(--sapAccentColor1,#f58b00);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-2{background-color:#aa0808;background-color:var(--sapAccentColor2,#aa0808);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-3{background-color:#cc00dc;background-color:var(--sapAccentColor3,#cc00dc);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-4{background-color:#a100c2;background-color:var(--sapAccentColor4,#a100c2);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-5{background-color:#5d36ff;background-color:var(--sapAccentColor5,#5d36ff);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-6{background-color:#0057d2;background-color:var(--sapAccentColor6,#0057d2);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-7{background-color:#046c7a;background-color:var(--sapAccentColor7,#046c7a);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-8{background-color:#256f3a;background-color:var(--sapAccentColor8,#256f3a);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-9{background-color:#07838f;background-color:var(--sapAccentColor9,#07838f);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-10{background-color:#5b738b;background-color:var(--sapAccentColor10,#5b738b);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--xs{padding:0;margin:0;width:2rem;height:2rem;max-width:2rem;max-height:2rem;min-width:2rem;min-height:2rem;font-size:1rem;font-stretch:condensed;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.75rem;width:1.125rem;height:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.125rem}.fd-avatar--s{padding:0;margin:0;width:3rem;height:3rem;max-width:3rem;max-height:3rem;min-width:3rem;min-height:3rem;font-size:1.125rem;font-stretch:condensed;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.75rem;width:1.125rem;height:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.125rem}.fd-avatar--m{padding:0;margin:0;width:4rem;height:4rem;max-width:4rem;max-height:4rem;min-width:4rem;min-height:4rem;font-size:1.5rem;font-stretch:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.75rem;width:1.125rem;height:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.125rem}.fd-avatar--l{padding:0;margin:0;width:5rem;height:5rem;max-width:5rem;max-height:5rem;min-width:5rem;min-height:5rem;font-size:2.25rem;font-stretch:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.875rem;width:1.25rem;height:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.1875rem}.fd-avatar--xl{padding:0;margin:0;width:7rem;height:7rem;max-width:7rem;max-height:7rem;min-width:7rem;min-height:7rem;font-size:3rem;font-stretch:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon]{font-size:1rem;width:1.75rem;height:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.25rem}
|
|
11
|
+
/*!
|
|
12
|
+
.fd-avatar-group+((--individual|--group), (--xs|--s|--m|--l|--xl)
|
|
13
|
+
*/.fd-avatar-group{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex}.fd-avatar-group:after,.fd-avatar-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group__focusable-avatar,.fd-avatar-group__popover-control{cursor:pointer}.fd-avatar-group__focusable-avatar.is-focus,.fd-avatar-group__focusable-avatar:focus,.fd-avatar-group__popover-control.is-focus,.fd-avatar-group__popover-control:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--individual-type .fd-avatar-group__item{cursor:pointer}.fd-avatar-group--individual-type .fd-avatar-group__item.is-focus,.fd-avatar-group--individual-type .fd-avatar-group__item:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--group-type{cursor:pointer}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--group-type .fd-avatar-group__more-button{pointer-events:none}.fd-avatar-group__item{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:inline-block}.fd-avatar-group__item:after,.fd-avatar-group__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group__more-button .fd-avatar-group__button-text{font-size:inherit}.fd-avatar-group__more-button .fd-avatar-group__button-text bdi{font-size:inherit}.fd-avatar-group__overflow-body{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body .fd-avatar-group__item{margin:.25rem}.fd-avatar-group--xs .fd-avatar-group__more-button{height:2rem;max-height:2rem;min-height:2rem;min-width:2rem;font-size:1rem;border-radius:25rem;border-width:.0625rem;border-width:var(--fdAvatarGroup_MoreButton_Border,var(--sapButton_BorderWidth,.0625rem))}.fd-avatar-group--xs .fd-avatar-group__more-button.is-focus,.fd-avatar-group--xs .fd-avatar-group__more-button:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--s .fd-avatar-group__more-button{height:3rem;max-height:3rem;min-height:3rem;min-width:3rem;font-size:1.125rem;border-radius:25rem;border-width:.0625rem;border-width:var(--fdAvatarGroup_MoreButton_Border,var(--sapButton_BorderWidth,.0625rem))}.fd-avatar-group--s .fd-avatar-group__more-button.is-focus,.fd-avatar-group--s .fd-avatar-group__more-button:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--m .fd-avatar-group__more-button{height:4rem;max-height:4rem;min-height:4rem;min-width:4rem;font-size:1.5rem;border-radius:25rem;border-width:.0625rem;border-width:var(--fdAvatarGroup_MoreButton_Border,var(--sapButton_BorderWidth,.0625rem))}.fd-avatar-group--m .fd-avatar-group__more-button.is-focus,.fd-avatar-group--m .fd-avatar-group__more-button:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--l .fd-avatar-group__more-button{height:5rem;max-height:5rem;min-height:5rem;min-width:5rem;font-size:2.25rem;border-radius:25rem;border-width:.0625rem;border-width:var(--fdAvatarGroup_MoreButton_Border,var(--sapButton_BorderWidth,.0625rem))}.fd-avatar-group--l .fd-avatar-group__more-button.is-focus,.fd-avatar-group--l .fd-avatar-group__more-button:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--xl .fd-avatar-group__more-button{height:7rem;max-height:7rem;min-height:7rem;min-width:7rem;font-size:3rem;border-radius:25rem;border-width:.0625rem;border-width:var(--fdAvatarGroup_MoreButton_Border,var(--sapButton_BorderWidth,.0625rem))}.fd-avatar-group--xl .fd-avatar-group__more-button.is-focus,.fd-avatar-group--xl .fd-avatar-group__more-button:focus{outline-offset:.0625rem;outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-right:.0625rem;margin-left:0}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-right:0;margin-left:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-right:.125rem;margin-left:0}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-right:0;margin-left:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-right:.125rem;margin-left:0}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-right:0;margin-left:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-right:.125rem;margin-left:0}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-right:0;margin-left:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-right:.25rem;margin-left:0}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-right:0;margin-left:.25rem}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-right:-.75rem;margin-left:0}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-right:0;margin-left:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-right:-1.25rem;margin-left:0}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-right:0;margin-left:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-right:-1.625rem;margin-left:0}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-right:0;margin-left:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-right:-2rem;margin-left:0}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-right:0;margin-left:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-right:-2.75rem;margin-left:0}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-right:0;margin-left:-2.75rem}.fd-avatar-group .fd-avatar-group__more-button--accent-color-1{background-color:#f58b00;background-color:var(--sapAccentColor1,#f58b00);border-color:#f58b00;border-color:var(--sapAccentColor1,#f58b00);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-2{background-color:#aa0808;background-color:var(--sapAccentColor2,#aa0808);border-color:#aa0808;border-color:var(--sapAccentColor2,#aa0808);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-3{background-color:#cc00dc;background-color:var(--sapAccentColor3,#cc00dc);border-color:#cc00dc;border-color:var(--sapAccentColor3,#cc00dc);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-4{background-color:#a100c2;background-color:var(--sapAccentColor4,#a100c2);border-color:#a100c2;border-color:var(--sapAccentColor4,#a100c2);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-5{background-color:#5d36ff;background-color:var(--sapAccentColor5,#5d36ff);border-color:#5d36ff;border-color:var(--sapAccentColor5,#5d36ff);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-6{background-color:#0057d2;background-color:var(--sapAccentColor6,#0057d2);border-color:#0057d2;border-color:var(--sapAccentColor6,#0057d2);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-7{background-color:#046c7a;background-color:var(--sapAccentColor7,#046c7a);border-color:#046c7a;border-color:var(--sapAccentColor7,#046c7a);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-8{background-color:#256f3a;background-color:var(--sapAccentColor8,#256f3a);border-color:#256f3a;border-color:var(--sapAccentColor8,#256f3a);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-9{background-color:#07838f;background-color:var(--sapAccentColor9,#07838f);border-color:#07838f;border-color:var(--sapAccentColor9,#07838f);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar-group .fd-avatar-group__more-button--accent-color-10{background-color:#5b738b;background-color:var(--sapAccentColor10,#5b738b);border-color:#5b738b;border-color:var(--sapAccentColor10,#5b738b);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}
|
package/dist/avatar-group.css
CHANGED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
|
+
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
+
*/
|
|
6
|
+
/*!
|
|
7
|
+
.fd-avatar+((--circle), (--thumbnail), (--xxs|--xs|--s|--m|--l|--xl|--xxl), (--accent-color-{1-10}))
|
|
8
|
+
.fd-avatar__icon
|
|
9
|
+
.fd-avatar__zoom-icon
|
|
10
|
+
*/.fd-avatar{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.5;line-height:var(--sapContent_LineHeight,1.5);color:#223548;color:var(--sapTextColor,#223548);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;border:none;border:var(--fdAvatar_Border,none);color:#fff;color:var(--sapContent_ContrastTextColor,#fff);background-color:#0057d2;background-color:var(--fdAvatar_BackgroundColor,var(--sapAccentColor6,#0057d2));display:inline-block;position:relative;vertical-align:middle;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:.75rem;border-radius:var(--sapElement_BorderCornerRadius,.75rem)}.fd-avatar:after,.fd-avatar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline-width:.125rem;outline-width:var(--sapContent_FocusWidth,.125rem);outline-color:#0070f2;outline-color:var(--sapContent_FocusColor,#0070f2);outline-style:solid;outline-style:var(--sapContent_FocusStyle,solid)}.fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;color:#fff;color:var(--sapButton_Emphasized_TextColor,#fff);background-color:#0070f2;background-color:var(--sapButton_Emphasized_Background,#0070f2);border-radius:50%;border:.0625rem solid #0070f2;border:.0625rem solid var(--sapButton_Emphasized_BorderColor,#0070f2)}.fd-avatar__icon[class*=sap-icon],.fd-avatar__icon [class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:0}.fd-avatar--transparent{background-color:transparent;background-color:var(--fdAvatar-Transparent_BackgroundColor,transparent);color:#223548;color:var(--sapContent_IconColor,#223548)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:#eaecee;background-color:var(--sapContent_ImagePlaceholderBackground,#eaecee)}.fd-avatar--tile{background-color:#556b82;background-color:var(--fdAvatar_Tile_BackgroundColor,var(--sapTile_IconColor,#556b82))}.fd-avatar--border{border:.0625rem solid #d9d9d9;border:.0625rem solid var(--sapGroup_ContentBorderColor,#d9d9d9)}.fd-avatar--accent-color-1{background-color:#f58b00;background-color:var(--sapAccentColor1,#f58b00);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-2{background-color:#aa0808;background-color:var(--sapAccentColor2,#aa0808);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-3{background-color:#cc00dc;background-color:var(--sapAccentColor3,#cc00dc);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-4{background-color:#a100c2;background-color:var(--sapAccentColor4,#a100c2);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-5{background-color:#5d36ff;background-color:var(--sapAccentColor5,#5d36ff);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-6{background-color:#0057d2;background-color:var(--sapAccentColor6,#0057d2);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-7{background-color:#046c7a;background-color:var(--sapAccentColor7,#046c7a);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-8{background-color:#256f3a;background-color:var(--sapAccentColor8,#256f3a);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-9{background-color:#07838f;background-color:var(--sapAccentColor9,#07838f);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--accent-color-10{background-color:#5b738b;background-color:var(--sapAccentColor10,#5b738b);color:#fff;color:var(--fdAvatar_Accent_Color,var(--sapContent_ContrastTextColor,#fff))}.fd-avatar--xs{padding:0;margin:0;width:2rem;height:2rem;max-width:2rem;max-height:2rem;min-width:2rem;min-height:2rem;font-size:1rem;font-stretch:condensed;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.75rem;width:1.125rem;height:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.125rem}.fd-avatar--s{padding:0;margin:0;width:3rem;height:3rem;max-width:3rem;max-height:3rem;min-width:3rem;min-height:3rem;font-size:1.125rem;font-stretch:condensed;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.75rem;width:1.125rem;height:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.125rem}.fd-avatar--m{padding:0;margin:0;width:4rem;height:4rem;max-width:4rem;max-height:4rem;min-width:4rem;min-height:4rem;font-size:1.5rem;font-stretch:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.75rem;width:1.125rem;height:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.125rem}.fd-avatar--l{padding:0;margin:0;width:5rem;height:5rem;max-width:5rem;max-height:5rem;min-width:5rem;min-height:5rem;font-size:2.25rem;font-stretch:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon]{font-size:.875rem;width:1.25rem;height:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.1875rem}.fd-avatar--xl{padding:0;margin:0;width:7rem;height:7rem;max-width:7rem;max-height:7rem;min-width:7rem;min-height:7rem;font-size:3rem;font-stretch:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon]{font-size:1rem;width:1.75rem;height:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon]{right:auto;left:-.25rem}
|
package/dist/avatar.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-badge{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#32363a;color:var(--sapTextColor,#32363a);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1rem;max-width:calc(100% - 1rem);font-size:.75rem;font-size:var(--sapFontSmallSize,.75rem);line-height:normal;font-weight:700;background:#0854a0;background:var(--sapHighlightColor,#0854a0);color:#fff;color:var(--sapContent_ContrastTextColor,#fff);padding:0 .5rem;border:.0625rem solid transparent;border:.0625rem solid var(--fdBadge_Border_Color,transparent);border-radius:.5rem;position:absolute;right:.5rem;top:-.55rem;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{right:auto;left:.5rem}.fd-badge--static{position:static}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.20.
|
|
2
|
+
* Fundamental Library Styles v0.20.3
|
|
3
3
|
* Copyright (c) 2021 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
5
|
*/.fd-badge{font-size:.875rem;font-size:var(--sapFontSize,.875rem);line-height:1.4;line-height:var(--sapContent_LineHeight,1.4);color:#fafafa;color:var(--sapTextColor,#fafafa);font-family:"72","72full",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily,"72","72full",Arial,Helvetica,sans-serif);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1rem;max-width:calc(100% - 1rem);font-size:.75rem;font-size:var(--sapFontSmallSize,.75rem);line-height:normal;font-weight:700;background:#91c8f6;background:var(--sapHighlightColor,#91c8f6);color:#29313a;color:var(--sapContent_ContrastTextColor,#29313a);padding:0 .5rem;border:.0625rem solid transparent;border:.0625rem solid var(--fdBadge_Border_Color,transparent);border-radius:.5rem;position:absolute;right:.5rem;top:-.55rem;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{right:auto;left:.5rem}.fd-badge--static{position:static}
|