@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
25 lines • 4.31 kB
JavaScript
export const styleData = ` ui5-webcomponents-react{._cardHeader_216cu_1{padding:1rem;position:relative;background-color:var(--sapTile_Background);&:focus:before{content:"";outline:none;position:absolute;pointer-events:none;inset:var(--_ui5_card_header_focus_offset);border:var(--_ui5_card_header_focus_border);border-radius:var(--_ui5_card_header_focus_radius) var(--_ui5_card_header_focus_radius) var(--_ui5_card_header_focus_bottom_radius) var(--_ui5_card_header_focus_bottom_radius)}&:focus-visible{outline:none}}._cardHeaderClickable_216cu_22{cursor:pointer}._headerTitles_216cu_26{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-width:0;width:100%}._headerFirstLine_216cu_35{display:flex;justify-content:space-between;width:100%}._headerSecondLine_216cu_41{position:relative;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapTile_TextColor);min-height:1rem;flex-grow:1;display:flex;align-items:flex-end;white-space:normal;word-wrap:break-word;overflow:hidden;text-align:start;text-overflow:ellipsis;margin:.5rem 0 0;width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical}._headerText_216cu_62{font-family:var(--sapFontHeaderFamily);font-weight:var(--sapFontHeaderWeight);font-size:var(--sapFontHeader6Size);color:var(--sapTile_TitleTextColor);overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word;text-align:start;text-overflow:ellipsis}._status_216cu_76{font-size:var(--sapFontSmallSize);color:var(--sapTile_TextColor);line-height:normal;text-align:end;margin-inline-start:1rem;margin-block-start:.125rem}._unitOfMeasurement_216cu_85{margin-inline-start:.25rem;padding-inline-start:.25rem;border-inline-start:1px solid var(--sapTile_TextColor)}._kpiContent_216cu_91{display:flex;align-items:flex-start;margin-block-start:.25rem}._mainIndicator_216cu_97{color:var(--sapNeutralTextColor);display:inline-flex;justify-content:flex-start;position:relative;white-space:nowrap;text-align:end;text-overflow:ellipsis;font-size:2.25rem;font-family:var(--sapFontFamily);font-weight:400}._value_216cu_110{padding-block-start:.125rem;height:2.875rem;font-family:var(--sapFontLightFamily)}._indicatorAndUnit_216cu_116{display:grid;text-overflow:ellipsis;text-align:center;height:2.125rem;padding-inline-start:.375rem;padding-block:.5rem .375rem}._indicator_216cu_116{grid-column:1;grid-row:1;width:var(--sapFontSmallSize);height:var(--sapFontSmallSize);color:currentColor}._unit_216cu_85{grid-column:1;grid-row:1;margin-top:.9375rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize)}._indicatorGap_216cu_141{flex:1 0 1rem;max-width:3rem}._sideIndicators_216cu_146{display:flex;padding:.5rem 0;min-width:0;>*{margin-inline-end:1rem}&:last-child{margin-inline-end:0}}._description_216cu_160{font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize);color:var(--sapTile_TextColor);font-weight:400;white-space:normal;overflow:hidden;text-align:start;text-overflow:ellipsis;margin-block-start:.25rem;width:100%;display:-webkit-box;line-height:14px;max-height:14px;-webkit-line-clamp:1;-webkit-box-orient:vertical}._good_216cu_178{color:var(--sapPositiveTextColor)}._error_216cu_182{color:var(--sapNegativeTextColor)}._critical_216cu_186{color:var(--sapCriticalTextColor)}._neutral_216cu_190{color:var(--sapNeutralTextColor)}}`;
export const classNames = {
"cardHeader": "_cardHeader_216cu_1",
"cardHeaderClickable": "_cardHeaderClickable_216cu_22",
"headerTitles": "_headerTitles_216cu_26",
"headerFirstLine": "_headerFirstLine_216cu_35",
"headerSecondLine": "_headerSecondLine_216cu_41",
"headerText": "_headerText_216cu_62",
"status": "_status_216cu_76",
"unitOfMeasurement": "_unitOfMeasurement_216cu_85",
"kpiContent": "_kpiContent_216cu_91",
"mainIndicator": "_mainIndicator_216cu_97",
"value": "_value_216cu_110",
"indicatorAndUnit": "_indicatorAndUnit_216cu_116",
"indicator": "_indicator_216cu_116",
"unit": "_unit_216cu_85",
"indicatorGap": "_indicatorGap_216cu_141",
"sideIndicators": "_sideIndicators_216cu_146",
"description": "_description_216cu_160",
"good": "_good_216cu_178",
"error": "_error_216cu_182",
"critical": "_critical_216cu_186",
"neutral": "_neutral_216cu_190"
};
export { styleData as content };