@kelvininc/ui-components
Version:
Kelvin UI Components
17 lines (13 loc) • 1.23 kB
JavaScript
import { r as registerInstance, h, H as Host } from './index-BOTigrTZ.js';
import './wizard.types-COrzvkrr.js';
const stateIndicatorCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.state-indicator{display:flex;align-items:baseline}.state-indicator .color{width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-md)}.state-indicator .text{font-family:Proxima Nova;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0;color:var(--text-surface-neutral-primary)}";
const KvStateIndicator = class {
constructor(hostRef) {
registerInstance(this, hostRef);
}
render() {
return (h(Host, { key: '7fa721186ab4ecfa61cd03db24abcf2e72c3c1f2' }, h("div", { key: '694af29565fd11fe930dfcc7da57e4cac1548d47', class: "state-indicator" }, this.color && h("div", { key: '89bd5b8d6aaf6181205a5de21c3bedd627f18ccf', class: "color", style: { background: this.color } }), h("div", { key: '94e71cf7b18a4272038ce9ad2b3f0c3482051602', class: "text" }, this.text))));
}
};
KvStateIndicator.style = stateIndicatorCss;
export { KvStateIndicator as kv_state_indicator };