Add styles.js

packages/data-table-view/src/vpu-data-table-view-demo.js

@@ -3,6 +3,7 @@ import './vpu-data-table-view.js';
 import {i18n} from './i18n';
 import {html, css, LitElement} from 'lit-element';
 import * as commonUtils from 'vpu-common/utils';
+import * as commonStyles from 'vpu-common/styles';
 
 class DataTableViewDemo extends LitElement {
     constructor() {
@@ -105,7 +106,7 @@ class DataTableViewDemo extends LitElement {
     static get styles() {
         // language=css
         return css`
-            ${commonUtils.getThemeCSS()}
+            ${commonStyles.getThemeCSS()}
         `;
     }
 

packages/data-table-view/src/vpu-data-table-view.js

@@ -8,6 +8,7 @@ import de from '../assets/datatables/i18n/German';
 import en from '../assets/datatables/i18n/English';
 
 import * as commonUtils from 'vpu-common/utils';
+import * as commonStyles from 'vpu-common/styles';
 
 dt(window, $);
 resp(window, $);
@@ -111,8 +112,8 @@ class DataTableView extends LitElement {
     static get styles() {
         // language=css
         return css`
-            ${commonUtils.getThemeCSS()}
-            ${commonUtils.getGeneralCSS()}
+            ${commonStyles.getThemeCSS()}
+            ${commonStyles.getGeneralCSS()}
 
             .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                 color: var(--vpu-muted-text);