New version build

ArialFontFace.css

+@font-face {
+    font-family: "Arial";
+    src: url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldItalicMT.eot");
+    src: local("Arial Bold Italic"), local("Arial-BoldItalicMT"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldItalicMT.eot?#iefix") format("embedded-opentype"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldItalicMT.woff2") format("woff2"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldItalicMT.woff") format("woff"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldItalicMT.ttf") format("truetype"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldItalicMT.svg#Arial-BoldItalicMT") format("svg");
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Arial";
+    src: url("https://style.gsc.org.uk/fonts/Arial/ArialMT.eot");
+    src: local("Arial"), local("ArialMT"),
+        url("https://style.gsc.org.uk/fonts/Arial/ArialMT.eot?#iefix") format("embedded-opentype"),
+        url("https://style.gsc.org.uk/fonts/Arial/ArialMT.woff2") format("woff2"),
+        url("https://style.gsc.org.uk/fonts/Arial/ArialMT.woff") format("woff"),
+        url("https://style.gsc.org.uk/fonts/Arial/ArialMT.ttf") format("truetype"),
+        url("https://style.gsc.org.uk/fonts/Arial/ArialMT.svg#ArialMT") format("svg");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Arial";
+    src: url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldMT.eot");
+    src: local("Arial Bold"), local("Arial-BoldMT"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldMT.eot?#iefix") format("embedded-opentype"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldMT.woff2") format("woff2"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldMT.woff") format("woff"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldMT.ttf") format("truetype"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-BoldMT.svg#Arial-BoldMT") format("svg");
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Arial";
+    src: url("https://style.gsc.org.uk/fonts/Arial/Arial-ItalicMT.eot");
+    src: local("Arial Italic"), local("Arial-ItalicMT"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-ItalicMT.eot?#iefix") format("embedded-opentype"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-ItalicMT.woff2") format("woff2"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-ItalicMT.woff") format("woff"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-ItalicMT.ttf") format("truetype"),
+        url("https://style.gsc.org.uk/fonts/Arial/Arial-ItalicMT.svg#Arial-ItalicMT") format("svg");
+    font-weight: normal;
+    font-style: italic;
+}

index.js

@@ -11,80 +11,17 @@ var _styles = require("@material-ui/core/styles");
 
 var _core = require("@material-ui/core");
 
+var _themeDefinition = _interopRequireDefault(require("./themeDefinition"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var GSCTheme = (0, _styles.responsiveFontSizes)((0, _styles.createMuiTheme)({
-  gsc: {
-    // Core
-    navy: "#2e2d44",
-    teal: "#30b7bb",
-    offwhite: "#f1f4f5",
-    // Secondary
-    pink: "#e12a58",
-    gold: "#e5b94c",
-    // Tertiary
-    darkteal: "#036173",
-    blue: "#36a9e1",
-    lime: "#d5db40",
-    orange: "#e56a0c",
-    red: "#e40426",
-    purple: "#64335f",
-    green: "#22b573",
-    white: "#ffffff"
-  },
-  palette: {
-    primary: {
-      main: "#2e2d44",
-      contrastText: "#f1f4f5"
-    },
-    secondary: {
-      main: "#30b7bb",
-      contrastText: "#2e2d44"
-    },
-    error: {
-      main: "#e40426"
-    },
-    background: {
-      default: "#f1f4f5",
-      paper: "#ffffff"
-    }
-  },
-  typography: {
-    fontFamily: ['"Helvetica Neue"', "Arial", "sans-serif", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(","),
-    h1: {
-      fontFamily: "ProximaNova",
-      fontWeight: 600
-    },
-    h2: {
-      fontFamily: "ProximaNova",
-      fontWeight: 600
-    },
-    h3: {
-      fontFamily: "ProximaNova",
-      fontWeight: 600
-    },
-    h4: {
-      fontFamily: "ProximaNova",
-      fontWeight: 600
-    },
-    h5: {
-      fontFamily: "ProximaNova",
-      fontWeight: 600
-    },
-    h6: {
-      fontFamily: "ProximaNova",
-      fontWeight: 600
-    },
-    button: {
-      textTransform: "none"
-    }
-  }
-}));
+var GSCTheme = (0, _styles.responsiveFontSizes)((0, _styles.createMuiTheme)(_themeDefinition.default));
 
-var GSCMaterial = function GSCMaterial(props) {
+var GSCMaterial = function GSCMaterial(_ref) {
+  var children = _ref.children;
   return _react.default.createElement(_styles.MuiThemeProvider, {
     theme: GSCTheme
-  }, _react.default.createElement(_core.CssBaseline, null), props.children);
+  }, _react.default.createElement(_core.CssBaseline, null), children);
 };
 
 var _default = GSCMaterial;

package.json

 {
     "name": "@gsc/material",
-    "version": "2.0.1",
+    "version": "2.2.0",
     "description": "An implementation of Material-UI with GSC styling",
     "main": "index.js",
     "repository": "https://gitlab.gsc.org.uk/gsc-frameworks/gsc-material.git",
@@ -9,10 +9,14 @@
     "private": true,
     "files": [
         "index.js",
-        "ProximaNovaFontFace.css"
+        "theme.js",
+        "themeDefinition.js",
+        "ProximaNovaFontFace.css",
+        "ArialFontFace.css"
     ],
-    "peerDependencies": {
-        "@material-ui/core": "^4.1.0"
+    "optionalDependencies": {
+        "@material-ui/core": "^4.4.0",
+        "@material-ui/styles": "^4.3.3"
     },
     "devDependencies": {
         "@babel/cli": "^7.1.2",

theme.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styles = require("@material-ui/styles");
+
+var _themeDefinition = _interopRequireDefault(require("./themeDefinition"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var GSCTheme = (0, _styles.responsiveFontSizes)((0, _styles.createMuiTheme)(_themeDefinition.default));
+var _default = GSCTheme;
+exports.default = _default;
\ No newline at end of file

themeDefinition.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _default = GSCTheme = {
+  gsc: {
+    // Core
+    navy: "#2e2d44",
+    teal: "#30b7bb",
+    offwhite: "#f1f4f5",
+    // Secondary
+    pink: "#e12a58",
+    gold: "#e5b94c",
+    // Tertiary
+    darkteal: "#036173",
+    blue: "#36a9e1",
+    lime: "#d5db40",
+    orange: "#e56a0c",
+    red: "#e40426",
+    purple: "#64335f",
+    green: "#22b573",
+    white: "#ffffff"
+  },
+  palette: {
+    primary: {
+      main: "#2e2d44",
+      contrastText: "#f1f4f5"
+    },
+    secondary: {
+      main: "#30b7bb",
+      contrastText: "#2e2d44"
+    },
+    error: {
+      main: "#e40426"
+    },
+    background: {
+      default: "#f1f4f5",
+      paper: "#ffffff"
+    }
+  },
+  typography: {
+    fontFamily: ['"Helvetica Neue"', "Arial", "sans-serif", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(","),
+    h1: {
+      fontFamily: "ProximaNova",
+      fontWeight: 600
+    },
+    h2: {
+      fontFamily: "ProximaNova",
+      fontWeight: 600
+    },
+    h3: {
+      fontFamily: "ProximaNova",
+      fontWeight: 600
+    },
+    h4: {
+      fontFamily: "ProximaNova",
+      fontWeight: 600
+    },
+    h5: {
+      fontFamily: "ProximaNova",
+      fontWeight: 600
+    },
+    h6: {
+      fontFamily: "ProximaNova",
+      fontWeight: 600
+    },
+    button: {
+      textTransform: "none"
+    }
+  }
+};
+
+exports.default = _default;
\ No newline at end of file