import{r as t,h as o}from"./p-e81f56ed.js";const r=':host{--klevu-button-background-hover:var(--klevu-color-primary-darker);--klevu-button-text-align:var(--klevu-button-text-align);--klevu-button-padding:var(--klevu-button-padding)}button{--padding:var(--klevu-button-padding, calc(var(--klevu-size-m) - (var(--klevu-body-s-size) / 2)));display:inline-block;position:relative;background:var(--klevu-button-background-color, var(--klevu-color-primary));border-radius:var(--klevu-border-radius-m);box-sizing:border-box;transition:transform 100ms;border:0;height:calc(var(--klevu-size-m) * 2);font-size:var(--klevu-body-s-size);font-weight:var(--klevu-body-s-weight);padding:0 calc(var(--padding) * 2);text-align:var(--klevu-button-text-align, center)}button.sizeSmall{--padding:var(--klevu-button-padding, calc(var(--klevu-size-s) - (var(--klevu-body-s-size) / 2)));height:calc(var(--klevu-size-s) * 2)}button.sizeLarge{--padding:var(--klevu-button-padding, calc(var(--klevu-size-l) - (var(--klevu-body-s-size) / 2)));height:calc(var(--klevu-size-l) * 2)}button klevu-typography,button span[part="material-icon"]{--klevu-typography-color:var(--klevu-button-text-color, var(--klevu-color-neutral-1));color:var(--klevu-button-text-color, var(--klevu-color-neutral-1));user-select:none}button:hover{background-color:var(--klevu-button-background-hover)}button:focus{outline:0}button:focus:after{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid var(--klevu-color-primary);border-radius:calc(var(--klevu-border-radius-m) + 2px)}button:disabled{opacity:var(--klevu-opacity-disabled)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:var(--klevu-color-neutral-2)}button.secondary klevu-typography,button.secondary span[part="material-icon"]{--klevu-typography-color:var(--klevu-color-neutral-7);color:var(--klevu-color-neutral-8)}button.secondary:hover{background:var(--klevu-color-neutral-3)}button.fullwidth{display:block;width:100%}button.icon{padding:0;height:calc(var(--klevu-size-m) * 2);width:calc(var(--klevu-size-m) * 2);border-radius:10000000px;font-size:1.5em;font-weight:normal;line-height:1.8}button.icon span[part="material-icon"]{position:relative;top:-1px}button.icon:focus:after{border-radius:100%}button.tertiary{background:transparent;border:0;color:var(--klevu-color-primary);padding:0;height:calc(var(--klevu-size-s) * 2)}button.tertiary klevu-typography,button.tertiary span[part="material-icon"]{--klevu-typography-color:var(--klevu-color-primary);color:var(--klevu-color-primary)}';const a=class{constructor(o){t(this,o);this.disabled=undefined;this.isSecondary=undefined;this.isTertiary=undefined;this.fullWidth=undefined;this.size="normal";this.icon=undefined}render(){return o("button",{disabled:this.disabled,class:{secondary:Boolean(this.isSecondary),tertiary:Boolean(this.isTertiary),fullwidth:Boolean(this.fullWidth),icon:Boolean(this.icon),sizeSmall:this.size==="small",sizeLarge:this.size==="large"}},this.icon?o("span",{part:"material-icon"},this.icon):o("klevu-typography",{variant:this.isTertiary?"body-s":"body-s-bold"},o("slot",null)))}};a.style=r;export{a as klevu_button};
//# sourceMappingURL=p-a4632a1b.entry.js.map