@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
17 lines • 2.23 kB
JavaScript
export const styleData = {
packageName: '@ui5/webcomponents-react',
fileName: 'SelectDialog.module.css',
content: "@layer ui5-webcomponents-react{.SelectDialog_dialog_1gi2q_1::part(header){flex-direction:column;margin-block-end:0;padding-block-end:.25rem}.SelectDialog_dialog_1gi2q_1::part(content){padding:0}.SelectDialog_headerContent_1gi2q_13{align-items:center;display:grid;grid-template-areas:\"titleStart titleCenter cancel\" \"input input input\";grid-template-columns:fit-content(100px) minmax(0,1fr) fit-content(100px);grid-template-rows:var(--_ui5wcr-DialogHeaderHeight) var(--_ui5wcr-DialogSubHeaderHeight);width:100%}.SelectDialog_title_1gi2q_24{font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontLargeSize);grid-column-end:titleCenter;grid-column-start:titleStart;max-width:100%;overflow:hidden;text-overflow:ellipsis}.SelectDialog_titleCenterAlign_1gi2q_34{grid-area:titleCenter;justify-self:center}.SelectDialog_hiddenClearBtn_1gi2q_39{grid-area:titleStart;visibility:hidden}.SelectDialog_clearBtn_1gi2q_44{grid-area:cancel;justify-self:end}.SelectDialog_input_1gi2q_49{grid-area:input;width:100%}.SelectDialog_footer_1gi2q_54{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-end;width:100%}.SelectDialog_footer_1gi2q_54>*{margin-inline-start:.5rem}.SelectDialog_inputIcon_1gi2q_66{color:var(--sapContent_IconColor);cursor:pointer}.SelectDialog_infoBar_1gi2q_71{background-color:var(--sapInfobar_NonInteractive_Background);border-block-end:.0625rem solid var(--sapGroup_TitleBorderColor);color:var(--sapList_TextColor);height:2rem;overflow:hidden;padding-inline-start:var(--_ui5wcr-CheckBoxPaddingInline);position:sticky;top:0;z-index:1}}"
};
export const classNames = {
"dialog": "SelectDialog_dialog_1gi2q_1",
"headerContent": "SelectDialog_headerContent_1gi2q_13",
"title": "SelectDialog_title_1gi2q_24",
"titleCenterAlign": "SelectDialog_titleCenterAlign_1gi2q_34",
"hiddenClearBtn": "SelectDialog_hiddenClearBtn_1gi2q_39",
"clearBtn": "SelectDialog_clearBtn_1gi2q_44",
"input": "SelectDialog_input_1gi2q_49",
"footer": "SelectDialog_footer_1gi2q_54",
"inputIcon": "SelectDialog_inputIcon_1gi2q_66",
"infoBar": "SelectDialog_infoBar_1gi2q_71"
};