Merge pull request #3579 from IgniteUI/apetrov/update-theming-samples

refactor(samples): updating components styling samples

Author: simeonoff

live-editing/configs/AccordionConfigGenerator.ts

@@ -46,6 +46,17 @@ export class AccordionConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: '/layouts/accordion/'
         }));
 
+        configs.push(new Config({
+            component: 'AccordionStyleComponent',
+            additionalFiles: ["/src/app/layouts/accordion/accordion-style/layout.scss"],
+            appModuleConfig: new AppModuleConfig({
+                imports: ['AccordionStyleComponent', 'IgxAccordionModule', 'IgxSwitchModule'],
+                ngDeclarations: ['AccordionStyleComponent'],
+                ngImports: ['IgxAccordionModule', 'IgxSwitchModule']
+            }),
+            shortenComponentPathBy: '/layouts/accordion/'
+        }));
+
         return configs;
     }
 }

live-editing/configs/ActionStripConfigGenerator.ts

@@ -33,6 +33,7 @@ export class ActionStripConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             component: 'ActionStripStylingComponent',
+            additionalFiles: ["/src/app/menus/action-strip/action-strip-paragraph-styling/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxActionStripModule', 'ActionStripStylingComponent', 'IgxRippleModule', 'IgxButtonModule', 'IgxIconModule'],
                 ngDeclarations: ['ActionStripStylingComponent'],

live-editing/configs/AvatarConfigGenerator.ts

@@ -18,6 +18,7 @@ export class AvatarConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             component: 'AvatarStylingSampleComponent',
+            additionalFiles: ["/src/app/layouts/avatar/avatar-styling/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxAvatarModule', 'AvatarStylingSampleComponent'],
                 ngDeclarations: ['AvatarStylingSampleComponent'],

live-editing/configs/BadgeConfigGenerator.ts

@@ -46,7 +46,7 @@ export class BadgeConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             component: 'BadgeStylingSampleComponent',
-            additionalFiles: ["src/app/data-display/badge/model/member.model.ts"],
+            additionalFiles: ["src/app/data-display/badge/model/member.model.ts", "src/app/data-display/badge/badge-styling-sample/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxBadgeModule', 'IgxListModule', 'IgxAvatarModule', 'BadgeStylingSampleComponent'],
                 ngDeclarations: ['BadgeStylingSampleComponent'],

live-editing/configs/ButtonConfigGenerator.ts

@@ -57,6 +57,7 @@ export class ButtonConfigGenerator implements IConfigGenerator {
         // button style
         configs.push(new Config({
             component: 'ButtonsStyleComponent',
+            additionalFiles: ["/src/app/data-entries/buttons/buttons-style/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxButtonModule', 'IgxIconModule', 'IgxRippleModule', 'IgxButtonGroupModule',
                     'ButtonsStyleComponent'],

live-editing/configs/ButtonGroupConfigGenerator.ts

@@ -70,6 +70,7 @@ export class ButtonGroupConfigGenerator implements IConfigGenerator {
         // button group style
         configs.push(new Config({
             component: 'ButtonGroupStyleComponent',
+            additionalFiles: ["/src/app/data-entries/buttonGroup/button-group-style/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxButtonGroupModule', 'ButtonGroupStyleComponent', 'IgxRippleModule', 'IgxIconModule', 'IgxButtonModule'],
                 ngDeclarations: ['ButtonGroupStyleComponent'],

live-editing/configs/CalendarConfigGenerator.ts

@@ -115,6 +115,7 @@ export class CalendarConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             component: 'CalendarStylingSampleComponent',
+            additionalFiles: ["/src/app/scheduling/calendar/calendar-styling-sample/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxCalendarModule', 'CalendarStylingSampleComponent'],
                 ngDeclarations: ['CalendarStylingSampleComponent'],

live-editing/configs/CardConfigGenerator.ts

@@ -177,7 +177,8 @@ export class CardConfigGenerator implements IConfigGenerator {
                 ]
             }),
             additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts"
+                "/src/app/layouts/card/card.blueprint.ts",
+                "/src/app/layouts/card/card-styling-sample/layout.scss"
             ],
             shortenComponentPathBy: "/layouts/card/"
         }));

live-editing/configs/CheckboxConfigGenerator.ts

@@ -41,6 +41,7 @@ export class CheckboxConfigGenerator implements IConfigGenerator {
         // checkbox styling
         configs.push(new Config({
             component: 'CheckboxStylingComponent',
+            additionalFiles: ["/src/app/data-entries/checkbox/checkbox-styling/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxCheckboxModule', 'CheckboxStylingComponent'],
                 ngDeclarations: ['CheckboxStylingComponent'],

live-editing/configs/ChipConfigGenerator.ts

@@ -35,6 +35,7 @@ export class ChipConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             component: 'ChipStylingSampleComponent',
+            additionalFiles: ["/src/app/data-display/chip/chip-styling/layout.scss"],
             appModuleConfig: new AppModuleConfig({
                 imports: ['IgxChipsModule', 'IgxIconModule', 'ChipStylingSampleComponent'],
                 ngDeclarations: ['ChipStylingSampleComponent'],