design.estate/dees-catalog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2020-12-09 23:05:13 +00:00
parent d369805ee8
commit 05a9042de8
8 changed files with 38 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package-lock.json generated
View File

@ -1165,12 +1165,12 @@
}
},
"@designestate/dees-wcctools": {
"version": "1.0.52",
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-wcctools/-/dees-wcctools-1.0.52.tgz",
"integrity": "sha512-Kg5skpyYLlX5gLqMyS/ITJMY5Cjwawxhu5TxE8LAw2QkJDZFM3MqfDmB4M+gNFNIXyQ734NxsupsG4j8HDw0Fw==",
"version": "1.0.54",
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-wcctools/-/dees-wcctools-1.0.54.tgz",
"integrity": "sha512-rqA1rh1Es1HHR4w1EhfZfSMSuRSCLcA9n3cz2p9V5ZfB6yhpSuUAzZWoEii3i3cMWO2s3uthHIxFAMwRlpcPqw==",
"requires": {
"@designestate/dees-domtools": "^1.0.81",
"@designestate/dees-element": "^1.0.9",
"@designestate/dees-element": "^1.0.10",
"@gitzone/tsrun": "^1.2.12",
"@pushrocks/smartdelay": "^2.0.10",
"@pushrocks/smartexpress": "^3.0.98",

2
package.json
View File

@ -15,7 +15,7 @@
"dependencies": {
"@designestate/dees-domtools": "^1.0.84",
"@designestate/dees-element": "^1.0.10",
"@designestate/dees-wcctools": "^1.0.52",
"@designestate/dees-wcctools": "^1.0.54",
"@fortawesome/fontawesome-svg-core": "^1.2.32",
"@fortawesome/free-brands-svg-icons": "^5.15.1",
"@fortawesome/free-regular-svg-icons": "^5.15.1",

2
ts_web/elements/dees-button.ts
View File

@ -43,7 +43,7 @@ export class DeesButton extends DeesElement {
display: block;
text-align: center;
background: ${this.goBright ? '#eee' : '#333'};
border-top: 1px solid #444;
border-top: ${this.goBright ? '1px solid #eee' : '1px solid #444'};
border-radius: 2px;
line-height: 40px;
padding: 0px 10px;

10
ts_web/elements/dees-form.ts
View File

@ -8,11 +8,13 @@ import { DeesInputRadio } from './dees-input-radio';
@customElement('dees-form')
export class DeesForm extends LitElement {
public static demo = () => html`
<dees-form style="display: block; margin:auto; width: 500px; padding: 20px; background: #111;">
<dees-input-text key="hello1"></dees-input-text>
<dees-input-text key="hello2"></dees-input-text>
<dees-form style="display: block; margin:auto; max-width: 500px; padding: 20px">
<dees-input-text key="hello1" label="a text"></dees-input-text>
<dees-input-text key="hello2" label="also a text"></dees-input-text>
<dees-input-checkbox key="hello3" label="another text"></dees-input-checkbox>
<dees-form-submit>Submit</dees-form-submit>
</dees-form>`;
</dees-form>
`;
public name: string = 'myform';

12
ts_web/elements/dees-input-checkbox.ts
View File

@ -1,8 +1,8 @@
import { customElement, LitElement, TemplateResult, property, html } from 'lit-element';
import { customElement, DeesElement, TemplateResult, property, html } from '@designestate/dees-element';
import * as domtools from '@designestate/dees-domtools';
@customElement('dees-input-checkbox')
export class DeesInputCheckbox extends LitElement {
export class DeesInputCheckbox extends DeesElement {
public static demo = () => html`<dees-input-checkbox></dees-input-checkbox>`;
@property()
@ -33,11 +33,11 @@ export class DeesInputCheckbox extends LitElement {
display: grid;
grid-template-columns: 25px auto;
padding: 5px 0px;
color: #ccc;
color: ${this.goBright ? '#333' : '#ccc'};
}
.maincontainer:hover {
color: #fff;
${this.goBright ? '#000' : '#ccc'};
}
.label {
@ -55,12 +55,12 @@ export class DeesInputCheckbox extends LitElement {
.checkbox {
transition: all 0.1s;
box-sizing: border-box;
border: 1px solid #999;
border: 1px solid ${this.goBright ? '#CCC' : '#999'};
border-radius: 2px;
height: 24px;
width: 24px;
display: inline-block;
background: #222;
background: ${this.goBright ? '#fafafa' : '#222'};
}
.checkbox.selected {

2
ts_web/elements/dees-input-dropdown.ts
View File

@ -4,6 +4,8 @@ import * as domtools from '@designestate/dees-domtools';
@customElement('dees-input-dropdown')
export class DeesInputDropdown extends LitElement {
public static demo = () => html`<dees-input-dropdown></dees-input-dropdown>`
@property()
public label: string = 'Label';

18
ts_web/elements/dees-input-quantityselector.ts
View File

@ -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">

15
ts_web/elements/dees-input-text.ts
View File

@ -1,7 +1,7 @@
import {customElement, LitElement, TemplateResult, property, html} from 'lit-element';
import {customElement, DeesElement, TemplateResult, property, html} from '@designestate/dees-element';
@customElement('dees-input-text')
export class DeesInputText extends LitElement {
export class DeesInputText extends DeesElement {
public static demo = () => html`<dees-input-text></dees-input-text>`;
@property()
@ -28,7 +28,7 @@ export class DeesInputText extends LitElement {
}
.maincontainer {
color: #ccc;
color: ${this.goBright ? '#333' : '#ccc'};
}
.label {
@ -38,10 +38,11 @@ export class DeesInputText extends LitElement {
input {
margin-top: 5px;
background: #222;
border: none;
border-top: 1px solid #444;
border-bottom: 1px solid #333;
background: ${this.goBright ? '#fafafa' : '#222'};
border-top: ${this.goBright ? '1px solid #CCC' : '1px solid #444'};
border-bottom: ${this.goBright ? '1px solid #CCC' : '1px solid #333'};
border-right: ${this.goBright ? '1px solid #CCC' : 'none'};
border-left: ${this.goBright ? '1px solid #CCC' : 'none'};
padding-left:10px;
padding-right: 10px;
border-radius: 2px;