UNPKG

@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
"use strict";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