2023-05-26 15:28:49 +02:00
|
|
|
import { css } from "lit";
|
|
|
|
import { customElement } from "lit/decorators";
|
2023-11-16 18:17:41 +01:00
|
|
|
import "element-internals-polyfill";
|
2023-10-16 15:42:59 +02:00
|
|
|
import { MdOutlinedButton } from "@material/web/button/outlined-button";
|
2023-05-26 15:28:49 +02:00
|
|
|
|
|
|
|
@customElement("ha-outlined-button")
|
2023-10-16 15:42:59 +02:00
|
|
|
export class HaOutlinedButton extends MdOutlinedButton {
|
2023-05-26 15:28:49 +02:00
|
|
|
static override styles = [
|
2023-10-16 15:42:59 +02:00
|
|
|
...super.styles,
|
2023-05-26 15:28:49 +02:00
|
|
|
css`
|
|
|
|
:host {
|
|
|
|
--ha-icon-display: block;
|
|
|
|
--md-sys-color-primary: var(--primary-text-color);
|
2023-10-09 18:29:25 +02:00
|
|
|
--md-sys-color-outline: var(--outline-color);
|
2023-05-26 15:28:49 +02:00
|
|
|
}
|
|
|
|
`,
|
|
|
|
];
|
|
|
|
}
|
|
|
|
|
|
|
|
declare global {
|
|
|
|
interface HTMLElementTagNameMap {
|
|
|
|
"ha-outlined-button": HaOutlinedButton;
|
|
|
|
}
|
|
|
|
}
|