52 lines
3.7 KiB
JavaScript
52 lines
3.7 KiB
JavaScript
|
"use strict";
|
||
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||
|
|
};
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.self = void 0;
|
||
|
|
const seemly_1 = require("seemly");
|
||
|
|
const _common_1 = __importDefault(require("./_common"));
|
||
|
|
const styles_1 = require("../../ellipsis/styles");
|
||
|
|
const styles_2 = require("../../button/styles");
|
||
|
|
const styles_3 = require("../../checkbox/styles");
|
||
|
|
const styles_4 = require("../../radio/styles");
|
||
|
|
const styles_5 = require("../../pagination/styles");
|
||
|
|
const styles_6 = require("../../_internal/scrollbar/styles");
|
||
|
|
const styles_7 = require("../../popover/styles");
|
||
|
|
const styles_8 = require("../../empty/styles");
|
||
|
|
const styles_9 = require("../../dropdown/styles");
|
||
|
|
const common_1 = require("../../_styles/common");
|
||
|
|
const _mixins_1 = require("../../_mixins");
|
||
|
|
const self = (vars) => {
|
||
|
|
const { cardColor, modalColor, popoverColor, textColor2, textColor1, tableHeaderColor, tableColorHover, iconColor, primaryColor, fontWeightStrong, borderRadius, lineHeight, fontSizeSmall, fontSizeMedium, fontSizeLarge, dividerColor, heightSmall, opacityDisabled, tableColorStriped } = vars;
|
||
|
|
return Object.assign(Object.assign({}, _common_1.default), { actionDividerColor: dividerColor, lineHeight,
|
||
|
|
borderRadius,
|
||
|
|
fontSizeSmall,
|
||
|
|
fontSizeMedium,
|
||
|
|
fontSizeLarge, borderColor: (0, seemly_1.composite)(cardColor, dividerColor), tdColorHover: (0, seemly_1.composite)(cardColor, tableColorHover), tdColorStriped: (0, seemly_1.composite)(cardColor, tableColorStriped), thColor: (0, seemly_1.composite)(cardColor, tableHeaderColor), thColorHover: (0, seemly_1.composite)((0, seemly_1.composite)(cardColor, tableHeaderColor), tableColorHover), tdColor: cardColor, tdTextColor: textColor2, thTextColor: textColor1, thFontWeight: fontWeightStrong, thButtonColorHover: tableColorHover, thIconColor: iconColor, thIconColorActive: primaryColor,
|
||
|
|
// modal
|
||
|
|
borderColorModal: (0, seemly_1.composite)(modalColor, dividerColor), tdColorHoverModal: (0, seemly_1.composite)(modalColor, tableColorHover), tdColorStripedModal: (0, seemly_1.composite)(modalColor, tableColorStriped), thColorModal: (0, seemly_1.composite)(modalColor, tableHeaderColor), thColorHoverModal: (0, seemly_1.composite)((0, seemly_1.composite)(modalColor, tableHeaderColor), tableColorHover), tdColorModal: modalColor,
|
||
|
|
// popover
|
||
|
|
borderColorPopover: (0, seemly_1.composite)(popoverColor, dividerColor), tdColorHoverPopover: (0, seemly_1.composite)(popoverColor, tableColorHover), tdColorStripedPopover: (0, seemly_1.composite)(popoverColor, tableColorStriped), thColorPopover: (0, seemly_1.composite)(popoverColor, tableHeaderColor), thColorHoverPopover: (0, seemly_1.composite)((0, seemly_1.composite)(popoverColor, tableHeaderColor), tableColorHover), tdColorPopover: popoverColor, boxShadowBefore: 'inset -12px 0 8px -12px rgba(0, 0, 0, .18)', boxShadowAfter: 'inset 12px 0 8px -12px rgba(0, 0, 0, .18)',
|
||
|
|
// loading
|
||
|
|
loadingColor: primaryColor, loadingSize: heightSmall, opacityLoading: opacityDisabled });
|
||
|
|
};
|
||
|
|
exports.self = self;
|
||
|
|
const dataTableLight = (0, _mixins_1.createTheme)({
|
||
|
|
name: 'DataTable',
|
||
|
|
common: common_1.commonLight,
|
||
|
|
peers: {
|
||
|
|
Button: styles_2.buttonLight,
|
||
|
|
Checkbox: styles_3.checkboxLight,
|
||
|
|
Radio: styles_4.radioLight,
|
||
|
|
Pagination: styles_5.paginationLight,
|
||
|
|
Scrollbar: styles_6.scrollbarLight,
|
||
|
|
Empty: styles_8.emptyLight,
|
||
|
|
Popover: styles_7.popoverLight,
|
||
|
|
Ellipsis: styles_1.ellipsisLight,
|
||
|
|
Dropdown: styles_9.dropdownLight
|
||
|
|
},
|
||
|
|
self: exports.self
|
||
|
|
});
|
||
|
|
exports.default = dataTableLight;
|