@kelvininc/ui-components
Version:
Kelvin UI Components
19 lines (14 loc) • 1.25 kB
JavaScript
'use strict';
var index = require('./index-rNNWWpit.js');
require('./wizard.types-C9Yhv1tt.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) {
index.registerInstance(this, hostRef);
}
render() {
return (index.h(index.Host, { key: '7fa721186ab4ecfa61cd03db24abcf2e72c3c1f2' }, index.h("div", { key: '694af29565fd11fe930dfcc7da57e4cac1548d47', class: "state-indicator" }, this.color && index.h("div", { key: '89bd5b8d6aaf6181205a5de21c3bedd627f18ccf', class: "color", style: { background: this.color } }), index.h("div", { key: '94e71cf7b18a4272038ce9ad2b3f0c3482051602', class: "text" }, this.text))));
}
};
KvStateIndicator.style = stateIndicatorCss;
exports.kv_state_indicator = KvStateIndicator;