UNPKG

@safe-stars/components

Version:

React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.

1 lines 8.31 kB
{"version":3,"file":"index-BAa77fbc.cjs","sources":["../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-chip-button/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-chip-button/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n button {\n border: none;\n border-radius: var(--wui-border-radius-3xl);\n }\n\n button[data-variant='main'] {\n background-color: var(--wui-color-accent-100);\n color: var(--wui-color-inverse-100);\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\n }\n\n button[data-variant='accent'] {\n background-color: var(--wui-color-accent-glass-010);\n color: var(--wui-color-accent-100);\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);\n }\n\n button[data-variant='gray'] {\n background-color: transparent;\n color: var(--wui-color-fg-200);\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\n }\n\n button[data-variant='shade'] {\n background-color: transparent;\n color: var(--wui-color-accent-100);\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\n }\n\n button[data-size='sm'] {\n height: 32px;\n padding: 0 var(--wui-spacing-s);\n }\n\n button[data-size='md'] {\n height: 40px;\n padding: 0 var(--wui-spacing-l);\n }\n\n button[data-size='sm'] > wui-image {\n width: 16px;\n height: 16px;\n }\n\n button[data-size='md'] > wui-image {\n width: 24px;\n height: 24px;\n }\n\n button[data-size='sm'] > wui-icon {\n width: 12px;\n height: 12px;\n }\n\n button[data-size='md'] > wui-icon {\n width: 14px;\n height: 14px;\n }\n\n wui-image {\n border-radius: var(--wui-border-radius-3xl);\n overflow: hidden;\n }\n\n button.disabled > wui-icon,\n button.disabled > wui-image {\n filter: grayscale(1);\n }\n\n button[data-variant='main'] > wui-image {\n box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);\n }\n\n button[data-variant='shade'] > wui-image,\n button[data-variant='gray'] > wui-image {\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\n }\n\n @media (hover: hover) and (pointer: fine) {\n button[data-variant='main']:focus-visible {\n background-color: var(--wui-color-accent-090);\n }\n\n button[data-variant='main']:hover:enabled {\n background-color: var(--wui-color-accent-090);\n }\n\n button[data-variant='main']:active:enabled {\n background-color: var(--wui-color-accent-080);\n }\n\n button[data-variant='accent']:hover:enabled {\n background-color: var(--wui-color-accent-glass-015);\n }\n\n button[data-variant='accent']:active:enabled {\n background-color: var(--wui-color-accent-glass-020);\n }\n\n button[data-variant='shade']:focus-visible,\n button[data-variant='gray']:focus-visible,\n button[data-variant='shade']:hover,\n button[data-variant='gray']:hover {\n background-color: var(--wui-color-gray-glass-002);\n }\n\n button[data-variant='gray']:active,\n button[data-variant='shade']:active {\n background-color: var(--wui-color-gray-glass-005);\n }\n }\n\n button.disabled {\n color: var(--wui-color-gray-glass-020);\n background-color: var(--wui-color-gray-glass-002);\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);\n pointer-events: none;\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-image/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiChipButton = class WuiChipButton extends LitElement {\n constructor() {\n super(...arguments);\n this.variant = 'accent';\n this.imageSrc = '';\n this.disabled = false;\n this.icon = 'externalLink';\n this.size = 'md';\n this.text = '';\n }\n render() {\n const textVariant = this.size === 'sm' ? 'small-600' : 'paragraph-600';\n return html `\n <button\n class=${this.disabled ? 'disabled' : ''}\n data-variant=${this.variant}\n data-size=${this.size}\n >\n ${this.imageSrc ? html `<wui-image src=${this.imageSrc}></wui-image>` : null}\n <wui-text variant=${textVariant} color=\"inherit\"> ${this.text} </wui-text>\n <wui-icon name=${this.icon} color=\"inherit\" size=\"inherit\"></wui-icon>\n </button>\n `;\n }\n};\nWuiChipButton.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiChipButton.prototype, \"variant\", void 0);\n__decorate([\n property()\n], WuiChipButton.prototype, \"imageSrc\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiChipButton.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], WuiChipButton.prototype, \"icon\", void 0);\n__decorate([\n property()\n], WuiChipButton.prototype, \"size\", void 0);\n__decorate([\n property()\n], WuiChipButton.prototype, \"text\", void 0);\nWuiChipButton = __decorate([\n customElement('wui-chip-button')\n], WuiChipButton);\nexport { WuiChipButton };\n//# sourceMappingURL=index.js.map"],"names":["css","__decorate","decorators","target","key","desc","c","r","i","WuiChipButton","LitElement","textVariant","html","resetStyles","elementStyles","styles","property","customElement"],"mappings":"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","x_google_ignoreList":[0,1]}