diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index bcddb6f..7cd565b 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@designestate/dees-catalog',
- version: '1.0.87',
+ version: '1.0.88',
description: 'website for lossless.com'
}
diff --git a/ts_web/elements/dees-button-exit.ts b/ts_web/elements/dees-button-exit.ts
new file mode 100644
index 0000000..513534a
--- /dev/null
+++ b/ts_web/elements/dees-button-exit.ts
@@ -0,0 +1,53 @@
+import {
+ cssManager,
+ customElement,
+ DeesElement,
+ html,
+ TemplateResult,
+ css,
+ state,
+ property
+} from '@designestate/dees-element';
+
+@customElement('dees-button-exit')
+export class DeesButtonExit extends DeesElement {
+ // DEMO
+ public static demo = () => html`
+
+ `;
+
+ // INSTANCE
+ @property({
+ type: Number
+ })
+ public size: number = 20;
+
+ public styles = [
+ cssManager.defaultStyles,
+ css`
+
+ `
+ ]
+
+ public render (): TemplateResult {
+ return html`
+
+
+ `;
+ }
+}
\ No newline at end of file
diff --git a/ts_web/elements/dees-table.ts b/ts_web/elements/dees-table.ts
index 4039122..0bfb32e 100644
--- a/ts_web/elements/dees-table.ts
+++ b/ts_web/elements/dees-table.ts
@@ -104,24 +104,25 @@ export class DeesTable extends DeesElement {
cssManager.defaultStyles,
css`
.mainbox {
- color: #fff;
+ color: ${cssManager.bdTheme('#333', '#fff')};
font-family: Roboto Mono;
padding: 20px;
display: block;
width: 100%;
min-height: 50px;
- background: #393939;
+ background: ${cssManager.bdTheme('#fafafa', '#333333')};
border-radius: 3px;
+ box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.headingSeparation {
margin-top: 7px;
- border-bottom: 1px solid #bcbcbc;
+ border-bottom: 1px solid ${cssManager.bdTheme('#bcbcbc', '#bcbcbc')};
}
table,
.noDataSet {
margin-top: 20px;
- color: #fff;
+ color: ${cssManager.bdTheme('#333', '#fff')};
border-collapse: collapse;
width: 100%;
}
@@ -129,7 +130,7 @@ export class DeesTable extends DeesElement {
text-align: center;
}
tr {
- border-bottom: 1px dashed #808080;
+ border-bottom: 1px dashed ${cssManager.bdTheme('#999', '#808080')};
text-align: left;
}
tr:last-child {
@@ -140,7 +141,7 @@ export class DeesTable extends DeesElement {
cursor: pointer;
}
tr:hover .innerCellContainer {
- background: #ffffff10;
+ background: ${cssManager.bdTheme('#22222210', '#ffffff20')};
}
tr:first-child:hover {
cursor: auto;
@@ -149,7 +150,7 @@ export class DeesTable extends DeesElement {
background: none;
}
tr.selected .innerCellContainer {
- background: #ffffff20
+ background: ${cssManager.bdTheme('#22222220', '#ffffff20')};
}
th {
text-transform: uppercase;
@@ -157,7 +158,7 @@ export class DeesTable extends DeesElement {
th,
td {
padding: 3px 0px;
- border-right: 1px dashed #808080;
+ border-right: 1px dashed ${cssManager.bdTheme('#999', '#808080')};
}
.innerCellContainer {
padding: 7px 10px;
@@ -178,8 +179,8 @@ export class DeesTable extends DeesElement {
.tableStatistics {
padding: 5px 20px;
font-size: 14px;
- color: #ffffff90;
- background: #00000050;
+ color: ${cssManager.bdTheme('#111', '#ffffff90')};
+ background: ${cssManager.bdTheme('#00000020', '#00000050')};
margin: 20px -20px -20px -20px;
}
`,
diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts
index 794b855..15ed57a 100644
--- a/ts_web/elements/index.ts
+++ b/ts_web/elements/index.ts
@@ -1,3 +1,4 @@
+export * from './dees-button-exit.js';
export * from './dees-button.js';
export * from './dees-chips.js';
export * from './dees-form.js';
diff --git a/ts_web/tsconfig.json b/ts_web/tsconfig.json
deleted file mode 100644
index dba076c..0000000
--- a/ts_web/tsconfig.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "compilerOptions": {
- "target": "es2017",
- "module": "es2015",
- "moduleResolution": "node",
- "lib": ["es2017", "dom"],
- "declaration": true,
- "inlineSources": true,
- "inlineSourceMap": true,
- "noUnusedLocals": true,
- "noFallthroughCasesInSwitch": true,
- "outDir": "dist/",
- "skipLibCheck": true,
- "experimentalDecorators": true
- }
-}