@rxap/plugin-angular 16.1.0-dev.41 → 16.1.0-dev.43

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [16.1.0-dev.43](https://gitlab.com/rxap/packages/compare/@rxap/plugin-angular@16.1.0-dev.42...@rxap/plugin-angular@16.1.0-dev.43) (2023-09-28)
+
+### Bug Fixes
+
+- resolve font import issues ([1800e50](https://gitlab.com/rxap/packages/commit/1800e50b1abed5403ffc3c0f75e3ba282b2730c7))
+
+# [16.1.0-dev.42](https://gitlab.com/rxap/packages/compare/@rxap/plugin-angular@16.1.0-dev.41...@rxap/plugin-angular@16.1.0-dev.42) (2023-09-28)
+
+### Bug Fixes
+
+- improve dynamic theme handling ([7ffd28b](https://gitlab.com/rxap/packages/commit/7ffd28b0a6d86cd6690cac1d750bda104108fb74))
+
 # [16.1.0-dev.41](https://gitlab.com/rxap/packages/compare/@rxap/plugin-angular@16.1.0-dev.40...@rxap/plugin-angular@16.1.0-dev.41) (2023-09-28)
 
 ### Features

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "16.1.0-dev.41",
+  "version": "16.1.0-dev.43",
   "name": "@rxap/plugin-angular",
   "license": "GPL-3.0-or-later",
   "dependencies": {
@@ -94,7 +94,7 @@
   },
   "schematics": "./generators.json",
   "type": "commonjs",
-  "gitHead": "59ccd7cb7c25002337d832609de637b59b3e545f",
+  "gitHead": "1db7f87d51336493cde95a6458d0bf4ea1566725",
   "main": "./src/index.js",
   "types": "./src/index.d.ts"
 }

package/src/generators/init-application/files/styles/_fonts.scss

@@ -1 +1,9 @@
-@use "fonts/material-icons";
+@import "fonts/material-icons";
+@import "fonts/croissant-one";
+@import "fonts/inclusive-sans";
+@import "fonts/pixelify-sans";
+@import "fonts/roboto-mono";
+@import "fonts/young-serif";
+@import "fonts/roboto";
+@import "fonts/mooli";
+@import "fonts/fuggles";

package/src/generators/init-application/files/styles/_theme.scss

@@ -1,8 +1,8 @@
 @use "variables";
-@use "fonts";
 @use '@angular/material' as mat;
 @use 'palette' as palette;
 
+@import "fonts";
 @import 'utilities';
 
 @tailwind base;

package/src/generators/init-application/files/styles/_utilities.scss

@@ -35,6 +35,9 @@
       accent: mat.$cyan-palette,
       warn: mat.$red-palette
     ),
+    typography: mat.define-typography-config(
+      $font-family: var(--font-family)
+    ),
   ));
   @include mat.core-theme($theme);
   @include density($theme);
@@ -54,30 +57,6 @@
         )));
         --density: #{$i};
       }
-      &.typography-mono {
-        @include typography(mat.define-light-theme((
-          typography: mat.define-typography-config(
-            $font-family: theme("fontFamily.mono")
-          ),
-        )));
-        --typography: mono;
-      }
-      &.typography-serif {
-        @include typography(mat.define-light-theme((
-          typography: mat.define-typography-config(
-            $font-family: theme("fontFamily.serif")
-          ),
-        )));
-        --typography: serif;
-      }
-      &.typography-sans {
-        @include typography(mat.define-light-theme((
-          typography: mat.define-typography-config(
-            $font-family: theme("fontFamily.sans")
-          ),
-        )));
-        --typography: sans;
-      }
     }
   }
 

package/src/generators/init-application/files/styles/_variables.scss

@@ -59,5 +59,19 @@
   --contrast-a400: rgba(black, 0.87);
   --contrast-a700: rgba(black, 0.87);
 
+  --font-family-sans: 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"';
+  --font-family-serif: 'ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif';
+  --font-family-mono: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace';
+  --font-family-default: 'Roboto', 'sans-serif';
+  --font-family-mooli: 'Mooli', 'sans-serif';
+  --font-family-inclusive-sans: 'Inclusive Sans', 'sans-serif';
+  --font-family-fuggles: 'Fuggles', 'sans-serif';
+  --font-family-pixelify-sans: 'Pixelify Sans', 'sans-serif';
+  --font-family-roboto-mono: 'Roboto Mono', 'sans-serif';
+  --font-family-croissant-one: 'Croissant One', 'sans-serif';
+  --font-family-young-serif: 'Young Serif', 'sans-serif';
+  --font-family: var(--font-family-default);
+  --density: 0;
+
 }
 

package/src/generators/init-application/files/styles/fonts/_croissant-one.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Croissant One';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./croissant-one.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_fuggles.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Fuggles';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./fuggles.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_inclusive-sans.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Inclusive Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./inclusive-sans.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_mooli.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Mooli';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./molli.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_pixelify-sans.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Pixelify Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./pixelify-sans.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_roboto-mono.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./roboto-mono.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_roboto.scss

@@ -0,0 +1,95 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrIzc.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBBc9.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgWxP.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
+}

package/src/generators/init-application/files/styles/fonts/_young-serif.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Young Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(./young-serif.ttf) format('truetype');
+}