@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
25 lines (24 loc) • 4.29 kB
TypeScript
export declare const styleData = "@layer ui5-webcomponents-react{._objectPage_21yby_1{container:objectPage/inline-size;--_ui5wcr_ObjectPage_header_display:block;--_ui5wcr_ObjectPage_title_fontsize:var(--sapObjectHeader_Title_FontSize);--_ui5wcr_ObjectPage_header_height:0;box-sizing:border-box;position:relative;z-index:0;display:flex;flex-direction:column;width:100%;height:100%;max-height:100vh;white-space:normal;font-family:var(--sapFontFamily);background-color:var(--sapBackgroundColor);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;&[data-in-iframe=true]{scroll-behavior:auto}}._iconTabBarMode_21yby_29 section[data-component-name=ObjectPageSection]>div[role=heading]{display:none}._header_21yby_34{--_ui5wcr_ObjectPage_header_display:block;box-sizing:border-box;background-color:var(--sapObjectHeader_Background);position:sticky;inset-block-start:0;z-index:5;cursor:pointer;display:grid;grid-auto-columns:100%}._headerCollapsed_21yby_46{--_ui5wcr_ObjectPage_header_display:none;--_ui5wcr_ObjectPage_title_fontsize:var(--sapObjectHeader_Title_SnappedFontSize)}._headerContainer_21yby_51{margin-block-end:.25rem;background-color:var(--sapObjectHeader_Background);display:grid}._hasAvatar_21yby_56{grid-auto-columns:min-content calc(100% - 7rem);[data-component-name=ObjectPageHeaderContent]{grid-column:2}}._headerHoverStyles_21yby_64{&[data-not-clickable=true]{cursor:unset}&[data-not-clickable=false]{background-color:var(--sapObjectHeader_Hover_Background);[data-component-name=ObjectPageTitle]{background-color:var(--sapObjectHeader_Hover_Background)}}}._headerImage_21yby_78{min-width:5rem;max-width:5rem;max-height:5rem;display:inline-block;margin-inline-end:2rem}._image_21yby_86{width:100%;height:100%}._anchorBar_21yby_91{position:sticky;z-index:5}._tabContainerSpacer_21yby_96{height:3px;background:var(--sapObjectHeader_Background)}._tabContainer_21yby_96{position:sticky;z-index:4;background:var(--sapObjectHeader_Background)}._tabContainerPlaceholder_21yby_107{box-shadow:var(--sapContent_HeaderShadow);height:1px;flex-shrink:0}._tabContainerComponent_21yby_114{&::part(content){display:none}&::part(tabstrip){padding:0;padding-inline:var(--_ui5wcr_ObjectPage_tab_bar_inline_padding)}}._content_21yby_125{flex-grow:1;position:relative;z-index:0}@container (max-width: 599px){._headerContainer_21yby_51,._header_21yby_34{padding-inline:1rem}._tabContainer_21yby_96{--_ui5wcr_ObjectPage_tab_bar_inline_padding:0}}@container (min-width: 600px) and (max-width: 1439px){._headerContainer_21yby_51,._header_21yby_34{padding-inline:2rem}._tabContainer_21yby_96{--_ui5wcr_ObjectPage_tab_bar_inline_padding:1rem}}@container (min-width: 1440px){._headerContainer_21yby_51,._header_21yby_34{padding-inline:3rem}._tabContainer_21yby_96{--_ui5wcr_ObjectPage_tab_bar_inline_padding:2rem}}._footer_21yby_164{position:sticky;inset-block-end:.5rem;margin:0 .5rem;z-index:4}._footerSpacer_21yby_171{height:1rem;flex-shrink:0}._subSectionPopover_21yby_176::part(content){padding:0}._clickArea_21yby_180{position:absolute;inset:0}._collapsedAvatarHidden_21yby_185{display:none}}";
export declare const classNames: {
readonly objectPage: "_objectPage_21yby_1";
readonly iconTabBarMode: "_iconTabBarMode_21yby_29";
readonly header: "_header_21yby_34";
readonly headerCollapsed: "_headerCollapsed_21yby_46";
readonly headerContainer: "_headerContainer_21yby_51";
readonly hasAvatar: "_hasAvatar_21yby_56";
readonly headerHoverStyles: "_headerHoverStyles_21yby_64";
readonly headerImage: "_headerImage_21yby_78";
readonly image: "_image_21yby_86";
readonly anchorBar: "_anchorBar_21yby_91";
readonly tabContainerSpacer: "_tabContainerSpacer_21yby_96";
readonly tabContainer: "_tabContainer_21yby_96";
readonly tabContainerPlaceholder: "_tabContainerPlaceholder_21yby_107 _tabContainer_21yby_96";
readonly tabContainerComponent: "_tabContainerComponent_21yby_114";
readonly content: "_content_21yby_125";
readonly footer: "_footer_21yby_164";
readonly footerSpacer: "_footerSpacer_21yby_171";
readonly subSectionPopover: "_subSectionPopover_21yby_176";
readonly clickArea: "_clickArea_21yby_180";
readonly collapsedAvatarHidden: "_collapsedAvatarHidden_21yby_185";
};
export { styleData as content };