"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.border = exports.shadow = exports.space = exports.color = exports.deviceSize = exports.device = void 0;
var deviceSize = {
    minimum: 360,
    mobileS: 375,
    mobileM: 412,
    mobileL: 480,
    tabletS: 600,
    tabletM: 768,
    tabletL: 900,
    laptop: 1024,
    laptopL: 1440,
    desktop: 2560
};
exports.deviceSize = deviceSize;
var device = {
    _375: "screen and (min-width: " + deviceSize.mobileS + "px)",
    _412: "screen and (min-width: " + deviceSize.mobileM + "px)",
    _480: "screen and (min-width: " + deviceSize.mobileL + "px)",
    _600: "screen and (min-width: " + deviceSize.tabletS + "px)",
    _768: "screen and (min-width: " + deviceSize.tabletM + "px)",
    _900: "screen and (min-width: " + deviceSize.tabletL + "px)",
    _1024: "screen and (min-width: " + deviceSize.laptop + "px)",
    _1440: "screen and (min-width: " + deviceSize.laptopL + "px)",
    _2560: "screen and (min-width: " + deviceSize.desktop + "px)",
    smallerThan: {
        _375: "screen and (max-width: " + (deviceSize.mobileS - 1) + "px)",
        _412: "screen and (max-width: " + (deviceSize.mobileM - 1) + "px)",
        _480: "screen and (max-width: " + (deviceSize.mobileL - 1) + "px)",
        _600: "screen and (max-width: " + (deviceSize.tabletS - 1) + "px)",
        _768: "screen and (max-width: " + (deviceSize.tabletM - 1) + "px)",
        _900: "screen and (max-width: " + (deviceSize.tabletL - 1) + "px)",
        _1024: "screen and (max-width: " + (deviceSize.laptop - 1) + "px)",
        _1440: "screen and (max-width: " + (deviceSize.laptopL - 1) + "px)",
        _2560: "screen and (max-width: " + (deviceSize.desktop - 1) + "px)"
    },
    size: deviceSize
};
exports.device = device;
var color = {
    white: 'hsl(0, 0%, 100%)',
    black: '#1A202C',
    gray100: '#F7FAFC',
    gray200: '#EDF2F7',
    gray300: '#E2E8F0',
    gray400: '#CBD5E0',
    gray500: '#A0AEC0',
    gray600: '#718096',
    gray700: '#4A5568',
    gray800: '#2D3748',
    gray900: '#1A202C',
};
exports.color = color;
var space = {
    _4: '4px',
    _8: '8px',
    _12: '12px',
    _16: '16px',
    _24: '24px',
    _32: '32px',
    _48: '48px',
    _64: '64px',
    _96: '96px',
    _128: '128px',
    _192: '192px',
    _256: '256px',
    _384: '384px',
    _512: '512px',
    _640: '640px',
    _768: '768px'
};
exports.space = space;
var shadow = {
    medium: '0 4px 8px rgba(0,0,0,0.25)',
    button: '0 5px 10px rgba(50,50,93,.11), 0 2.5px 5px rgba(0,0,0,.08)',
    buttonHover: '0 7.5px 15px rgba(50, 50, 93, 0.1), 0 5px 10px rgba(0, 0, 0, 0.08)'
};
exports.shadow = shadow;
var border = {
    radius: '4px'
};
exports.border = border;
