@reown/appkit-ui 1.8.15 → 1.8.16

package/dist/types/exports/wui-pulse.d.ts

@@ -0,0 +1 @@
+export * from '../src/composites/wui-pulse/index.js';

package/dist/types/src/assets/svg/coins.d.ts

@@ -0,0 +1 @@
+export declare const coinsSvg: import("lit").TemplateResult<2>;

package/dist/types/src/assets/svg/info.d.ts

@@ -0,0 +1 @@
+export declare const infoSealSvg: import("lit").TemplateResult<2>;

package/dist/types/src/assets/svg/paper-plane-titl.d.ts

@@ -0,0 +1 @@
+export declare const paperPlaneTitleSvg: import("lit").TemplateResult<2>;

package/dist/types/src/components/wui-icon/index.d.ts

@@ -4,6 +4,7 @@ import type { IconColorType, IconSizeType, IconType, IconWeightType } from '../.
 export declare const ICON_COLOR: {
     'accent-primary': string;
     'accent-certified': string;
+    'foreground-secondary': string;
     default: string;
     success: string;
     error: string;

package/dist/types/src/components/wui-text/index.d.ts

@@ -6,6 +6,7 @@ export declare const TEXT_VARS_BY_COLOR: {
     tertiary: string;
     invert: string;
     error: string;
+    success: string;
     warning: string;
     'accent-primary': string;
 };

package/dist/types/src/composites/wui-list-item/index.d.ts

@@ -1,16 +1,20 @@
 import { LitElement } from 'lit';
 import '../../components/wui-loading-spinner/index.js';
 import '../../components/wui-text/index.js';
-import type { IconColorType, IconType } from '../../utils/TypeUtil.js';
+import type { BackgroundColorType, IconColorType, IconType, SizeType } from '../../utils/TypeUtil.js';
 export declare class WuiListItem extends LitElement {
     static styles: import("lit").CSSResult[];
+    type?: 'primary' | 'secondary';
     imageSrc: string;
+    imageSize?: SizeType;
     icon?: IconType;
     iconColor?: IconColorType;
     loading: boolean;
     tabIdx?: boolean;
+    boxColor?: BackgroundColorType;
     disabled: boolean;
     rightIcon: boolean;
+    boxed: boolean;
     rounded: boolean;
     fullSize: boolean;
     render(): import("lit").TemplateResult<1>;

package/dist/types/src/composites/wui-pulse/index.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import type { PulseVariant } from '../../utils/TypeUtil.js';
+export declare class WuiPulse extends LitElement {
+    static styles: import("lit").CSSResult[];
+    rings: number;
+    duration: number;
+    opacity: number;
+    size: string;
+    variant: PulseVariant;
+    render(): import("lit").TemplateResult<1>;
+    private renderRing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'wui-pulse': WuiPulse;
+    }
+}

package/dist/types/src/composites/wui-pulse/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/composites/wui-wallet-switch/index.d.ts

@@ -12,6 +12,7 @@ export declare class WuiWalletSwitch extends LitElement {
     imageSrc: string;
     icon?: IconType;
     iconSize?: IconSizeType;
+    enableGreenCircle?: boolean;
     loading: boolean;
     charsStart: number;
     charsEnd: number;

package/dist/types/src/layout/wui-separator/index.d.ts

@@ -3,6 +3,7 @@ import '../../components/wui-text/index.js';
 export declare class WuiSeparator extends LitElement {
     static styles: import("lit").CSSResult[];
     text?: string | undefined;
+    bgColor: 'primary' | 'secondary';
     render(): import("lit").TemplateResult<1>;
     private template;
 }

package/dist/types/src/utils/JSXTypeUtil.d.ts

@@ -54,6 +54,7 @@ import type { WuiOtp } from '../composites/wui-otp/index.js';
 import type { WuiPreviewItem } from '../composites/wui-preview-item/index.js';
 import type { WuiProfileButton } from '../composites/wui-profile-button/index.js';
 import type { WuiPromo } from '../composites/wui-promo/index.js';
+import type { WuiPulse } from '../composites/wui-pulse/index.js';
 import type { WuiQrCode } from '../composites/wui-qr-code/index.js';
 import type { WuiSearchBar } from '../composites/wui-search-bar/index.js';
 import type { WuiSelect } from '../composites/wui-select/index.js';
@@ -155,6 +156,7 @@ interface AppKitElements {
     'wui-active-profile-wallet-item': CustomElement<WuiActiveProfileWalletItem>;
     'wui-inactive-profile-wallet-item': CustomElement<WuiInactiveProfileWalletItem>;
     'wui-wallet-switch': CustomElement<WuiWalletSwitch>;
+    'wui-pulse': CustomElement<WuiPulse>;
     'wui-flex': CustomElement<WuiFlex>;
     'wui-grid': CustomElement<WuiGrid>;
     'wui-separator': CustomElement<WuiSeparator>;

package/dist/types/src/utils/TypeUtil.d.ts

@@ -1,6 +1,6 @@
 import type { vars } from './ThemeHelperUtil.js';
 export type ColorType = string;
-export type BackgroundColorType = 'foregroundSecondary' | 'foregroundAccent010';
+export type BackgroundColorType = 'foregroundSecondary' | 'foregroundAccent010' | 'foregroundPrimary';
 export type AlertType = 'success' | 'error' | 'warning' | 'info';
 export type IconColorType = 'inherit' | 'accent-primary' | 'accent-certified' | 'success' | 'error' | 'warning' | 'default' | 'inverse';
 export type TextColorType = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'invert' | 'error' | 'warning' | 'accent-primary';
@@ -28,7 +28,7 @@ export type TabSize = 'sm' | 'md';
 export type ToastMessageVariant = 'info' | 'success' | 'warning' | 'error';
 export type GridContentType = 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'start' | 'stretch';
 export type GridItemsType = 'center' | 'end' | 'start' | 'stretch';
-export type IconType = 'user' | 'add' | 'allWallets' | 'arrowBottomCircle' | 'appStore' | 'chromeStore' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'arrowTopRight' | 'arrowClockWise' | 'bin' | 'bank' | 'browser' | 'card' | 'checkmark' | 'checkmarkBold' | 'download' | 'sealCheck' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'cursor' | 'desktop' | 'signOut' | 'discord' | 'dollar' | 'etherscan' | 'extension' | 'externalLink' | 'exclamationCircle' | 'facebook' | 'farcaster' | 'filters' | 'github' | 'google' | 'helpCircle' | 'image' | 'id' | 'lightbulb' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'playStore' | 'plus' | 'power' | 'qrCode' | 'questionMark' | 'recycleHorizontal' | 'refresh' | 'reown' | 'search' | 'send' | 'spinner' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'threeDots' | 'ton' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'verifyFilled' | 'wallet' | 'walletConnect' | 'walletConnectInvert' | 'walletConnectLightBrown' | 'walletConnectBrown' | 'warning' | 'warningCircle' | 'x' | 'info' | 'ethereum' | 'solana' | 'bitcoin';
+export type IconType = 'user' | 'add' | 'allWallets' | 'arrowBottomCircle' | 'appStore' | 'chromeStore' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'arrowTopRight' | 'arrowClockWise' | 'bin' | 'bank' | 'browser' | 'card' | 'checkmark' | 'checkmarkBold' | 'download' | 'sealCheck' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'cursor' | 'desktop' | 'signOut' | 'discord' | 'dollar' | 'etherscan' | 'extension' | 'externalLink' | 'exclamationCircle' | 'facebook' | 'farcaster' | 'filters' | 'github' | 'google' | 'helpCircle' | 'image' | 'id' | 'lightbulb' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'playStore' | 'plus' | 'power' | 'qrCode' | 'questionMark' | 'recycleHorizontal' | 'refresh' | 'reown' | 'search' | 'send' | 'spinner' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'threeDots' | 'ton' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'verifyFilled' | 'wallet' | 'walletConnect' | 'walletConnectInvert' | 'walletConnectLightBrown' | 'walletConnectBrown' | 'warning' | 'warningCircle' | 'x' | 'info' | 'ethereum' | 'solana' | 'bitcoin' | 'infoSeal' | 'coins' | 'paperPlaneTitle';
 export type IconWeightType = 'regular' | 'bold' | 'fill';
 export type VisualType = 'browser' | 'meld' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'onrampCard' | 'profile' | 'system' | 'pencil' | 'solana' | 'bitcoin' | 'ton';
 export type VisualSize = 'sm' | 'md' | 'lg';
@@ -124,3 +124,4 @@ export type MaskInputOptions = {
     decimals?: number;
     integers?: number;
 };
+export type PulseVariant = 'accent-primary';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ui",
-  "version": "1.8.15",
+  "version": "1.8.16",
   "type": "module",
   "main": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -300,6 +300,11 @@
       "import": "./dist/esm/exports/wui-promo.js",
       "default": "./dist/esm/exports/wui-promo.js"
     },
+    "./wui-pulse": {
+      "types": "./dist/types/exports/wui-pulse.d.ts",
+      "import": "./dist/esm/exports/wui-pulse.js",
+      "default": "./dist/esm/exports/wui-pulse.js"
+    },
     "./wui-balance": {
       "types": "./dist/types/exports/wui-balance.d.ts",
       "import": "./dist/esm/exports/wui-balance.js",
@@ -450,9 +455,9 @@
     "@phosphor-icons/webcomponents": "2.1.5",
     "lit": "3.3.0",
     "qrcode": "1.5.3",
-    "@reown/appkit-common": "1.8.15",
-    "@reown/appkit-controllers": "1.8.15",
-    "@reown/appkit-wallet": "1.8.15"
+    "@reown/appkit-common": "1.8.16",
+    "@reown/appkit-wallet": "1.8.16",
+    "@reown/appkit-controllers": "1.8.16"
   },
   "devDependencies": {
     "@types/qrcode": "1.5.5",