@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
5 lines • 2.89 kB
JavaScript
export const styleData = ` ui5-webcomponents-react{._btn_1y8oi_1{text-shadow:var(--sapContent_TextShadow);color:var(--sapButton_Information_TextColor);background:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}&:hover{color:var(--sapButton_Information_Hover_TextColor);background:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_BorderColor)}&:active{color:var(--sapButton_Information_Active_TextColor);background:var(--sapButton_Information_Active_Background);border-color:var(--sapButton_Information_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}&[data-type=Negative]{text-shadow:var(--sapContent_ContrastTextShadow);color:var(--sapButton_Negative_TextColor);background:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor);&::part(button):after{border-color:var(--sapContent_ContrastFocusColor)}&:hover{color:var(--sapButton_Negative_Hover_TextColor);background:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_BorderColor)}&:active{color:var(--sapButton_Negative_Active_TextColor);background:var(--sapButton_Negative_Active_Background);border-color:var(--sapButton_Negative_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}}&[data-type=Critical]{text-shadow:var(--sapContent_ContrastTextShadow);color:var(--sapButton_Critical_TextColor);background:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor);&::part(button):after{border-color:var(--sapContent_ContrastFocusColor)}&:hover{color:var(--sapButton_Critical_Hover_TextColor);background:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_BorderColor)}&:active{color:var(--sapButton_Critical_Active_TextColor);background:var(--sapButton_Critical_Active_Background);border-color:var(--sapButton_Critical_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}}&[data-type=Positive]{text-shadow:var(--sapContent_ContrastTextShadow);color:var(--sapButton_Success_TextColor);background:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor);&::part(button):after{border-color:var(--sapContent_ContrastFocusColor)}&:hover{color:var(--sapButton_Success_Hover_TextColor);background:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_BorderColor)}&:active{color:var(--sapButton_Success_Active_TextColor);background:var(--sapButton_Success_Active_Background);border-color:var(--sapButton_Success_Active_BorderColor);&::part(button):after{border-color:var(--sapContent_FocusColor)}}}}}`;
export const classNames = {
"btn": "_btn_1y8oi_1"
};
export { styleData as content };