fix(core): update

ts_web/elements/dees-input-quantityselector.ts

@@ -1,8 +1,8 @@
-import { customElement, property, html, TemplateResult, LitElement } from 'lit-element';
+import { customElement, property, html, TemplateResult, DeesElement } from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';
 
 @customElement('dees-input-quantityselector')
-export class DeesInputQuantitySelector extends LitElement {
+export class DeesInputQuantitySelector extends DeesElement {
   public static demo = () => html`<dees-input-quantityselector></dees-input-quantityselector>`;
 
   @property()
@@ -32,8 +32,13 @@ export class DeesInputQuantitySelector extends LitElement {
           line-height: 40px;
           padding: 0px;
           min-width: 100px;
-          color: #CCC;
-          border: 1px solid #CCC;
+          color: ${this.goBright ? '#666' : '#CCC'};
+          border: ${this.goBright ? '1px solid #333' : '1px solid #CCC'};
+        }
+
+        .mainContainer:hover {
+          color: ${this.goBright ? '#333' : '#fff'};
+          border: ${this.goBright ? '1px solid #333' : '1px solid #fff'};
         }
 
         .minus {
@@ -57,10 +62,7 @@ export class DeesInputQuantitySelector extends LitElement {
           text-align: center;
         }
 
-        .mainContainer:hover {
-          color: #fff;
-          border: 1px solid #fff;
-        }
+        
       </style>
 
       <div class="maincontainer">