UNPKG

@safe-stars/components

Version:

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

1 lines 12.1 kB
{"version":3,"file":"index-7jbryE6-.cjs","sources":["../node_modules/@reown/appkit-common/dist/esm/src/utils/NavigationUtil.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-chip/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-chip/index.js"],"sourcesContent":["export const NavigationUtil = {\n URLS: {\n FAQ: 'https://walletconnect.com/faq'\n }\n};\n//# sourceMappingURL=NavigationUtil.js.map","import { css } from 'lit';\nexport default css `\n a {\n border: 1px solid var(--wui-color-gray-glass-010);\n border-radius: var(--wui-border-radius-3xl);\n }\n\n wui-image {\n border-radius: var(--wui-border-radius-3xl);\n overflow: hidden;\n }\n\n a.disabled > wui-icon:not(.image-icon),\n a.disabled > wui-image {\n filter: grayscale(1);\n }\n\n a[data-variant='fill'] {\n color: var(--wui-color-inverse-100);\n background-color: var(--wui-color-accent-100);\n }\n\n a[data-variant='shade'],\n a[data-variant='shadeSmall'] {\n background-color: transparent;\n background-color: var(--wui-color-gray-glass-010);\n color: var(--wui-color-fg-200);\n }\n\n a[data-variant='success'] {\n column-gap: var(--wui-spacing-xxs);\n border: 1px solid var(--wui-color-success-glass-010);\n background-color: var(--wui-color-success-glass-010);\n color: var(--wui-color-success-100);\n }\n\n a[data-variant='error'] {\n column-gap: var(--wui-spacing-xxs);\n border: 1px solid var(--wui-color-error-glass-010);\n background-color: var(--wui-color-error-glass-010);\n color: var(--wui-color-error-100);\n }\n\n a[data-variant='transparent'] {\n column-gap: var(--wui-spacing-xxs);\n background-color: transparent;\n color: var(--wui-color-fg-150);\n }\n\n a[data-variant='transparent'],\n a[data-variant='success'],\n a[data-variant='shadeSmall'],\n a[data-variant='error'] {\n padding: 7px var(--wui-spacing-s) 7px 10px;\n }\n\n a[data-variant='transparent']:has(wui-text:first-child),\n a[data-variant='success']:has(wui-text:first-child),\n a[data-variant='shadeSmall']:has(wui-text:first-child),\n a[data-variant='error']:has(wui-text:first-child) {\n padding: 7px var(--wui-spacing-s);\n }\n\n a[data-variant='fill'],\n a[data-variant='shade'] {\n column-gap: var(--wui-spacing-xs);\n padding: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-xxs)\n var(--wui-spacing-xs);\n }\n\n a[data-variant='fill']:has(wui-text:first-child),\n a[data-variant='shade']:has(wui-text:first-child) {\n padding: 9px var(--wui-spacing-m) 9px var(--wui-spacing-m);\n }\n\n a[data-variant='fill'] > wui-image,\n a[data-variant='shade'] > wui-image {\n width: 24px;\n height: 24px;\n }\n\n a[data-variant='fill'] > wui-image {\n box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);\n }\n\n a[data-variant='shade'] > wui-image,\n a[data-variant='shadeSmall'] > wui-image {\n box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);\n }\n\n a[data-variant='fill'] > wui-icon:not(.image-icon),\n a[data-variant='shade'] > wui-icon:not(.image-icon) {\n width: 14px;\n height: 14px;\n }\n\n a[data-variant='transparent'] > wui-image,\n a[data-variant='success'] > wui-image,\n a[data-variant='shadeSmall'] > wui-image,\n a[data-variant='error'] > wui-image {\n width: 14px;\n height: 14px;\n }\n\n a[data-variant='transparent'] > wui-icon:not(.image-icon),\n a[data-variant='success'] > wui-icon:not(.image-icon),\n a[data-variant='shadeSmall'] > wui-icon:not(.image-icon),\n a[data-variant='error'] > wui-icon:not(.image-icon) {\n width: 12px;\n height: 12px;\n }\n\n a[data-variant='fill']:focus-visible {\n background-color: var(--wui-color-accent-090);\n }\n\n a[data-variant='shade']:focus-visible,\n a[data-variant='shadeSmall']:focus-visible {\n background-color: var(--wui-color-gray-glass-015);\n }\n\n a[data-variant='transparent']:focus-visible {\n background-color: var(--wui-color-gray-glass-005);\n }\n\n a[data-variant='success']:focus-visible {\n background-color: var(--wui-color-success-glass-015);\n }\n\n a[data-variant='error']:focus-visible {\n background-color: var(--wui-color-error-glass-015);\n }\n\n a.disabled {\n color: var(--wui-color-gray-glass-015);\n background-color: var(--wui-color-gray-glass-015);\n pointer-events: none;\n }\n\n @media (hover: hover) and (pointer: fine) {\n a[data-variant='fill']:hover {\n background-color: var(--wui-color-accent-090);\n }\n\n a[data-variant='shade']:hover,\n a[data-variant='shadeSmall']:hover {\n background-color: var(--wui-color-gray-glass-015);\n }\n\n a[data-variant='transparent']:hover {\n background-color: var(--wui-color-gray-glass-005);\n }\n\n a[data-variant='success']:hover {\n background-color: var(--wui-color-success-glass-015);\n }\n\n a[data-variant='error']:hover {\n background-color: var(--wui-color-error-glass-015);\n }\n }\n\n a[data-variant='fill']:active {\n background-color: var(--wui-color-accent-080);\n }\n\n a[data-variant='shade']:active,\n a[data-variant='shadeSmall']:active {\n background-color: var(--wui-color-gray-glass-020);\n }\n\n a[data-variant='transparent']:active {\n background-color: var(--wui-color-gray-glass-010);\n }\n\n a[data-variant='success']:active {\n background-color: var(--wui-color-success-glass-020);\n }\n\n a[data-variant='error']:active {\n background-color: var(--wui-color-error-glass-020);\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 { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiChip = class WuiChip extends LitElement {\n constructor() {\n super(...arguments);\n this.variant = 'fill';\n this.imageSrc = undefined;\n this.imageIcon = undefined;\n this.imageIconSize = 'md';\n this.disabled = false;\n this.icon = 'externalLink';\n this.href = '';\n this.text = undefined;\n }\n render() {\n const isSmall = this.variant === 'success' || this.variant === 'transparent' || this.variant === 'shadeSmall';\n const textVariant = isSmall ? 'small-600' : 'paragraph-600';\n return html `\n <a\n rel=\"noreferrer\"\n target=\"_blank\"\n href=${this.href}\n class=${this.disabled ? 'disabled' : ''}\n data-variant=${this.variant}\n >\n ${this.imageTemplate()}\n <wui-text variant=${textVariant} color=\"inherit\">\n ${this.title ? this.title : UiHelperUtil.getHostName(this.href)}\n </wui-text>\n <wui-icon name=${this.icon} color=\"inherit\" size=\"inherit\"></wui-icon>\n </a>\n `;\n }\n imageTemplate() {\n if (this.imageSrc) {\n return html `<wui-image src=${this.imageSrc}></wui-image>`;\n }\n if (this.imageIcon) {\n return html `<wui-icon\n name=${this.imageIcon}\n color=\"inherit\"\n size=${this.imageIconSize}\n class=\"image-icon\"\n ></wui-icon>`;\n }\n return null;\n }\n};\nWuiChip.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiChip.prototype, \"variant\", void 0);\n__decorate([\n property()\n], WuiChip.prototype, \"imageSrc\", void 0);\n__decorate([\n property()\n], WuiChip.prototype, \"imageIcon\", void 0);\n__decorate([\n property()\n], WuiChip.prototype, \"imageIconSize\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiChip.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], WuiChip.prototype, \"icon\", void 0);\n__decorate([\n property()\n], WuiChip.prototype, \"href\", void 0);\n__decorate([\n property()\n], WuiChip.prototype, \"text\", void 0);\nWuiChip = __decorate([\n customElement('wui-chip')\n], WuiChip);\nexport { WuiChip };\n//# sourceMappingURL=index.js.map"],"names":["NavigationUtil","css","__decorate","decorators","target","key","desc","c","r","i","WuiChip","LitElement","textVariant","html","UiHelperUtil","resetStyles","elementStyles","styles","property","customElement"],"mappings":"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","x_google_ignoreList":[0,1,2]}