@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
18 lines (17 loc) • 2.75 kB
TypeScript
export declare const styleData = "@layer ui5-webcomponents-react{._outerContainer_4pg6n_1{background:var(--sapObjectHeader_Background)}._outerContainerWithToolbar_4pg6n_5{padding-block:.5rem 1px;padding-inline:2rem;box-shadow:var(--sapContent_HeaderShadow)}._filterBarHeader_4pg6n_11{display:flex;align-items:center;background:var(--sapObjectHeader_Background);min-height:3rem;padding-block-end:.5rem;box-shadow:none;flex-wrap:wrap;[data-component-name=ToolbarContent]>:first-child{margin-inline-start:0}}._filterArea_4pg6n_25{display:flex;align-items:center;flex-wrap:wrap;padding-block-start:1rem;margin-block-end:1rem;background:var(--sapObjectHeader_Background);transition:max-height .2s ease-out,opacity .2s ease-in}._filterAreaClosed_4pg6n_37{max-height:0;opacity:0;padding:0;margin:0;overflow-y:auto}._filterAreaOpen_4pg6n_45{opacity:1}._showFiltersBtn_4pg6n_49{min-width:108px}._filterBarButtons_4pg6n_53{display:flex;align-items:center;position:absolute;inset-inline:auto 0;margin-inline-end:1rem;margin-block-end:1rem;>:not(:first-child){margin-inline-start:.25rem}>:not(:last-child){margin-inline-end:.25rem}}._searchContainer_4pg6n_70{>[ui5-input]{width:100%}}._spacer_4pg6n_76{height:0;margin-block-start:0;margin-inline-end:1rem;flex-grow:1;flex-shrink:0;flex-basis:calc(var(--_ui5wcr_filter_group_item_flex_basis));max-width:calc(var(--_ui5wcr_filter_group_item_flex_basis)*2)}._lastSpacer_4pg6n_86{height:var(--_ui5wcr-ElementHeight);flex-grow:1;flex-shrink:0;flex-basis:calc(var(--_ui5wcr_filter_group_item_flex_basis));max-width:calc(var(--_ui5wcr_filter_group_item_flex_basis)*2);margin-inline-end:1rem}._toolbar_4pg6n_95{&>:not([ui5-toolbar]){flex:1 0 auto;max-width:calc(100% - var(--_ui5_button_base_min_width) - var(--_ui5-toolbar-padding-left) - var(--_ui5-toolbar-padding-right))}}._wcToolbar_4pg6n_105{border:none;min-width:calc(var(--_ui5_button_base_min_width) + var(--_ui5-toolbar-padding-left) + var(--_ui5-toolbar-padding-right))}}";
export declare const classNames: {
readonly outerContainer: "_outerContainer_4pg6n_1";
readonly outerContainerWithToolbar: "_outerContainerWithToolbar_4pg6n_5";
readonly filterBarHeader: "_filterBarHeader_4pg6n_11";
readonly filterArea: "_filterArea_4pg6n_25";
readonly filterAreaClosed: "_filterAreaClosed_4pg6n_37";
readonly filterAreaOpen: "_filterAreaOpen_4pg6n_45";
readonly showFiltersBtn: "_showFiltersBtn_4pg6n_49";
readonly filterBarButtons: "_filterBarButtons_4pg6n_53";
readonly searchContainer: "_searchContainer_4pg6n_70";
readonly spacer: "_spacer_4pg6n_76";
readonly lastSpacer: "_lastSpacer_4pg6n_86";
readonly toolbar: "_toolbar_4pg6n_95";
readonly wcToolbar: "_wcToolbar_4pg6n_105";
};
export { styleData as content };