@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
15 lines (14 loc) • 2.02 kB
TypeScript
export declare const styleData = "@layer 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 declare const classNames: {
readonly container: "_container_tih4g_1";
readonly showDetails: "_showDetails_tih4g_21";
readonly button: "_button_tih4g_29";
readonly details: "_details_tih4g_47";
readonly detailsIcon: "_detailsIcon_tih4g_51";
readonly detailsTextContainer: "_detailsTextContainer_tih4g_73";
readonly detailsTitle: "_detailsTitle_tih4g_77";
readonly detailsText: "_detailsText_tih4g_73";
readonly messagesContainer: "_messagesContainer_tih4g_89";
readonly detailsContainer: "_detailsContainer_tih4g_93";
};
export { styleData as content };