feat(theme): add new corporate theme

docs/app/blocks/components/live-example-block/live-example-block.component.scss

@@ -9,6 +9,7 @@
   $block-bg-default: #ebeff5;
   $block-bg-cosmic: #2f296b;
   $block-fg-cosmic: #7d838b;
+  $block-bg-corporate: #f1f5f8;
 
   display: flex;
   flex-direction: column;
@@ -106,6 +107,10 @@
     }
   }
 
+  &.theme-corporate {
+    background-color: $block-bg-corporate;
+  }
+
   .iframe-container {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;

docs/app/blocks/components/live-example-block/live-example-block.component.ts

@@ -40,12 +40,18 @@ export class NgdLiveExampleBlockComponent implements OnInit, AfterViewInit, OnDe
     return this.currentTheme === 'cosmic';
   }
 
+  @HostBinding('class.theme-corporate')
+  private get isCorporate() {
+    return this.currentTheme === 'corporate';
+  }
+
   iframeHeight: number;
   alive: boolean = true;
 
   themes: {label: string; value: string}[] = [
     { label: 'Default', value: 'default' },
     { label: 'Cosmic', value: 'cosmic' },
+    { label: 'Corporate', value: 'corporate' },
   ];
 
   currentTheme: string = 'default';

docs/structure.ts

@@ -369,6 +369,18 @@ export const structure = [
           },
         ],
       },
+      {
+        type: 'page',
+        name: 'Corporate',
+        children: [
+          {
+            type: 'block',
+            block: 'theme',
+            name: 'Corporate',
+            source: 'corporate',
+          },
+        ],
+      },
     ],
   },
   {