@cap3/capitano-theme
Version:
Extensible and flexible theme system
58 lines • 1.34 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const emotion_theming_1 = require("emotion-theming");
const react_emotion_1 = require("react-emotion");
exports.spacingFactor = {
spx1: 0.125,
spx4: 0.5,
spx8: 1,
spx12: 1.5,
spx16: 2,
spx20: 2.5,
spx24: 3,
spx28: 3.5,
spx32: 4,
spx36: 4.5,
spx40: 5,
spx44: 5.5,
spx48: 6,
spx52: 6.5,
spx56: 7,
spx60: 7.5,
spx65: 8.125,
spx68: 8.5,
spx80: 10,
spx120: 15,
};
exports.spacingAbsolute = {
spx1: 1,
spx2: 2,
spx4: 4,
spx8: 8,
spx12: 12,
spx16: 16,
spx20: 20,
spx24: 24,
spx28: 28,
spx32: 32,
spx36: 36,
spx40: 40,
spx44: 44,
spx48: 48,
spx52: 52,
spx56: 56,
spx60: 60,
spx65: 65,
spx68: 68,
spx80: 80,
spx120: 120,
};
exports.isMaterialSwatch = (val) => val.hasOwnProperty("500");
exports.isColorEffect = (val) => val.effect !== undefined;
exports.isColorMix = (val) => val.second !== undefined;
exports.styled = react_emotion_1.default;
exports.ThemeProvider = emotion_theming_1.ThemeProvider;
var defaultTheme_1 = require("./defaultTheme");
exports.defaultLightTheme = defaultTheme_1.defaultLightTheme;
exports.defaultDarkTheme = defaultTheme_1.defaultDarkTheme;
//# sourceMappingURL=index.js.map