@safe-stars/components
Version:
React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.
52 lines (44 loc) • 2.14 kB
JavaScript
;const c=require("./index-CtZaCMo8.cjs"),l=require("./if-defined-MmHKu2JE.cjs"),v=c.i`
:host {
display: flex;
justify-content: center;
align-items: center;
height: var(--wui-spacing-m);
padding: 0 var(--wui-spacing-3xs) !important;
border-radius: var(--wui-border-radius-5xs);
transition:
border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
will-change: border-radius, background-color;
}
:host > wui-text {
transform: translateY(5%);
}
:host([data-variant='main']) {
background-color: var(--wui-color-accent-glass-015);
color: var(--wui-color-accent-100);
}
:host([data-variant='shade']) {
background-color: var(--wui-color-gray-glass-010);
color: var(--wui-color-fg-200);
}
:host([data-variant='success']) {
background-color: var(--wui-icon-box-bg-success-100);
color: var(--wui-color-success-100);
}
:host([data-variant='error']) {
background-color: var(--wui-icon-box-bg-error-100);
color: var(--wui-color-error-100);
}
:host([data-size='lg']) {
padding: 11px 5px !important;
}
:host([data-size='lg']) > wui-text {
transform: translateY(2%);
}
`;var d=function(i,r,a,e){var s=arguments.length,t=s<3?r:e===null?e=Object.getOwnPropertyDescriptor(r,a):e,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,r,a,e);else for(var u=i.length-1;u>=0;u--)(n=i[u])&&(t=(s<3?n(t):s>3?n(r,a,t):n(r,a))||t);return s>3&&t&&Object.defineProperty(r,a,t),t};let o=class extends c.i$1{constructor(){super(...arguments),this.variant="main",this.size="lg"}render(){this.dataset.variant=this.variant,this.dataset.size=this.size;const r=this.size==="md"?"mini-700":"micro-700";return c.x`
<wui-text data-variant=${this.variant} variant=${r} color="inherit">
<slot></slot>
</wui-text>
`}};o.styles=[c.resetStyles,v];d([l.n()],o.prototype,"variant",void 0);d([l.n()],o.prototype,"size",void 0);o=d([l.customElement("wui-tag")],o);
//# sourceMappingURL=index-Cv2JIh3Y.cjs.map