54 lines
3.2 KiB
JavaScript
54 lines
3.2 KiB
JavaScript
"use strict";
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
const seemly_1 = require("seemly");
|
|
const common_1 = require("../../../_styles/common");
|
|
const styles_1 = require("../../../popover/styles");
|
|
const _mixins_1 = require("../../../_mixins");
|
|
const _common_1 = __importDefault(require("./_common"));
|
|
function self(vars) {
|
|
const { borderRadius, textColor2, textColorDisabled, inputColor, inputColorDisabled, primaryColor, primaryColorHover, warningColor, warningColorHover, errorColor, errorColorHover, borderColor, iconColor, iconColorDisabled, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge } = vars;
|
|
return Object.assign(Object.assign({}, _common_1.default), { fontSizeTiny,
|
|
fontSizeSmall,
|
|
fontSizeMedium,
|
|
fontSizeLarge,
|
|
heightTiny,
|
|
heightSmall,
|
|
heightMedium,
|
|
heightLarge,
|
|
borderRadius,
|
|
// default
|
|
textColor: textColor2, textColorDisabled,
|
|
placeholderColor,
|
|
placeholderColorDisabled, color: inputColor, colorDisabled: inputColorDisabled, colorActive: inputColor, border: `1px solid ${borderColor}`, borderHover: `1px solid ${primaryColorHover}`, borderActive: `1px solid ${primaryColor}`, borderFocus: `1px solid ${primaryColorHover}`, boxShadowHover: 'none', boxShadowActive: `0 0 0 2px ${(0, seemly_1.changeColor)(primaryColor, {
|
|
alpha: 0.2
|
|
})}`, boxShadowFocus: `0 0 0 2px ${(0, seemly_1.changeColor)(primaryColor, {
|
|
alpha: 0.2
|
|
})}`, 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 0 2px ${(0, seemly_1.changeColor)(warningColor, {
|
|
alpha: 0.2
|
|
})}`, boxShadowFocusWarning: `0 0 0 2px ${(0, seemly_1.changeColor)(warningColor, {
|
|
alpha: 0.2
|
|
})}`, colorActiveWarning: inputColor, caretColorWarning: warningColor,
|
|
// error
|
|
borderError: `1px solid ${errorColor}`, borderHoverError: `1px solid ${errorColorHover}`, borderActiveError: `1px solid ${errorColor}`, borderFocusError: `1px solid ${errorColorHover}`, boxShadowHoverError: 'none', boxShadowActiveError: `0 0 0 2px ${(0, seemly_1.changeColor)(errorColor, {
|
|
alpha: 0.2
|
|
})}`, boxShadowFocusError: `0 0 0 2px ${(0, seemly_1.changeColor)(errorColor, {
|
|
alpha: 0.2
|
|
})}`, colorActiveError: inputColor, caretColorError: errorColor, clearColor,
|
|
clearColorHover,
|
|
clearColorPressed });
|
|
}
|
|
const internalSelectionLight = (0, _mixins_1.createTheme)({
|
|
name: 'InternalSelection',
|
|
common: common_1.commonLight,
|
|
peers: {
|
|
Popover: styles_1.popoverLight
|
|
},
|
|
self
|
|
});
|
|
exports.default = internalSelectionLight;
|