@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 2.8 kB
JavaScript
import{r as a,h as t,H as o}from"./p-D-JVwta2.js";import{i as r}from"./p-BA_npyc9.js";import"./p-CiDQ1Z66.js";import"./p-DfPM2t43.js";import"./p-Dkd2PDJ-.js";const s=class{constructor(t){a(this,t)}render(){return t(o,{key:"d72cb11e07eb2ddce3705c3503e6a9f6091776a5"},t("div",{key:"81f98d9f7fc78612e5b288589f840930535a31e7",class:"tag-status"},t("div",{key:"17aae4217a9da721799bfa3c2aac6e05ef9842d4",class:{icon:!0,[`icon--state-${this.state}`]:!0}},t("kv-icon",{key:"8f170ee4dbfcc8d6c226fca238fa30eed2d8b4d0",name:this.icon,exportparts:"icon"})),!r(this.label)&&t("div",{key:"4fce98332e117953001903f04099454e39910c65",class:"label",part:"label"},this.label)))}};s.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--tag-status-label-color:var(--kv-neutral-2, #e5e5e5);--tag-status-icon-size:16px;--tag-status-icon-success-color:var(--kv-success-dark, #048f4d);--tag-status-icon-success-background-color:var(--kv-neutral-0, #fff);--tag-status-icon-error-color:var(--kv-error-dark, #c61600);--tag-status-icon-error-background-color:var(--kv-neutral-0, #fff);--tag-status-icon-unknown-color:var(--kv-neutral-4, #bebebe);--tag-status-icon-unknown-background-color:transparent;--tag-status-icon-warning-color:var(--kv-warning-dark, #e0a93b);--tag-status-icon-warning-background-color:transparent;--tag-status-icon-info-color:var(--kv-info-dark, #2261d4);--tag-status-icon-info-background-color:var(--kv-neutral-0, #fff);--tag-status-gap:var(--kv-spacing-2x, 8px)}.tag-status{display:flex;align-items:center;gap:var(--tag-status-gap)}.tag-status .label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none;color:var(--tag-status-label-color)}.tag-status .icon kv-icon{--icon-width:var(--tag-status-icon-size);--icon-height:var(--tag-status-icon-size)}.tag-status .icon--state-success kv-icon{--icon-color:var(--tag-status-icon-success-color);--icon-background-color:var(--tag-status-icon-success-background-color)}.tag-status .icon--state-error kv-icon{--icon-color:var(--tag-status-icon-error-color);--icon-background-color:var(--tag-status-icon-error-background-color)}.tag-status .icon--state-unknown kv-icon{--icon-color:var(--tag-status-icon-unknown-color);--icon-background-color:var(--tag-status-icon-unknown-background-color)}.tag-status .icon--state-warning kv-icon{--icon-color:var(--tag-status-icon-warning-color);--icon-background-color:var(--tag-status-icon-warning-background-color)}.tag-status .icon--state-info kv-icon{--icon-color:var(--tag-status-icon-info-color);--icon-background-color:var(--tag-status-icon-info-background-color)}';export{s as kv_tag_status}