2024-01-29 09:26:07 +08:00
|
|
|
import { commonLight } from "../../_styles/common/index.mjs";
|
2024-08-02 18:19:39 +08:00
|
|
|
import sizeVariables from "./_common.mjs";
|
|
|
|
|
function self(vars) {
|
2024-01-29 09:26:07 +08:00
|
|
|
const indicatorColor = 'rgba(0, 0, 0, .85)';
|
|
|
|
|
const boxShadow = '0 2px 8px 0 rgba(0, 0, 0, 0.12)';
|
|
|
|
|
const {
|
|
|
|
|
railColor,
|
|
|
|
|
primaryColor,
|
|
|
|
|
baseColor,
|
|
|
|
|
cardColor,
|
|
|
|
|
modalColor,
|
|
|
|
|
popoverColor,
|
|
|
|
|
borderRadius,
|
|
|
|
|
fontSize,
|
|
|
|
|
opacityDisabled
|
|
|
|
|
} = vars;
|
|
|
|
|
return Object.assign(Object.assign({}, sizeVariables), {
|
|
|
|
|
fontSize,
|
|
|
|
|
markFontSize: fontSize,
|
|
|
|
|
railColor,
|
|
|
|
|
railColorHover: railColor,
|
|
|
|
|
fillColor: primaryColor,
|
|
|
|
|
fillColorHover: primaryColor,
|
|
|
|
|
opacityDisabled,
|
|
|
|
|
handleColor: '#FFF',
|
|
|
|
|
dotColor: cardColor,
|
|
|
|
|
dotColorModal: modalColor,
|
|
|
|
|
dotColorPopover: popoverColor,
|
|
|
|
|
handleBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)',
|
|
|
|
|
handleBoxShadowHover: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)',
|
|
|
|
|
handleBoxShadowActive: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)',
|
|
|
|
|
handleBoxShadowFocus: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)',
|
|
|
|
|
indicatorColor,
|
|
|
|
|
indicatorBoxShadow: boxShadow,
|
|
|
|
|
indicatorTextColor: baseColor,
|
|
|
|
|
indicatorBorderRadius: borderRadius,
|
|
|
|
|
dotBorder: `2px solid ${railColor}`,
|
|
|
|
|
dotBorderActive: `2px solid ${primaryColor}`,
|
|
|
|
|
dotBoxShadow: ''
|
|
|
|
|
});
|
2024-08-02 18:19:39 +08:00
|
|
|
}
|
2024-01-29 09:26:07 +08:00
|
|
|
const sliderLight = {
|
|
|
|
|
name: 'Slider',
|
|
|
|
|
common: commonLight,
|
|
|
|
|
self
|
|
|
|
|
};
|
|
|
|
|
export default sliderLight;
|
