chore: removed styles from dev-examples

Author: NikGurev

packages/components-dev/clamped-text/module.ts

@@ -10,20 +10,6 @@ import { DevLocaleSelector } from '../locale-selector';
     template: `
         <clamped-text-overview-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-        }
-        :host > * {
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-m);
-            flex: 1 0 auto;
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}

packages/components-dev/filesize-formatter/module.ts

@@ -11,19 +11,6 @@ import { DevLocaleSelector } from '../locale-selector';
         <filesize-formatter-overview-example />
         <filesize-formatter-table-number-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-        }
-        :host > * {
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-xl);
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}

packages/components-dev/inline-edit/module.ts

@@ -22,28 +22,6 @@ import { DevThemeToggle } from '../theme-toggle';
         <inline-edit-customized-design-example />
         <inline-edit-content-alignment-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-            padding-bottom: 100px;
-        }
-        :host > * {
-            display: flex;
-            align-items: flex-start;
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-m);
-            flex: 1 0 auto;
-            width: 40%;
-        }
-
-        ::ng-deep .kbq-inline-edit {
-            width: 100%;
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}

packages/components-dev/textarea/module.ts

@@ -12,21 +12,6 @@ import { TextAreaExamplesModule } from '../../docs-examples/components/textarea'
     template: `
         <text-area-overview-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-        }
-
-        :host > * {
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-m);
-            flex: 1 0 auto;
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}

packages/components-dev/time-range/module.ts

@@ -20,24 +20,6 @@ import { DevThemeToggle } from '../theme-toggle';
 
         <time-range-custom-option-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-            padding-bottom: 100px;
-        }
-        :host > * {
-            display: flex;
-            align-items: flex-start;
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-m);
-            flex: 1 0 auto;
-            width: 40%;
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}

packages/components-dev/toggle/module.ts

@@ -22,20 +22,6 @@ import { DevThemeToggle } from '../theme-toggle';
         <toggle-multiline-example />
         <toggle-label-left-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-        }
-
-        :host > * {
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-xl);
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}

packages/components-dev/username/module.ts

@@ -11,20 +11,6 @@ import { UsernameExamplesModule } from '../../docs-examples/components/username'
         <username-custom-example />
         <username-as-link-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-        }
-        :host > * {
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-m);
-            flex: 1 0 auto;
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 class DevExamples {}

packages/components-dev/validation/module.ts

@@ -54,21 +54,6 @@ function ldapLoginValidator(loginRegex: RegExp): ValidatorFn {
         <validation-message-global-example />
         <validation-message-global-with-links-example />
     `,
-    styles: `
-        :host {
-            display: flex;
-            gap: var(--kbq-size-l);
-            flex-wrap: wrap;
-        }
-
-        :host > * {
-            border-radius: var(--kbq-size-border-radius);
-            border: 1px solid var(--kbq-line-contrast-less);
-            margin-bottom: var(--kbq-size-l);
-            padding: var(--kbq-size-m);
-            flex: 1 0 auto;
-        }
-    `,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DevExamples {}