113 lines
3.2 KiB
JavaScript
113 lines
3.2 KiB
JavaScript
|
import { changeColor } from 'seemly';
|
||
|
|
import { commonDark } from "../../../_styles/common/index.mjs";
|
||
|
|
import { popoverDark } from "../../../popover/styles/index.mjs";
|
||
|
|
import commonVars from "./_common.mjs";
|
||
|
|
const internalSelectionDark = {
|
||
|
|
name: 'InternalSelection',
|
||
|
|
common: commonDark,
|
||
|
|
peers: {
|
||
|
|
Popover: popoverDark
|
||
|
|
},
|
||
|
|
self(vars) {
|
||
|
|
const {
|
||
|
|
borderRadius,
|
||
|
|
textColor2,
|
||
|
|
textColorDisabled,
|
||
|
|
inputColor,
|
||
|
|
inputColorDisabled,
|
||
|
|
primaryColor,
|
||
|
|
primaryColorHover,
|
||
|
|
warningColor,
|
||
|
|
warningColorHover,
|
||
|
|
errorColor,
|
||
|
|
errorColorHover,
|
||
|
|
iconColor,
|
||
|
|
iconColorDisabled,
|
||
|
|
clearColor,
|
||
|
|
clearColorHover,
|
||
|
|
clearColorPressed,
|
||
|
|
placeholderColor,
|
||
|
|
placeholderColorDisabled,
|
||
|
|
fontSizeTiny,
|
||
|
|
fontSizeSmall,
|
||
|
|
fontSizeMedium,
|
||
|
|
fontSizeLarge,
|
||
|
|
heightTiny,
|
||
|
|
heightSmall,
|
||
|
|
heightMedium,
|
||
|
|
heightLarge
|
||
|
|
} = vars;
|
||
|
|
return Object.assign(Object.assign({}, commonVars), {
|
||
|
|
fontSizeTiny,
|
||
|
|
fontSizeSmall,
|
||
|
|
fontSizeMedium,
|
||
|
|
fontSizeLarge,
|
||
|
|
heightTiny,
|
||
|
|
heightSmall,
|
||
|
|
heightMedium,
|
||
|
|
heightLarge,
|
||
|
|
borderRadius,
|
||
|
|
// default
|
||
|
|
textColor: textColor2,
|
||
|
|
textColorDisabled,
|
||
|
|
placeholderColor,
|
||
|
|
placeholderColorDisabled,
|
||
|
|
color: inputColor,
|
||
|
|
colorDisabled: inputColorDisabled,
|
||
|
|
colorActive: changeColor(primaryColor, {
|
||
|
|
alpha: 0.1
|
||
|
|
}),
|
||
|
|
border: '1px solid #0000',
|
||
|
|
borderHover: `1px solid ${primaryColorHover}`,
|
||
|
|
borderActive: `1px solid ${primaryColor}`,
|
||
|
|
borderFocus: `1px solid ${primaryColorHover}`,
|
||
|
|
boxShadowHover: 'none',
|
||
|
|
boxShadowActive: `0 0 8px 0 ${changeColor(primaryColor, {
|
||
|
|
alpha: 0.4
|
||
|
|
})}`,
|
||
|
|
boxShadowFocus: `0 0 8px 0 ${changeColor(primaryColor, {
|
||
|
|
alpha: 0.4
|
||
|
|
})}`,
|
||
|
|
caretColor: primaryColor,
|
||
|
|
arrowColor: iconColor,
|
||
|
|
arrowColorDisabled: iconColorDisabled,
|
||
|
|
loadingColor: primaryColor,
|
||
|
|
// warning
|
||
|
|
borderWarning: `1px solid ${warningColor}`,
|
||
|
|
borderHoverWarning: `1px solid ${warningColorHover}`,
|
||
|
|
borderActiveWarning: `1px solid ${warningColor}`,
|
||
|
|
borderFocusWarning: `1px solid ${warningColorHover}`,
|
||
|
|
boxShadowHoverWarning: 'none',
|
||
|
|
boxShadowActiveWarning: `0 0 8px 0 ${changeColor(warningColor, {
|
||
|
|
alpha: 0.4
|
||
|
|
})}`,
|
||
|
|
boxShadowFocusWarning: `0 0 8px 0 ${changeColor(warningColor, {
|
||
|
|
alpha: 0.4
|
||
|
|
})}`,
|
||
|
|
colorActiveWarning: changeColor(warningColor, {
|
||
|
|
alpha: 0.1
|
||
|
|
}),
|
||
|
|
caretColorWarning: warningColor,
|
||
|
|
// error
|
||
|
|
borderError: `1px solid ${errorColor}`,
|
||
|
|
borderHoverError: `1px solid ${errorColorHover}`,
|
||
|
|
borderActiveError: `1px solid ${errorColor}`,
|
||
|
|
borderFocusError: `1px solid ${errorColorHover}`,
|
||
|
|
boxShadowHoverError: 'none',
|
||
|
|
boxShadowActiveError: `0 0 8px 0 ${changeColor(errorColor, {
|
||
|
|
alpha: 0.4
|
||
|
|
})}`,
|
||
|
|
boxShadowFocusError: `0 0 8px 0 ${changeColor(errorColor, {
|
||
|
|
alpha: 0.4
|
||
|
|
})}`,
|
||
|
|
colorActiveError: changeColor(errorColor, {
|
||
|
|
alpha: 0.1
|
||
|
|
}),
|
||
|
|
caretColorError: errorColor,
|
||
|
|
clearColor,
|
||
|
|
clearColorHover,
|
||
|
|
clearColorPressed
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
export default internalSelectionDark;
|