@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
17 lines • 2.62 kB
JavaScript
export 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 const classNames = {
"outerContainer": "_outerContainer_4pg6n_1",
"outerContainerWithToolbar": "_outerContainerWithToolbar_4pg6n_5",
"filterBarHeader": "_filterBarHeader_4pg6n_11",
"filterArea": "_filterArea_4pg6n_25",
"filterAreaClosed": "_filterAreaClosed_4pg6n_37",
"filterAreaOpen": "_filterAreaOpen_4pg6n_45",
"showFiltersBtn": "_showFiltersBtn_4pg6n_49",
"filterBarButtons": "_filterBarButtons_4pg6n_53",
"searchContainer": "_searchContainer_4pg6n_70",
"spacer": "_spacer_4pg6n_76",
"lastSpacer": "_lastSpacer_4pg6n_86",
"toolbar": "_toolbar_4pg6n_95",
"wcToolbar": "_wcToolbar_4pg6n_105"
};
export { styleData as content };