@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
17 lines • 2.31 kB
JavaScript
export const styleData = {
packageName: '@ui5/webcomponents-react',
fileName: 'MessageView.module.css',
content: "@layer ui5-webcomponents-react{.MessageView_container_1be3f_1{display:flex;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.MessageView_container_1be3f_1>*{flex-shrink:0;transition:transform .2s ease-in-out;width:100%}.MessageView_showDetails_1be3f_15>*{transform:translateX(-100%)}.MessageView_button_1be3f_21[data-key=Negative]:not([pressed]){color:var(--sapNegativeElementColor)}.MessageView_button_1be3f_21[data-key=Critical]:not([pressed]){color:var(--sapCriticalElementColor)}.MessageView_button_1be3f_21[data-key=Positive]:not([pressed]){color:var(--sapPositiveElementColor)}.MessageView_button_1be3f_21[data-key=Information]:not([pressed]){color:var(--sapInformativeElementColor)}.MessageView_details_1be3f_39{padding:1rem}.MessageView_detailsIcon_1be3f_43{flex-shrink:0;margin:0 1rem 0 .5rem}.MessageView_detailsIcon_1be3f_43[data-type=Negative]{color:var(--sapNegativeElementColor)}.MessageView_detailsIcon_1be3f_43[data-type=Critical]{color:var(--sapCriticalElementColor)}.MessageView_detailsIcon_1be3f_43[data-type=Positive]{color:var(--sapPositiveElementColor)}.MessageView_detailsIcon_1be3f_43[data-type=Information],.MessageView_detailsIcon_1be3f_43[data-type=None]{color:var(--sapInformativeElementColor)}.MessageView_detailsTextContainer_1be3f_65{overflow:hidden}.MessageView_detailsTitle_1be3f_69{margin-block-end:1rem}.MessageView_detailsText_1be3f_65{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:1.4;margin-block-end:1rem}.MessageView_messagesContainer_1be3f_81{height:100%}.MessageView_detailsContainer_1be3f_85{height:100%}}"
};
export const classNames = {
"container": "MessageView_container_1be3f_1",
"showDetails": "MessageView_showDetails_1be3f_15",
"button": "MessageView_button_1be3f_21",
"details": "MessageView_details_1be3f_39",
"detailsIcon": "MessageView_detailsIcon_1be3f_43",
"detailsTextContainer": "MessageView_detailsTextContainer_1be3f_65",
"detailsTitle": "MessageView_detailsTitle_1be3f_69",
"detailsText": "MessageView_detailsText_1be3f_65",
"messagesContainer": "MessageView_messagesContainer_1be3f_81",
"detailsContainer": "MessageView_detailsContainer_1be3f_85"
};