54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
|
import { changeColor } from 'seemly';
|
||
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
||
|
|
import commonVariables from "./_common.mjs";
|
||
|
|
export const self = vars => {
|
||
|
|
const {
|
||
|
|
baseColor,
|
||
|
|
inputColorDisabled,
|
||
|
|
cardColor,
|
||
|
|
modalColor,
|
||
|
|
popoverColor,
|
||
|
|
textColorDisabled,
|
||
|
|
borderColor,
|
||
|
|
primaryColor,
|
||
|
|
textColor2,
|
||
|
|
fontSizeSmall,
|
||
|
|
fontSizeMedium,
|
||
|
|
fontSizeLarge,
|
||
|
|
borderRadiusSmall,
|
||
|
|
lineHeight
|
||
|
|
} = vars;
|
||
|
|
return Object.assign(Object.assign({}, commonVariables), {
|
||
|
|
labelLineHeight: lineHeight,
|
||
|
|
fontSizeSmall,
|
||
|
|
fontSizeMedium,
|
||
|
|
fontSizeLarge,
|
||
|
|
borderRadius: borderRadiusSmall,
|
||
|
|
color: baseColor,
|
||
|
|
colorChecked: primaryColor,
|
||
|
|
colorDisabled: inputColorDisabled,
|
||
|
|
colorDisabledChecked: inputColorDisabled,
|
||
|
|
colorTableHeader: cardColor,
|
||
|
|
colorTableHeaderModal: modalColor,
|
||
|
|
colorTableHeaderPopover: popoverColor,
|
||
|
|
checkMarkColor: baseColor,
|
||
|
|
checkMarkColorDisabled: textColorDisabled,
|
||
|
|
checkMarkColorDisabledChecked: textColorDisabled,
|
||
|
|
border: `1px solid ${borderColor}`,
|
||
|
|
borderDisabled: `1px solid ${borderColor}`,
|
||
|
|
borderDisabledChecked: `1px solid ${borderColor}`,
|
||
|
|
borderChecked: `1px solid ${primaryColor}`,
|
||
|
|
borderFocus: `1px solid ${primaryColor}`,
|
||
|
|
boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
|
||
|
|
alpha: 0.3
|
||
|
|
})}`,
|
||
|
|
textColor: textColor2,
|
||
|
|
textColorDisabled
|
||
|
|
});
|
||
|
|
};
|
||
|
|
const checkboxLight = {
|
||
|
|
name: 'Checkbox',
|
||
|
|
common: commonLight,
|
||
|
|
self
|
||
|
|
};
|
||
|
|
export default checkboxLight;
|