Switch Et2Template to extend SlInput instead of LionInput

Also includes changes to how validation messages are handled to use our own stuff
This commit is contained in:
nathan
2022-07-21 12:39:00 -06:00
parent e4f8c88e1e
commit 379ceeb3e5
5 changed files with 112 additions and 88 deletions

View File

@@ -10,22 +10,30 @@
import {css, PropertyValues} from "@lion/core";
import {LionInput} from "@lion/input";
import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget";
import {Regex} from "../Validators/Regex";
import {SlInput} from "@shoelace-style/shoelace";
import shoelace from "../Styles/shoelace";
import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget";
export class Et2Textbox extends Et2InputWidget(LionInput)
export class Et2Textbox extends Et2InputWidget(SlInput)
{
static get styles()
{
return [
...shoelace,
...super.styles,
css`
:host([type="hidden"]) {
display: none;
}
`,
:host([type="hidden"]) {
display: none;
}
.input__control {
border: none;
}
.input:hover:not(.input--disabled) .input__control {
color: var(--input-text-color, inherit);
}
`,
];
}