fix(core): update

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

8
package-lock.json generated
View File

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

View File

@ -15,7 +15,7 @@
"dependencies": { "dependencies": {
"@designestate/dees-domtools": "^1.0.84", "@designestate/dees-domtools": "^1.0.84",
"@designestate/dees-element": "^1.0.10", "@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/fontawesome-svg-core": "^1.2.32",
"@fortawesome/free-brands-svg-icons": "^5.15.1", "@fortawesome/free-brands-svg-icons": "^5.15.1",
"@fortawesome/free-regular-svg-icons": "^5.15.1", "@fortawesome/free-regular-svg-icons": "^5.15.1",

View File

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

View File

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

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

View File

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

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

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