chore: bump packages versions

positive-js · Aug 19, 2021 · 93e2928 · 93e2928
1 parent d4c5c02
commit 93e2928
Show file tree

Hide file tree

Showing 47 changed files with 8,437 additions and 4,506 deletions.
diff --git a/apps/mc-web/src/app/app-routing.module.ts b/apps/mc-web/src/app/app-routing.module.ts
@@ -17,7 +17,7 @@ const routes: Routes = [
 
 @NgModule({
     imports: [
-        RouterModule.forRoot(routes, { initialNavigation: true })
+        RouterModule.forRoot(routes)
     ],
     exports: [
         RouterModule

diff --git a/apps/mc-web/src/app/app.module.ts b/apps/mc-web/src/app/app.module.ts
@@ -5,7 +5,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { StateLayoutModule } from '@libs/store/layout';
 import { StoreRootModule } from '@libs/store/root';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-import { McNavbarModule } from '@ptsecurity/mosaic';
+import { McNavbarModule } from '@ptsecurity/mosaic/navbar';
 
 import { environment } from '../environments/environment';
 

diff --git a/apps/mc-web/src/assets/fonts/montserrat/Montserrat-500.woff b/apps/mc-web/src/assets/fonts/montserrat/Montserrat-500.woff
diff --git a/apps/mc-web/src/assets/fonts/montserrat/Montserrat-600.woff b/apps/mc-web/src/assets/fonts/montserrat/Montserrat-600.woff
diff --git a/apps/mc-web/src/assets/fonts/montserrat/Montserrat-regular.woff b/apps/mc-web/src/assets/fonts/montserrat/Montserrat-regular.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Black.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Black.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-BlackItalic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-BlackItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Bold.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Bold.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-BoldItalic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-BoldItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Italic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Italic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Light.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Light.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-LightItalic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-LightItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Medium.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Medium.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-MediumItalic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-MediumItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Regular.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Regular.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-RegularItalic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-RegularItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-Thin.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-Thin.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/Roboto-ThinItalic.woff b/apps/mc-web/src/assets/fonts/roboto/Roboto-ThinItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/RobotoMono-Bold.woff b/apps/mc-web/src/assets/fonts/roboto/RobotoMono-Bold.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/RobotoMono-BoldItalic.woff b/apps/mc-web/src/assets/fonts/roboto/RobotoMono-BoldItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/RobotoMono-Light.woff b/apps/mc-web/src/assets/fonts/roboto/RobotoMono-Light.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/RobotoMono-LightItalic.woff b/apps/mc-web/src/assets/fonts/roboto/RobotoMono-LightItalic.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/RobotoMono-Thin.woff b/apps/mc-web/src/assets/fonts/roboto/RobotoMono-Thin.woff
diff --git a/apps/mc-web/src/assets/fonts/roboto/RobotoMono-ThinItalic.woff b/apps/mc-web/src/assets/fonts/roboto/RobotoMono-ThinItalic.woff
diff --git a/apps/mc-web/src/assets/images/pt-logo-32.svg b/apps/mc-web/src/assets/images/pt-logo-32.svg
diff --git a/apps/mc-web/src/assets/images/pt-logo-64.svg b/apps/mc-web/src/assets/images/pt-logo-64.svg
diff --git a/apps/mc-web/src/index.html b/apps/mc-web/src/index.html
@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
-<body>
+<body class="theme-default active-blue">
     <app-root></app-root>
 </body>
 </html>
diff --git a/apps/mc-web/src/styles.scss b/apps/mc-web/src/styles.scss
@@ -1,17 +1,34 @@
-@import '~@ptsecurity/mosaic/visual';
+@import './styles/variables';
+@import './styles/fonts';
+
+@import '~@ptsecurity/mosaic/visual.scss';
 @import '~@ptsecurity/mosaic-icons/dist/styles/mc-icons.css';
 
-@import 'styles/font';
+@include mosaic-visual();
+
+@import './styles/common';
+@import './styles/default-theme/theme';
+
+$typography: mc-typography-config();
+
+// Include all typography for the components.
+@include mc-core($typography);
 
-@import 'app/app.theme';
+@mixin app-theme($theme) {
 
-body,
-.theme-wrapper {
-    margin: 0;
-    padding: 0;
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    background: mc-color($background, background);
+    color: mc-color($foreground, text);
+
+    @include mosaic-theme($theme);
 }
 
-.theme-wrapper {
-    width: 100%;
-    height: 100vh;
+.theme-default {
+    &.active-blue {
+
+        // Include all theme styles for the mosaic components.
+        @include app-theme($default-light-theme);
+    }
 }
diff --git a/apps/mc-web/src/styles/_common.scss b/apps/mc-web/src/styles/_common.scss
@@ -0,0 +1,11 @@
+.pt-icon {
+    width: 32px;
+    height: 32px;
+    background: url('/assets/images/pt-logo-32.svg') no-repeat 100%;
+}
+
+.pt-icon_big {
+    width: 64px;
+    height: 64px;
+    background: url('/assets/images/pt-logo-64.svg') no-repeat 100%;
+}
diff --git a/apps/mc-web/src/styles/_font.scss b/apps/mc-web/src/styles/_font.scss
diff --git a/apps/mc-web/src/styles/_fonts.scss b/apps/mc-web/src/styles/_fonts.scss
@@ -0,0 +1,36 @@
+$roboto-font-path: '/assets/fonts/roboto';
+$montserrat-font-path: '/assets/fonts/montserrat';
+
+@mixin font($font-path, $variant, $type, $weight, $style) {
+    $font-full-path: '#{$font-path}/#{$variant}';
+
+    @font-face {
+        font-family: '#{$variant}';
+        src: local('#{$variant} #{$type}'),
+        local('#{$variant}-#{$type}'),
+        url('#{$font-full-path}-#{$type}.woff') format('woff');
+        font-weight: $weight;
+        font-style: $style;
+    }
+
+    @font-face {
+        font-family: '#{$variant}-#{$type}';
+        src: local('#{$variant} #{$type}'),
+        local('#{$variant}-#{$type}'),
+        url('#{$font-full-path}-#{$type}.woff') format('woff');
+    }
+}
+
+@include font($roboto-font-path, 'Roboto', 'Italic', 400, italic);
+@include font($roboto-font-path, 'Roboto', 'Medium', 500, normal);
+@include font($roboto-font-path, 'Roboto', 'MediumItalic', 500, italic);
+@include font($roboto-font-path, 'Roboto', 'Regular', 400, normal);
+
+@include font($roboto-font-path, 'RobotoMono', 'Italic', 400, italic);
+@include font($roboto-font-path, 'RobotoMono', 'Medium', 500, normal);
+@include font($roboto-font-path, 'RobotoMono', 'MediumItalic', 500, italic);
+@include font($roboto-font-path, 'RobotoMono', 'Regular', 400, normal);
+
+@include font($montserrat-font-path, 'Montserrat', '500', 500, normal);
+@include font($montserrat-font-path, 'Montserrat', '600', 600, normal);
+@include font($montserrat-font-path, 'Montserrat', 'Regular', 400, normal);
diff --git a/apps/mc-web/src/styles/_theme-dark.scss b/apps/mc-web/src/styles/_theme-dark.scss
diff --git a/apps/mc-web/src/styles/_theme-default.scss b/apps/mc-web/src/styles/_theme-default.scss
diff --git a/apps/mc-web/src/styles/_theme-green.scss b/apps/mc-web/src/styles/_theme-green.scss
diff --git a/apps/mc-web/src/styles/_variables.scss b/apps/mc-web/src/styles/_variables.scss
@@ -0,0 +1,7 @@
+$images-path: '/assets/images';
+$pt-icons-font-path: '~pt-product-icons/dist/fonts';
+$mc-icons-font-path: '~@ptsecurity/mosaic-icons/dist/fonts/';
+
+:root {
+    --main-content-padding: 48px;
+}