fix(core): update

test/elements/test-demoelement.ts

@@ -1,27 +1,38 @@
-import { LitElement, customElement, TemplateResult, html } from 'lit-element';
+import { DeesElement, customElement, TemplateResult, html } from '@designestate/dees-element';
 
 import * as domtools from '@designestate/dees-domtools';
 
 @customElement('test-demoelement')
-export class TestDemoelement extends LitElement {
+export class TestDemoelement extends DeesElement {
   public static demo = () => html`<test-demoelement></test-demoelement>`;
 
   public render() {
     return html`
       <style>
-        .maincontainer {
+        .maincontainer, .themeindicator {
           display: block;
-          background: #fff;
           padding: 10px;
           border-radius: 10px;
+          margin-bottom: 20px;
+        }
+        .maincontainer {
+            color: #fff;
+            background: #000;
+        }
+        .themeindicator {
+          color: ${this.goBright ? '#000' : '#fff'};
+          background: ${this.goBright ? '#fff' : '#000'};
         }
         ${domtools.breakpoints.cssForPhablet(`
-          .maincontainer {
-            background: #000;
+          .maincontainer, .themeindicator {
+            border-radius: 50px;
           }
         `)}
       </style>
-      <div class="maincontainer">This is a demo element</div>
+      <div class="maincontainer"><slot>This is a demo element</slot></div>
+      <div class="themeindicator">
+        You have selected the ${this.goBright ? 'bright' : 'dark'} theme;
+      </div>
     `;
   }
 }