57 lines
1.3 KiB
JavaScript
57 lines
1.3 KiB
JavaScript
|
import { commonLight } from "../../_styles/common/index.mjs";
|
||
|
|
import commonVariables from "./_common.mjs";
|
||
|
|
export const self = vars => {
|
||
|
|
const {
|
||
|
|
primaryColor,
|
||
|
|
borderRadius,
|
||
|
|
lineHeight,
|
||
|
|
fontSize,
|
||
|
|
cardColor,
|
||
|
|
textColor2,
|
||
|
|
textColor1,
|
||
|
|
dividerColor,
|
||
|
|
fontWeightStrong,
|
||
|
|
closeIconColor,
|
||
|
|
closeIconColorHover,
|
||
|
|
closeIconColorPressed,
|
||
|
|
closeColorHover,
|
||
|
|
closeColorPressed,
|
||
|
|
modalColor,
|
||
|
|
boxShadow1,
|
||
|
|
popoverColor,
|
||
|
|
actionColor
|
||
|
|
} = vars;
|
||
|
|
return Object.assign(Object.assign({}, commonVariables), {
|
||
|
|
lineHeight,
|
||
|
|
color: cardColor,
|
||
|
|
colorModal: modalColor,
|
||
|
|
colorPopover: popoverColor,
|
||
|
|
colorTarget: primaryColor,
|
||
|
|
colorEmbedded: actionColor,
|
||
|
|
colorEmbeddedModal: actionColor,
|
||
|
|
colorEmbeddedPopover: actionColor,
|
||
|
|
textColor: textColor2,
|
||
|
|
titleTextColor: textColor1,
|
||
|
|
borderColor: dividerColor,
|
||
|
|
actionColor,
|
||
|
|
titleFontWeight: fontWeightStrong,
|
||
|
|
closeColorHover,
|
||
|
|
closeColorPressed,
|
||
|
|
closeBorderRadius: borderRadius,
|
||
|
|
closeIconColor,
|
||
|
|
closeIconColorHover,
|
||
|
|
closeIconColorPressed,
|
||
|
|
fontSizeSmall: fontSize,
|
||
|
|
fontSizeMedium: fontSize,
|
||
|
|
fontSizeLarge: fontSize,
|
||
|
|
fontSizeHuge: fontSize,
|
||
|
|
boxShadow: boxShadow1,
|
||
|
|
borderRadius
|
||
|
|
});
|
||
|
|
};
|
||
|
|
const cardLight = {
|
||
|
|
name: 'Card',
|
||
|
|
common: commonLight,
|
||
|
|
self
|
||
|
|
};
|
||
|
|
export default cardLight;
|