@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 2.09 kB
JavaScript
import{r as t,h as a,H as r}from"./p-D-JVwta2.js";import{a as o}from"./p-DQfCDnBw.js";import{a as e}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";import"./p-DVds6a5Z.js";import"./p-CojoW2Y2.js";import"./p-SVedE_O8.js";import"./p-BcMhjKoS.js";import"./p-Do0EyoO8.js";import"./p-CBuzk8fR.js";import"./p-DHk26cGe.js";import"./p-7ioMFMb5.js";import"./p-BA_npyc9.js";import"./p-CiDQ1Z66.js";import"./p-DfPM2t43.js";import"./p-Dkd2PDJ-.js";const i=class{constructor(a){t(this,a),this.size=e.Large}render(){return a(r,{key:"e84d6c0289f96d95c7ca6f7545ad140ebb4edcda"},a("div",{key:"15bace72e865977719b45bb6c360800f601fa7b8",class:{"tag-container":!0,[`tag-container--size-${this.size}`]:!0}},a("slot",{key:"92e076f6a3a178bb699f74884ea36ea6a4490c4b",name:"left-slot"}),o(this.label)&&a("div",{key:"949a9623220f293292ebb0f33e33996b02829269",class:"tag-label"},this.label)))}};i.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--tag-background-color:var(--kv-neutral-6, #3f3f3f);--tag-border-color:var(--kv-neutral-6, #3f3f3f);--tag-label-color:var(--kv-neutral-2, #e5e5e5);--tag-content-gap:var(--kv-spacing, 4px);--tag-content-padding:2px var(--kv-spacing, 4px)}.tag-container{display:flex;flex-direction:row;align-items:center;gap:var(--tag-content-gap);width:fit-content;max-height:24px;border-radius:4px;padding:var(--tag-content-padding);border:1px solid var(--tag-border-color);background-color:var(--tag-background-color)}.tag-container .tag-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;letter-spacing:1.5px;text-transform:uppercase;color:var(--tag-label-color)}.tag-container--size-small{max-height:20px}.tag-container--size-small .tag-label{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:15px;letter-spacing:1.5px;text-transform:uppercase}';export{i as kv_tag}