@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
22 lines • 2.53 kB
JavaScript
export const styleData = {
packageName: '@ui5/webcomponents-react',
fileName: 'MessageItem.module.css',
content: "@layer ui5-webcomponents-react{.MessageItem_listItem_9l301_1{height:var(--_ui5wcr-MessageViewListItemHeightSingle)}.MessageItem_message_9l301_5{box-sizing:border-box;max-width:100%;overflow:hidden;padding:.25rem 0;padding-inline-end:1rem;width:100%}.MessageItem_withSubtitle_9l301_14{height:var(--_ui5wcr-MessageViewListItemHeightByLine)}.MessageItem_withChildren_9l301_18{padding-inline-end:0}.MessageItem_iconContainer_9l301_22{align-items:center;display:flex;height:2.25rem;justify-content:center;min-width:3rem;width:3rem}.MessageItem_icon_9l301_22{height:1rem;width:1rem}.MessageItem_title_9l301_36{color:var(--sapGroup_TitleTextColor);flex:1 1 auto;font-family:var(--sapFontHeaderFamily);font-size:var(--_ui5wcr-MessageItemTitleFontSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MessageItem_title_9l301_36+.MessageItem_subtitle_9l301_46{cursor:inherit;margin-block-start:.25rem}.MessageItem_counter_9l301_52{color:var(--sapContent_MarkerTextColor);flex:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);padding-inline-start:1rem}.MessageItem_navigation_9l301_60{flex-shrink:0;height:.875rem;padding:0 .9375rem;width:.875rem}.MessageItem_typeNegative_9l301_67 .MessageItem_icon_9l301_22{color:var(--sapNegativeElementColor)}.MessageItem_typePositive_9l301_73 .MessageItem_icon_9l301_22{color:var(--sapPositiveElementColor)}.MessageItem_typeCritical_9l301_79 .MessageItem_icon_9l301_22{color:var(--sapCriticalElementColor)}:is(.MessageItem_typeInformation_9l301_85,.MessageItem_typeNone_9l301_86) .MessageItem_icon_9l301_22{color:var(--sapInformativeElementColor)}}"
};
export const classNames = {
"listItem": "MessageItem_listItem_9l301_1",
"message": "MessageItem_message_9l301_5",
"withSubtitle": "MessageItem_withSubtitle_9l301_14",
"withChildren": "MessageItem_withChildren_9l301_18",
"iconContainer": "MessageItem_iconContainer_9l301_22",
"icon": "MessageItem_icon_9l301_22",
"title": "MessageItem_title_9l301_36",
"subtitle": "MessageItem_subtitle_9l301_46",
"counter": "MessageItem_counter_9l301_52",
"navigation": "MessageItem_navigation_9l301_60",
"typeNegative": "MessageItem_typeNegative_9l301_67",
"typePositive": "MessageItem_typePositive_9l301_73",
"typeCritical": "MessageItem_typeCritical_9l301_79",
"typeInformation": "MessageItem_typeInformation_9l301_85",
"typeNone": "MessageItem_typeNone_9l301_86"
};