react-web-native-sketch/dist/src/utils/theme.js

[TODO: We need an overview of how this can be used via npm vs as a local package]

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var _a;
exports.XS_BREAKING_POINT = 768;
exports.all = 'all';
exports.android = 'android';
exports.ios = 'ios';
exports.native = 'native';
exports.web = 'web';
exports.webMobile = 'webMobile';
exports.webDesktop = 'webDesktop';
exports.appTheme = {
    fontFamily: 'Roboto',
    topBarHeightDesktop: 64,
    topBarHeightMobile: 50,
    topBarColor: '#fff',
    drawerWidth: 250,
    persistentDrawerWidth: 100,
    primaryColor: '#000',
    primaryTextColor: '#fff',
    backgroundColor: '#fff',
    textColor: '#000',
    placeholderColor: '#555',
    cursorColor: '#000',
    errorColor: '#f44336',
    loadingContainerBackground: '#fff',
    textInputUnderlineColor: '#000',
    textInputLabelColor: '#000',
    horizontalMargin: 16,
    defaultVerticalMargin: 8,
    inputHeight: 40,
    fontSizeS: 12,
    fontSizeM: 14,
    fontSizeL: 18,
    fontSizeXL: 24,
    spacingXS: 2,
    spacingS: 4,
    spacingM: 8,
    spacingL: 16,
    spacingXL: 32,
};
exports.runTimeClasses = {};
exports.defaultClasses = {
    paper: (_a = {},
        _a[exports.web] = {
            boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
            transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',
        },
        _a[exports.all] = {
            shadowColor: '#000000',
            shadowOffset: {
                width: 0,
                height: 2
            },
            shadowRadius: 4,
            shadowOpacity: 1.0
        },
        _a)
};
//# sourceMappingURL=theme.js.map