feat(core/empty-state): enable shadow dom (#543)

siemens · May 25, 2023 · d5c2f0b · d5c2f0b
1 parent eda80e3
commit d5c2f0b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/packages/core/component-doc.json b/packages/core/component-doc.json
@@ -2936,7 +2936,7 @@
           "text": "1.6.0"
         }
       ],
-      "encapsulation": "scoped",
+      "encapsulation": "shadow",
       "dependents": [],
       "dependencies": [
         "ix-icon",

diff --git a/packages/core/src/components/empty-state/empty-state.scss b/packages/core/src/components/empty-state/empty-state.scss
@@ -1,6 +1,9 @@
 @import 'common-variables';
+@import 'mixins/shadow-dom/component';
 
 :host {
+  @include ix-component;
+
   .label__subHeader {
     color: var(--theme-color-soft-text);
   }

diff --git a/packages/core/src/components/empty-state/empty-state.tsx b/packages/core/src/components/empty-state/empty-state.tsx
@@ -17,7 +17,7 @@ export type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';
 @Component({
   tag: 'ix-empty-state',
   styleUrl: 'empty-state.scss',
-  scoped: true,
+  shadow: true,
 })
 export class EmptyState {
   /**