finpro/dist/chunk-C2PPWGXG.js

Design System

import{a as n}from"./chunk-JA3VZI2D.js";import{a as t,b as o,g as a,h as i}from"./chunk-GBPY57YZ.js";import{a as r}from"./chunk-NZ3RGSR6.js";var p=t`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--fp-badge-bg-color,var(--fp-color-accent-primary-background));--color:var(--fp-badge-color,var(--fp-color-primary));--font:var(--fp-font-title-4-medium);--padding-vertical:var(--fp-size-4xs);--padding-horizontal:var(--fp-size-3xs);--margin-icon:var(--fp-size-3xs);--icon-size:var(--fp-size-s);--height:var(--fp-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:0;border-radius:var(--fp-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color,white);font:var(--font);font-kerning:none;height:var(--height)}:host([size='small']) .badge{--font:var(--fp-font-caption);--height:var(--fp-size-m)}:host([size='large']) .badge{--font:var(--fp-font-title-3-medium);--padding-vertical:var(--fp-size-2xs);--padding-horizontal:var(--fp-size-2xs);--height:var(--fp-size-2xl);--icon-size:var(--fp-size-m)}:host ::slotted(fp-icon){font-size:var(--icon-size)}:host([size='small']) fp-icon{display:none}`,s=p;var e=class extends n{constructor(){super(...arguments);this.size="medium"}static get styles(){return[s]}render(){let l=this.icon?o`<fp-icon name=${this.icon}></fp-icon>`:"";return o`<span class="badge">
      <slot name="icon">${l}</slot>
      <slot></slot>
    </span>`}};r([i({type:String,reflect:!0})],e.prototype,"size",2),r([i({type:String})],e.prototype,"icon",2),e=r([a("fp-badge")],e);export{e as a};
//# sourceMappingURL=chunk-C2PPWGXG.js.map