@kelvininc/ui-components
Version:
Kelvin UI Components
1 lines • 1.7 kB
JavaScript
import{r as t,c as i,h as o,H as n}from"./p-D-JVwta2.js";import{a}from"./p-DzZLIMy0.js";import"./p-DwRzddFC.js";const e=class{constructor(o){t(this,o),this.clickButton=i(this,"clickButton",7),this.focusButton=i(this,"focusButton",7),this.blurButton=i(this,"blurButton",7),this.disabled=!1,this.active=!1,this.loading=!1,this.size=a.Large}render(){return o(n,{key:"b47d2526a0fbf3582fc6c1b19b44ea8edfe78b4e"},o("kv-action-button",{key:"9f84ac33f8ea003b94d866e321183458b2045335",active:this.active,loading:this.loading,type:this.type,disabled:this.disabled,size:this.size,exportparts:"button"},this.icon&&o("kv-icon",{key:"4d121624e8572d8d3c3cae37513a138d8844086a",name:this.icon,exportparts:"icon"}),o("span",{key:"0b9c9fa2a02df17e3aa317281c9055cff614175e",class:"action-button-text",part:"button-text"},this.text)))}};e.style='@property --rotation{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host{--button-icon-width:16px;--button-icon-height:16px}kv-icon{--icon-width:var(--button-icon-width);--icon-height:var(--button-icon-width);margin-right:var(--kv-spacing-2x, 8px)}.action-button-text{white-space:nowrap}kv-action-button[size=large] .action-button-text{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none}kv-action-button[size=small] .action-button-text{font-family:var(--kv-primary-font, "proxima-nova", sans-serif, "Arial");font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none}';export{e as kv_action_button_text}