var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __read = (this && this.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
import { css } from "styled-components";
// Media size templates.
var sizes = {
    desktopLarger: 1250,
    tabletLarge: 1150,
    desktop: 992,
    tablet: 768,
    mobLarge: 414,
    phone: 375,
    mobSmall: 320,
    iPhoneX: 812
};
export var theme = {
    color: {
        primary: {
            100: "#e5f6f4",
            200: "#b3e4df",
            300: "#81d2ca",
            400: "#35b7ab",
            500: "#03A596",
            600: "#029487",
            700: "#028478",
            800: "#01635a",
            900: "#01423c"
        },
        grey: {
            100: "#F9F9F9",
            200: "#f3f3f3",
            300: "#eaeaea",
            400: "#e0e0e0",
            500: "#d3d3d3",
            600: "#bababa",
            700: "#969696",
            800: "#676767",
            900: "#1F2323"
        },
        success: {
            100: "#BFE3BF",
            200: "#A2D6A2",
            300: "#88CB88",
            400: "#71C171",
            500: "#5CB85C",
            600: "#4BAB4B",
            700: "#439843",
            800: "#3C873C",
            900: "#357835"
        },
        error: {
            100: "#FACFD8",
            200: "#EA4167",
            300: "#E72652",
            400: "#DB1844",
            500: "#C5163D",
            600: "#AF1436",
            700: "#9C1230",
            800: "#8B102B",
            900: "#7C0E26"
        },
        warning: {
            100: "#FDF3E6",
            200: "#F9DFBA",
            300: "#F6CD92",
            400: "#F3BC6E",
            500: "#F0AD4E",
            600: "#ED9E2E",
            700: "#E89014",
            800: "#CE8012",
            900: "#B77210"
        },
        // Kitchen colours - remove after servery/kitchen redesign
        kitchen: {
            light: "#d8dee9",
            primary: "#87c0d0",
            secondary: "#ff9a9a",
            dark: "#4b556a"
        },
        // Default Activity Colors
        activity: {
            restaurant: "#ef476f",
            session: "#118ab2",
            event: "#ffd166",
            poi: "#06d6a0"
        }
    },
    spacing: [
        "0px",
        "4px",
        "8px",
        "12px",
        "16px",
        "20px",
        "24px",
        "28px",
        "32px",
        "36px",
        "40px"
    ],
    shadow: {
        input: {
            primary: "0 0 0 4px #03A5964D",
            success: "0 0 0 4px #5CB85C4D",
            error: "0 0 0 4px #C5163D4D",
            warning: "0 0 0 4px #FFAB1A4D"
        },
        // Default shadow - update with shadows used in apps
        light: "0px 4px 8px rgba(0, 0, 0, 0.1)",
        dark: "0px 4px 8px rgba(0, 0, 0, 0.2)"
    },
    radius: {
        sm: "5px",
        md: "10px",
        lg: "16px",
        full: "50%"
    }
};
var deviceHeight = {
    smallest: 480,
    small: 568,
    normal: 667,
    large: 812,
    iPhoneX: 812
};
// Iterate through the sizes and create a media template.
export var media = Object.keys(sizes).reduce(function (acc, label) {
    acc[label] = function () {
        var args = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
        }
        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    @media (min-width: ", "em) {\n      ", "\n    }\n  "], ["\n    @media (min-width: ", "em) {\n      ", "\n    }\n  "])), sizes[label] / 16, css.apply(void 0, __spreadArray([], __read(args), false)));
    };
    return acc;
}, {});
export var phoneHeight = Object.keys(deviceHeight).reduce(function (acc, label) {
    acc[label] = function () {
        var args = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            args[_i] = arguments[_i];
        }
        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    @media (min-height: ", "em) {\n      ", "\n    }\n  "], ["\n    @media (min-height: ", "em) {\n      ", "\n    }\n  "])), deviceHeight[label] / 16, css.apply(void 0, __spreadArray([], __read(args), false)));
    };
    return acc;
}, {});
// Media query for iPhone X.
export var iPhoneXMedia = "screen and (display-mode: standalone) and (min-width: 375px) and (min-height: 768px),\nscreen and (display-mode: fullscreen) and (min-width: 375px) and (min-height: 768px)\n";
var templateObject_1, templateObject_2;
//# sourceMappingURL=globalStyle.js.map