@ucam/design-system
Version:
University of Cambridge Design System
107 lines (104 loc) • 9.98 kB
JavaScript
import React from 'react';
import { responsiveFontSizes, createTheme } from '@material-ui/core';
import { deepmerge } from '@material-ui/utils';
const defaultThemeOptions = {
typography: {
fontFamily: [
'"Open Sans"',
// Fallback to system font
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'sans-serif',
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"'
].join(','),
h1: {
fontSize: '4.25rem',
lineHeight: 1.125,
fontWeight: 900 // Black
},
h2: {
fontSize: '3.125rem',
lineHeight: 1.44,
fontWeight: 900 // Black
},
h3: {
fontSize: '2.375rem',
lineHeight: 1.4736,
fontWeight: 700 // Bold
},
h4: {
fontSize: '1.75rem',
lineHeight: 1.4285,
fontWeight: 700 // Bold
},
h5: {
fontSize: '1.3125rem',
lineHeight: 1.714,
fontWeight: 700 // Bold
},
h6: {
fontSize: '1.125rem',
lineHeight: 1.333,
fontWeight: 700 // Bold
}
},
components: {
MuiRadio: {
defaultProps: {
disableTouchRipple: true,
disableFocusRipple: true,
icon: (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
React.createElement("circle", { cx: "12", cy: "12", r: "11.5", stroke: "#767676" }))),
checkedIcon: (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
React.createElement("circle", { cx: "12", cy: "12", r: "11.5", stroke: "#767676" }),
React.createElement("circle", { cx: "12", cy: "12", r: "8", fill: "#767676" })))
},
styleOverrides: {
root: {
color: '#767676',
'&.Mui-checked': {
color: '#767676'
},
'&.Mui-focusVisible': {
backgroundColor: '#b2e5e4'
}
}
}
}
}
};
const light = responsiveFontSizes(createTheme(deepmerge(defaultThemeOptions, {
palette: {
primary: {
main: '#6BBBAE'
},
secondary: {
main: '#272F36'
},
background: {
default: '#FDFDFD'
}
}
})));
const dark = responsiveFontSizes(createTheme(deepmerge(defaultThemeOptions, {
palette: {
mode: 'dark',
primary: {
main: '#6BBBAE'
},
secondary: {
main: '#E6F6F3'
},
background: {
default: '#303030'
}
}
})));
export { dark, light };
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWVzLmpzIiwic291cmNlcyI6WyIvQHVjYW0vZGVzaWduLXN5c3RlbS9zcmMvdGhlbWUvdGhlbWVzL3RoZW1lcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRoZW1lT3B0aW9ucywgVGhlbWUgYXMgTXVpVGhlbWUsIGNyZWF0ZVRoZW1lIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnO1xuaW1wb3J0IHsgcmVzcG9uc2l2ZUZvbnRTaXplcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlJztcbmltcG9ydCB7IGRlZXBtZXJnZSB9IGZyb20gJ0BtYXRlcmlhbC11aS91dGlscyc7XG5cbmNvbnN0IGRlZmF1bHRUaGVtZU9wdGlvbnM6IFBhcnRpYWw8VGhlbWVPcHRpb25zPiA9IHtcbiAgdHlwb2dyYXBoeToge1xuICAgIGZvbnRGYW1pbHk6IFtcbiAgICAgICdcIk9wZW4gU2Fuc1wiJyxcbiAgICAgIC8vIEZhbGxiYWNrIHRvIHN5c3RlbSBmb250XG4gICAgICAnLWFwcGxlLXN5c3RlbScsXG4gICAgICAnQmxpbmtNYWNTeXN0ZW1Gb250JyxcbiAgICAgICdcIlNlZ29lIFVJXCInLFxuICAgICAgJ1JvYm90bycsXG4gICAgICAnXCJIZWx2ZXRpY2EgTmV1ZVwiJyxcbiAgICAgICdBcmlhbCcsXG4gICAgICAnc2Fucy1zZXJpZicsXG4gICAgICAnXCJBcHBsZSBDb2xvciBFbW9qaVwiJyxcbiAgICAgICdcIlNlZ29lIFVJIEVtb2ppXCInLFxuICAgICAgJ1wiU2Vnb2UgVUkgU3ltYm9sXCInXG4gICAgXS5qb2luKCcsJyksXG4gICAgaDE6IHtcbiAgICAgIGZvbnRTaXplOiAnNC4yNXJlbScsIC8vIDY0cHhcbiAgICAgIGxpbmVIZWlnaHQ6IDEuMTI1LCAvLyA3MnB4XG4gICAgICBmb250V2VpZ2h0OiA5MDAgLy8gQmxhY2tcbiAgICB9LFxuICAgIGgyOiB7XG4gICAgICBmb250U2l6ZTogJzMuMTI1cmVtJywgLy8gNTBweFxuICAgICAgbGluZUhlaWdodDogMS40NCwgLy8gNzJweFxuICAgICAgZm9udFdlaWdodDogOTAwIC8vIEJsYWNrXG4gICAgfSxcbiAgICBoMzoge1xuICAgICAgZm9udFNpemU6ICcyLjM3NXJlbScsIC8vIDM4cHhcbiAgICAgIGxpbmVIZWlnaHQ6IDEuNDczNiwgLy8gNTZweFxuICAgICAgZm9udFdlaWdodDogNzAwIC8vIEJvbGRcbiAgICB9LFxuICAgIGg0OiB7XG4gICAgICBmb250U2l6ZTogJzEuNzVyZW0nLCAvLyAyOHB4XG4gICAgICBsaW5lSGVpZ2h0OiAxLjQyODUsIC8vIDQwcHhcbiAgICAgIGZvbnRXZWlnaHQ6IDcwMCAvLyBCb2xkXG4gICAgfSxcbiAgICBoNToge1xuICAgICAgZm9udFNpemU6ICcxLjMxMjVyZW0nLCAvLyAyMXB4XG4gICAgICBsaW5lSGVpZ2h0OiAxLjcxNCwgLy8gMzZweFxuICAgICAgZm9udFdlaWdodDogNzAwIC8vIEJvbGRcbiAgICB9LFxuICAgIGg2OiB7XG4gICAgICBmb250U2l6ZTogJzEuMTI1cmVtJywgLy8gMThweFxuICAgICAgbGluZUhlaWdodDogMS4zMzMsIC8vIDI0cHhcbiAgICAgIGZvbnRXZWlnaHQ6IDcwMCAvLyBCb2xkXG4gICAgfVxuICB9LFxuICBjb21wb25lbnRzOiB7XG4gICAgTXVpUmFkaW86IHtcbiAgICAgIGRlZmF1bHRQcm9wczoge1xuICAgICAgICBkaXNhYmxlVG91Y2hSaXBwbGU6IHRydWUsXG4gICAgICAgIGRpc2FibGVGb2N1c1JpcHBsZTogdHJ1ZSxcbiAgICAgICAgaWNvbjogKFxuICAgICAgICAgIDxzdmcgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCI+XG4gICAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjExLjVcIiBzdHJva2U9XCIjNzY3Njc2XCIgLz5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgKSxcbiAgICAgICAgY2hlY2tlZEljb246IChcbiAgICAgICAgICA8c3ZnIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiPlxuICAgICAgICAgICAgPGNpcmNsZSBjeD1cIjEyXCIgY3k9XCIxMlwiIHI9XCIxMS41XCIgc3Ryb2tlPVwiIzc2NzY3NlwiIC8+XG4gICAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjhcIiBmaWxsPVwiIzc2NzY3NlwiIC8+XG4gICAgICAgICAgPC9zdmc+XG4gICAgICAgIClcbiAgICAgIH0sXG4gICAgICBzdHlsZU92ZXJyaWRlczoge1xuICAgICAgICByb290OiB7XG4gICAgICAgICAgY29sb3I6ICcjNzY3Njc2JyxcbiAgICAgICAgICAnJi5NdWktY2hlY2tlZCc6IHtcbiAgICAgICAgICAgIGNvbG9yOiAnIzc2NzY3NidcbiAgICAgICAgICB9LFxuICAgICAgICAgICcmLk11aS1mb2N1c1Zpc2libGUnOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjYjJlNWU0J1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufTtcblxuZXhwb3J0IHR5cGUgVGhlbWUgPSBNdWlUaGVtZTtcblxuZXhwb3J0IGNvbnN0IGxpZ2h0OiBUaGVtZSA9IHJlc3BvbnNpdmVGb250U2l6ZXMoXG4gIGNyZWF0ZVRoZW1lKFxuICAgIGRlZXBtZXJnZShkZWZhdWx0VGhlbWVPcHRpb25zLCB7XG4gICAgICBwYWxldHRlOiB7XG4gICAgICAgIHByaW1hcnk6IHtcbiAgICAgICAgICBtYWluOiAnIzZCQkJBRSdcbiAgICAgICAgfSxcbiAgICAgICAgc2Vjb25kYXJ5OiB7XG4gICAgICAgICAgbWFpbjogJyMyNzJGMzYnXG4gICAgICAgIH0sXG4gICAgICAgIGJhY2tncm91bmQ6IHtcbiAgICAgICAgICBkZWZhdWx0OiAnI0ZERkRGRCdcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pXG4gIClcbik7XG5cbmV4cG9ydCBjb25zdCBkYXJrOiBUaGVtZSA9IHJlc3BvbnNpdmVGb250U2l6ZXMoXG4gIGNyZWF0ZVRoZW1lKFxuICAgIGRlZXBtZXJnZShkZWZhdWx0VGhlbWVPcHRpb25zLCB7XG4gICAgICBwYWxldHRlOiB7XG4gICAgICAgIG1vZGU6ICdkYXJrJyxcbiAgICAgICAgcHJpbWFyeToge1xuICAgICAgICAgIG1haW46ICcjNkJCQkFFJ1xuICAgICAgICB9LFxuICAgICAgICBzZWNvbmRhcnk6IHtcbiAgICAgICAgICBtYWluOiAnI0U2RjZGMydcbiAgICAgICAgfSxcbiAgICAgICAgYmFja2dyb3VuZDoge1xuICAgICAgICAgIGRlZmF1bHQ6ICcjMzAzMDMwJ1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSlcbiAgKVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBS0EsTUFBTSxtQkFBbUIsR0FBMEI7SUFDakQsVUFBVSxFQUFFO1FBQ1YsVUFBVSxFQUFFO1lBQ1YsYUFBYTs7WUFFYixlQUFlO1lBQ2Ysb0JBQW9CO1lBQ3BCLFlBQVk7WUFDWixRQUFRO1lBQ1Isa0JBQWtCO1lBQ2xCLE9BQU87WUFDUCxZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQixtQkFBbUI7U0FDcEIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ1gsRUFBRSxFQUFFO1lBQ0YsUUFBUSxFQUFFLFNBQVM7WUFDbkIsVUFBVSxFQUFFLEtBQUs7WUFDakIsVUFBVSxFQUFFLEdBQUc7U0FDaEI7UUFDRCxFQUFFLEVBQUU7WUFDRixRQUFRLEVBQUUsVUFBVTtZQUNwQixVQUFVLEVBQUUsSUFBSTtZQUNoQixVQUFVLEVBQUUsR0FBRztTQUNoQjtRQUNELEVBQUUsRUFBRTtZQUNGLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxNQUFNO1lBQ2xCLFVBQVUsRUFBRSxHQUFHO1NBQ2hCO1FBQ0QsRUFBRSxFQUFFO1lBQ0YsUUFBUSxFQUFFLFNBQVM7WUFDbkIsVUFBVSxFQUFFLE1BQU07WUFDbEIsVUFBVSxFQUFFLEdBQUc7U0FDaEI7UUFDRCxFQUFFLEVBQUU7WUFDRixRQUFRLEVBQUUsV0FBVztZQUNyQixVQUFVLEVBQUUsS0FBSztZQUNqQixVQUFVLEVBQUUsR0FBRztTQUNoQjtRQUNELEVBQUUsRUFBRTtZQUNGLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxHQUFHO1NBQ2hCO0tBQ0Y7SUFDRCxVQUFVLEVBQUU7UUFDVixRQUFRLEVBQUU7WUFDUixZQUFZLEVBQUU7Z0JBQ1osa0JBQWtCLEVBQUUsSUFBSTtnQkFDeEIsa0JBQWtCLEVBQUUsSUFBSTtnQkFDeEIsSUFBSSxHQUNGLDZCQUFLLEtBQUssRUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBQyxNQUFNO29CQUN6RCxnQ0FBUSxFQUFFLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsQ0FBQyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsU0FBUyxHQUFHLENBQ2hELENBQ1A7Z0JBQ0QsV0FBVyxHQUNULDZCQUFLLEtBQUssRUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsV0FBVyxFQUFDLElBQUksRUFBQyxNQUFNO29CQUN6RCxnQ0FBUSxFQUFFLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsQ0FBQyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsU0FBUyxHQUFHO29CQUNwRCxnQ0FBUSxFQUFFLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsQ0FBQyxFQUFDLEdBQUcsRUFBQyxJQUFJLEVBQUMsU0FBUyxHQUFHLENBQzNDLENBQ1A7YUFDRjtZQUNELGNBQWMsRUFBRTtnQkFDZCxJQUFJLEVBQUU7b0JBQ0osS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLGVBQWUsRUFBRTt3QkFDZixLQUFLLEVBQUUsU0FBUztxQkFDakI7b0JBQ0Qsb0JBQW9CLEVBQUU7d0JBQ3BCLGVBQWUsRUFBRSxTQUFTO3FCQUMzQjtpQkFDRjthQUNGO1NBQ0Y7S0FDRjtDQUNGLENBQUM7TUFJVyxLQUFLLEdBQVUsbUJBQW1CLENBQzdDLFdBQVcsQ0FDVCxTQUFTLENBQUMsbUJBQW1CLEVBQUU7SUFDN0IsT0FBTyxFQUFFO1FBQ1AsT0FBTyxFQUFFO1lBQ1AsSUFBSSxFQUFFLFNBQVM7U0FDaEI7UUFDRCxTQUFTLEVBQUU7WUFDVCxJQUFJLEVBQUUsU0FBUztTQUNoQjtRQUNELFVBQVUsRUFBRTtZQUNWLE9BQU8sRUFBRSxTQUFTO1NBQ25CO0tBQ0Y7Q0FDRixDQUFDLENBQ0gsRUFDRDtNQUVXLElBQUksR0FBVSxtQkFBbUIsQ0FDNUMsV0FBVyxDQUNULFNBQVMsQ0FBQyxtQkFBbUIsRUFBRTtJQUM3QixPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsTUFBTTtRQUNaLE9BQU8sRUFBRTtZQUNQLElBQUksRUFBRSxTQUFTO1NBQ2hCO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLFNBQVM7U0FDaEI7UUFDRCxVQUFVLEVBQUU7WUFDVixPQUFPLEVBQUUsU0FBUztTQUNuQjtLQUNGO0NBQ0YsQ0FBQyxDQUNIOzs7OyJ9