@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
14 lines • 1.92 kB
JavaScript
export const styleData = ` ui5-webcomponents-react{._container_tih4g_1{width:100%;overflow-x:hidden;overflow-y:auto;display:flex;height:100%;>*{width:100%;flex-shrink:0;transition:transform .2s ease-in-out,opacity .3s ease-in-out}}._container_tih4g_1[data-with-animation=false]>*{transition:none}._showDetails_tih4g_21>*{transform:translateX(-100%)}:dir(rtl) ._showDetails_tih4g_21>*{transform:translateX(100%)}._button_tih4g_29{&[data-key=Negative]:not([pressed]){color:var(--sapNegativeElementColor)}&[data-key=Critical]:not([pressed]){color:var(--sapCriticalElementColor)}&[data-key=Positive]:not([pressed]){color:var(--sapPositiveElementColor)}&[data-key=Information]:not([pressed]){color:var(--sapInformativeElementColor)}}._details_tih4g_47{padding:1rem}._detailsIcon_tih4g_51{flex-shrink:0;margin:0 1rem 0 .5rem;&[data-type=Negative]{color:var(--sapNegativeElementColor)}&[data-type=Critical]{color:var(--sapCriticalElementColor)}&[data-type=Positive]{color:var(--sapPositiveElementColor)}&[data-type=Information],&[data-type=None]{color:var(--sapInformativeElementColor)}}._detailsTextContainer_tih4g_73{overflow:hidden}._detailsTitle_tih4g_77{margin-block-end:1rem}._detailsText_tih4g_73{font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:1.4;color:var(--sapTextColor);margin-block-end:1rem}._messagesContainer_tih4g_89{height:100%}._detailsContainer_tih4g_93{height:100%}}`;
export const classNames = {
"container": "_container_tih4g_1",
"showDetails": "_showDetails_tih4g_21",
"button": "_button_tih4g_29",
"details": "_details_tih4g_47",
"detailsIcon": "_detailsIcon_tih4g_51",
"detailsTextContainer": "_detailsTextContainer_tih4g_73",
"detailsTitle": "_detailsTitle_tih4g_77",
"detailsText": "_detailsText_tih4g_73",
"messagesContainer": "_messagesContainer_tih4g_89",
"detailsContainer": "_detailsContainer_tih4g_93"
};
export { styleData as content };