@ui5/webcomponents-react/dist/components/ObjectPage/ObjectPage.module.css.js

React Wrapper for UI5 Web Components and additional components

export 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 const classNames = {
  "objectPage": "_objectPage_21yby_1",
  "iconTabBarMode": "_iconTabBarMode_21yby_29",
  "header": "_header_21yby_34",
  "headerCollapsed": "_headerCollapsed_21yby_46",
  "headerContainer": "_headerContainer_21yby_51",
  "hasAvatar": "_hasAvatar_21yby_56",
  "headerHoverStyles": "_headerHoverStyles_21yby_64",
  "headerImage": "_headerImage_21yby_78",
  "image": "_image_21yby_86",
  "anchorBar": "_anchorBar_21yby_91",
  "tabContainerSpacer": "_tabContainerSpacer_21yby_96",
  "tabContainer": "_tabContainer_21yby_96",
  "tabContainerPlaceholder": "_tabContainerPlaceholder_21yby_107 _tabContainer_21yby_96",
  "tabContainerComponent": "_tabContainerComponent_21yby_114",
  "content": "_content_21yby_125",
  "footer": "_footer_21yby_164",
  "footerSpacer": "_footerSpacer_21yby_171",
  "subSectionPopover": "_subSectionPopover_21yby_176",
  "clickArea": "_clickArea_21yby_180",
  "collapsedAvatarHidden": "_collapsedAvatarHidden_21yby_185"
};
export { styleData as content };