@hakit/components
Version:
A series of components to work with @hakit/core
47 lines (46 loc) • 974 B
JavaScript
import { c as e } from "../../../emotion-styled-base.browser.esm-Dyg8Y4aq.js";
const t = /* @__PURE__ */ e("div", process.env.NODE_ENV === "production" ? {
target: "e1px4q8d0"
} : {
target: "e1px4q8d0",
label: "ProgressBar"
})((o) => `
position: absolute;
bottom: 0;
left: 0;
padding-top: 0.5rem;
border-radius: 0.25rem;
overflow: hidden;
width: 100%;
z-index: 1;
cursor: pointer;
span {
background: rgba(255,255,255,0.2);
height: 0.3rem;
position: relative;
width: 100%;
display: block;
&:before {
content: '';
position: absolute;
inset: 0;
background: var(--ha-300);
width: var(--progress-${o.entity}-width, 100%);
}
}
&.disabled {
cursor: not-allowed;
span {
&:before {
background: rgba(255,255,255,0.2);
}
}
}
&:hover:not(.disabled) + .clock {
opacity: 1;
}
`, ";");
export {
t as ProgressBar
};
//# sourceMappingURL=ProgressBar.js.map