@digitaldefiance/express-suite-starter 4.23.4 → 4.23.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-starter",
-  "version": "4.23.4",
+  "version": "4.23.5",
   "license": "MIT",
   "bin": {
     "create-express-suite": "./dist/src/cli.js"

package/scaffolding/react/src/app/theme.tsx.mustache

@@ -41,31 +41,31 @@ export const createAppTheme = (mode: PaletteMode) => createTheme({
   typography: {
     fontFamily: "'Roboto', sans-serif",
     h1: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
     },
     h2: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
     },
     h3: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
     },
     h4: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
     },
     h5: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
     },
     h6: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
     },
     subtitle1: {
-      fontFamily: "'Conneqt', sans-serif",
+      fontFamily: "'Inter', sans-serif",
       fontWeight: 400,
       textTransform: 'uppercase',
     },

package/scaffolding/react/src/styles.scss

@@ -102,14 +102,151 @@ body {
   cursor: pointer;
 }
 
+/* Inter - Thin (100) */
 @font-face {
-    font-family: 'Conneqt';
-    src: url('./assets/fonts/ConneqtRegular.eot');
-    src: local('Conneqt'), local('ConneqtRegular'),
-        url('./assets/fonts/ConneqtRegular.eot?#iefix') format('embedded-opentype'),
-        url('./assets/fonts/ConneqtRegular.woff2') format('woff2'),
-        url('./assets/fonts/ConneqtRegular.woff') format('woff'),
-        url('./assets/fonts/ConneqtRegular.ttf') format('truetype');
-    font-weight: normal;
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Thin.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Thin.otf') format('opentype');
+    font-weight: 100;
     font-style: normal;
 }
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-ThinItalic.otf') format('opentype');
+    font-weight: 100;
+    font-style: italic;
+}
+
+/* Inter - ExtraLight (200) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-ExtraLight.otf') format('opentype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-ExtraLightItalic.otf') format('opentype');
+    font-weight: 200;
+    font-style: italic;
+}
+
+/* Inter - Light (300) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Light.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Light.otf') format('opentype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-LightItalic.otf') format('opentype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+/* Inter - Regular (400) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Regular.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Regular.otf') format('opentype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Italic.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Italic.otf') format('opentype');
+    font-weight: 400;
+    font-style: italic;
+}
+
+/* Inter - Medium (500) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Medium.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Medium.otf') format('opentype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-MediumItalic.woff2') format('woff2'),
+         url('./assets/fonts/Inter-MediumItalic.otf') format('opentype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+/* Inter - SemiBold (600) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-SemiBold.woff2') format('woff2'),
+         url('./assets/fonts/Inter-SemiBold.otf') format('opentype');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-SemiBoldItalic.woff2') format('woff2'),
+         url('./assets/fonts/Inter-SemiBoldItalic.otf') format('opentype');
+    font-weight: 600;
+    font-style: italic;
+}
+
+/* Inter - Bold (700) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Bold.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Bold.otf') format('opentype');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-BoldItalic.woff2') format('woff2'),
+         url('./assets/fonts/Inter-BoldItalic.otf') format('opentype');
+    font-weight: 700;
+    font-style: italic;
+}
+
+/* Inter - ExtraBold (800) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-ExtraBold.woff2') format('woff2'),
+         url('./assets/fonts/Inter-ExtraBold.otf') format('opentype');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-ExtraBoldItalic.woff2') format('woff2'),
+         url('./assets/fonts/Inter-ExtraBoldItalic.otf') format('opentype');
+    font-weight: 800;
+    font-style: italic;
+}
+
+/* Inter - Black (900) */
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-Black.woff2') format('woff2'),
+         url('./assets/fonts/Inter-Black.otf') format('opentype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Inter';
+    src: url('./assets/fonts/Inter-BlackItalic.woff2') format('woff2'),
+         url('./assets/fonts/Inter-BlackItalic.otf') format('opentype');
+    font-weight: 900;
+    font-style: italic;
+}