@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
14 lines • 2.1 kB
JavaScript
export const styleData = `@layer ui5-webcomponents-react{._dialog_3uhsn_1{&::part(header){padding-block-end:.25rem;flex-direction:column;margin-block-end:0}&::part(content){padding:0}}._headerContent_3uhsn_13{display:grid;grid-template-columns:fit-content(100px) minmax(0,1fr) fit-content(100px);grid-template-areas:"titleStart titleCenter cancel" "input input input";grid-template-rows:var(--_ui5wcr-DialogHeaderHeight) var(--_ui5wcr-DialogSubHeaderHeight);width:100%;align-items:center}._title_3uhsn_24{font-size:var(--sapFontLargeSize);font-family:var(--sapFontHeaderFamily);grid-column-start:titleStart;grid-column-end:titleCenter;max-width:100%;overflow:hidden;text-overflow:ellipsis}._titleCenterAlign_3uhsn_34{grid-area:titleCenter;justify-self:center}._hiddenClearBtn_3uhsn_39{grid-area:titleStart;visibility:hidden}._clearBtn_3uhsn_44{grid-area:cancel;justify-self:end}._input_3uhsn_49{grid-area:input;width:100%}._footer_3uhsn_54{display:flex;align-items:center;justify-content:flex-end;width:100%;box-sizing:border-box;>*{margin-inline-start:.5rem}}._inputIcon_3uhsn_66{cursor:pointer;color:var(--sapField_TextColor);&:hover{box-shadow:var(--sapField_Hover_Shadow);background-color:var(--_ui5_input_icon_hover_bg)}&:active{box-shadow:var(--sapField_Hover_Shadow);color:var(--sapButton_Active_TextColor);background-color:var(--sapButton_Active_Background)}}._infoBar_3uhsn_82{height:2rem;background-color:var(--sapInfobar_NonInteractive_Background);color:var(--sapList_TextColor);padding-inline-start:var(--_ui5wcr-CheckBoxPaddingInline);border-block-end:.0625rem solid var(--sapGroup_TitleBorderColor);overflow:hidden;position:sticky;top:0;z-index:1}}`;
export const classNames = {
"dialog": "_dialog_3uhsn_1",
"headerContent": "_headerContent_3uhsn_13",
"title": "_title_3uhsn_24",
"titleCenterAlign": "_titleCenterAlign_3uhsn_34",
"hiddenClearBtn": "_hiddenClearBtn_3uhsn_39",
"clearBtn": "_clearBtn_3uhsn_44",
"input": "_input_3uhsn_49",
"footer": "_footer_3uhsn_54",
"inputIcon": "_inputIcon_3uhsn_66",
"infoBar": "_infoBar_3uhsn_82"
};
export { styleData as content };