@kelvininc/ui-components
Version:
Kelvin UI Components
36 lines (32 loc) • 2.35 kB
JavaScript
import { H as proxyCustomElement, I as H, K as h, L as Host } from './p-BP5CxQcH.js';
import { i as isValidLabel } from './p-YzSFobpQ.js';
const formLabelCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}:host{--label-color:var(--text-surface-neutral-tertiary);--label-required-color:var(--text-surface-danger-default);--label-gap:var(--spacing-2xs);--label-bottom-spacing:var(--spacing-2xs);display:inline-flex;user-select:none}.required{font-family:Proxima Nova;font-weight:600;font-size:12px;line-height:16px;letter-spacing:1.5px;text-transform:uppercase}.required+label{font-family:Proxima Nova;font-weight:600;font-size:12px;line-height:16px;letter-spacing:1.5px;text-transform:uppercase}.label{font-family:Proxima Nova;font-weight:400;font-size:12px;line-height:16px;letter-spacing:1.5px;text-transform:uppercase;color:var(--label-color)}.required{color:var(--label-required-color)}.label-container{display:inline-flex;gap:var(--label-gap);margin-bottom:var(--label-bottom-spacing)}";
const KvFormLabel = /*@__PURE__*/ proxyCustomElement(class KvFormLabel extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h(Host, { key: 'c4e38461c2b5c5857614c1bd0101e43513a411e0' }, isValidLabel(this.label) && (h("div", { key: 'b76a5f1434976e4b7cfa9f14472ad97ee264aab3', class: "label-container" }, this.required && h("span", { key: 'f13abb2a716d0ba7a3f74409ce4a54b78952fb59', class: "required" }, "*"), this.label && h("span", { key: '14062de99c40a90543bfdfa140a499705e1f641c', class: "label" }, this.label)))));
}
static get style() { return formLabelCss; }
}, [257, "kv-form-label", {
"label": [513],
"required": [516]
}]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-form-label"];
components.forEach(tagName => { switch (tagName) {
case "kv-form-label":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvFormLabel);
}
break;
} });
}
defineCustomElement();
export { KvFormLabel as K, defineCustomElement as d };