@reown/appkit-ui 1.3.0 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/esm/index.js +3 -0
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/esm/src/assets/svg/walletconnect.js +8 -0
  4. package/dist/esm/src/assets/svg/walletconnect.js.map +1 -1
  5. package/dist/esm/src/components/wui-icon/index.js +2 -1
  6. package/dist/esm/src/components/wui-icon/index.js.map +1 -1
  7. package/dist/esm/src/composites/wui-card-select-loader/styles.js +7 -1
  8. package/dist/esm/src/composites/wui-card-select-loader/styles.js.map +1 -1
  9. package/dist/esm/src/composites/wui-certified-switch/index.js +35 -0
  10. package/dist/esm/src/composites/wui-certified-switch/index.js.map +1 -0
  11. package/dist/esm/src/composites/wui-certified-switch/styles.js +25 -0
  12. package/dist/esm/src/composites/wui-certified-switch/styles.js.map +1 -0
  13. package/dist/esm/src/composites/wui-checkbox/index.js +52 -0
  14. package/dist/esm/src/composites/wui-checkbox/index.js.map +1 -0
  15. package/dist/esm/src/composites/wui-checkbox/styles.js +57 -0
  16. package/dist/esm/src/composites/wui-checkbox/styles.js.map +1 -0
  17. package/dist/esm/src/composites/wui-email-input/index.js +5 -0
  18. package/dist/esm/src/composites/wui-email-input/index.js.map +1 -1
  19. package/dist/esm/src/composites/wui-input-text/index.js +4 -0
  20. package/dist/esm/src/composites/wui-input-text/index.js.map +1 -1
  21. package/dist/esm/src/composites/wui-link/index.js +6 -1
  22. package/dist/esm/src/composites/wui-link/index.js.map +1 -1
  23. package/dist/esm/src/composites/wui-list-button/index.js +6 -1
  24. package/dist/esm/src/composites/wui-list-button/index.js.map +1 -1
  25. package/dist/esm/src/composites/wui-list-item/index.js +5 -0
  26. package/dist/esm/src/composites/wui-list-item/index.js.map +1 -1
  27. package/dist/esm/src/composites/wui-list-social/index.js +5 -1
  28. package/dist/esm/src/composites/wui-list-social/index.js.map +1 -1
  29. package/dist/esm/src/composites/wui-list-wallet/index.js +6 -1
  30. package/dist/esm/src/composites/wui-list-wallet/index.js.map +1 -1
  31. package/dist/esm/src/composites/wui-logo-select/index.js +6 -1
  32. package/dist/esm/src/composites/wui-logo-select/index.js.map +1 -1
  33. package/dist/esm/src/composites/wui-snackbar/index.js +21 -10
  34. package/dist/esm/src/composites/wui-snackbar/index.js.map +1 -1
  35. package/dist/esm/src/composites/wui-switch/index.js +49 -0
  36. package/dist/esm/src/composites/wui-switch/index.js.map +1 -0
  37. package/dist/esm/src/composites/wui-switch/styles.js +66 -0
  38. package/dist/esm/src/composites/wui-switch/styles.js.map +1 -0
  39. package/dist/esm/src/utils/ThemeUtil.js +14 -2
  40. package/dist/esm/src/utils/ThemeUtil.js.map +1 -1
  41. package/dist/esm/src/utils/TypeUtil.js.map +1 -1
  42. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  43. package/dist/types/index.d.ts +3 -0
  44. package/dist/types/src/assets/svg/walletconnect.d.ts +1 -0
  45. package/dist/types/src/composites/wui-certified-switch/index.d.ts +11 -0
  46. package/dist/types/src/composites/wui-certified-switch/styles.d.ts +2 -0
  47. package/dist/types/src/composites/wui-checkbox/index.d.ts +14 -0
  48. package/dist/types/src/composites/wui-checkbox/styles.d.ts +2 -0
  49. package/dist/types/src/composites/wui-email-input/index.d.ts +1 -0
  50. package/dist/types/src/composites/wui-input-text/index.d.ts +1 -0
  51. package/dist/types/src/composites/wui-link/index.d.ts +1 -0
  52. package/dist/types/src/composites/wui-list-button/index.d.ts +1 -0
  53. package/dist/types/src/composites/wui-list-item/index.d.ts +1 -0
  54. package/dist/types/src/composites/wui-list-social/index.d.ts +1 -0
  55. package/dist/types/src/composites/wui-list-wallet/index.d.ts +1 -0
  56. package/dist/types/src/composites/wui-logo-select/index.d.ts +1 -0
  57. package/dist/types/src/composites/wui-snackbar/index.d.ts +2 -0
  58. package/dist/types/src/composites/wui-switch/index.d.ts +14 -0
  59. package/dist/types/src/composites/wui-switch/styles.d.ts +2 -0
  60. package/dist/types/src/utils/JSXTypeUtil.d.ts +7 -1
  61. package/dist/types/src/utils/TypeUtil.d.ts +1 -1
  62. package/package.json +4 -4
@@ -74,6 +74,9 @@ export * from './src/composites/wui-icon-button/index.js';
74
74
  export * from './src/composites/wui-list-button/index.js';
75
75
  export * from './src/composites/wui-list-social/index.js';
76
76
  export * from './src/composites/wui-select/index.js';
77
+ export * from './src/composites/wui-checkbox/index.js';
78
+ export * from './src/composites/wui-switch/index.js';
79
+ export * from './src/composites/wui-certified-switch/index.js';
77
80
  export * from './src/layout/wui-flex/index.js';
78
81
  export * from './src/layout/wui-grid/index.js';
79
82
  export * from './src/layout/wui-separator/index.js';
@@ -1,2 +1,3 @@
1
1
  export declare const walletConnectSvg: import("lit").TemplateResult<2>;
2
2
  export declare const walletConnectLightBrownSvg: import("lit").TemplateResult<2>;
3
+ export declare const walletConnectBrownSvg: import("lit").TemplateResult<2>;
@@ -0,0 +1,11 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class WuiCertifiedSwitch extends LitElement {
3
+ static styles: import("lit").CSSResult[];
4
+ checked?: boolean;
5
+ render(): import("lit").TemplateResult<1>;
6
+ }
7
+ declare global {
8
+ interface HTMLElementTagNameMap {
9
+ 'wui-certified-switch': WuiCertifiedSwitch;
10
+ }
11
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import { LitElement } from 'lit';
2
+ import { type Ref } from 'lit/directives/ref.js';
3
+ export declare class WuiCheckBox extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ inputElementRef: Ref<HTMLInputElement>;
6
+ checked?: boolean;
7
+ render(): import("lit").TemplateResult<1>;
8
+ private dispatchChangeEvent;
9
+ }
10
+ declare global {
11
+ interface HTMLElementTagNameMap {
12
+ 'wui-checkbox': WuiCheckBox;
13
+ }
14
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -7,6 +7,7 @@ export declare class WuiEmailInput extends LitElement {
7
7
  errorMessage?: string;
8
8
  disabled: boolean;
9
9
  value?: string;
10
+ tabIdx?: number;
10
11
  render(): import("lit").TemplateResult<1>;
11
12
  private templateError;
12
13
  }
@@ -13,6 +13,7 @@ export declare class WuiInputText extends LitElement {
13
13
  keyHint?: HTMLInputElement['enterKeyHint'];
14
14
  value?: string;
15
15
  inputRightPadding?: SpacingType;
16
+ tabIdx?: number;
16
17
  render(): import("lit").TemplateResult<1>;
17
18
  private templateIcon;
18
19
  private dispatchInputChangeEvent;
@@ -4,6 +4,7 @@ import '../../components/wui-text/index.js';
4
4
  import type { ColorType } from '../../utils/TypeUtil.js';
5
5
  export declare class WuiLink extends LitElement {
6
6
  static styles: import("lit").CSSResult[];
7
+ tabIdx?: number;
7
8
  disabled: boolean;
8
9
  color: ColorType;
9
10
  render(): import("lit").TemplateResult<1>;
@@ -4,6 +4,7 @@ export declare class WuiListButton extends LitElement {
4
4
  static styles: import("lit").CSSResult[];
5
5
  text: string;
6
6
  disabled: boolean;
7
+ tabIdx?: number;
7
8
  render(): import("lit").TemplateResult<1>;
8
9
  }
9
10
  declare global {
@@ -10,6 +10,7 @@ export declare class WuiListItem extends LitElement {
10
10
  static styles: import("lit").CSSResult[];
11
11
  icon?: IconType;
12
12
  iconSize?: SizeType;
13
+ tabIdx?: number;
13
14
  variant: AccountEntryType;
14
15
  iconVariant?: 'blue' | 'overlay' | 'square' | 'square-blue';
15
16
  disabled: boolean;
@@ -7,6 +7,7 @@ export declare class WuiListSocial extends LitElement {
7
7
  logo: LogoType;
8
8
  name: string;
9
9
  align: 'left' | 'center';
10
+ tabIdx?: boolean;
10
11
  disabled: boolean;
11
12
  render(): import("lit").TemplateResult<1>;
12
13
  private templatePlacement;
@@ -15,6 +15,7 @@ export declare class WuiListWallet extends LitElement {
15
15
  tagVariant?: TagType;
16
16
  icon?: IconType;
17
17
  walletIcon?: IconType;
18
+ tabIdx?: number;
18
19
  installed: boolean;
19
20
  disabled: boolean;
20
21
  showAllWallets: boolean;
@@ -5,6 +5,7 @@ export declare class WuiLogoSelect extends LitElement {
5
5
  static styles: import("lit").CSSResult[];
6
6
  logo: LogoType;
7
7
  disabled: boolean;
8
+ tabIdx?: number;
8
9
  render(): import("lit").TemplateResult<1>;
9
10
  }
10
11
  declare global {
@@ -10,7 +10,9 @@ export declare class WuiSnackbar extends LitElement {
10
10
  icon: IconType;
11
11
  message: string;
12
12
  loading: boolean;
13
+ iconType: 'default' | 'box';
13
14
  render(): import("lit").TemplateResult<1>;
15
+ private templateIcon;
14
16
  }
15
17
  declare global {
16
18
  interface HTMLElementTagNameMap {
@@ -0,0 +1,14 @@
1
+ import { LitElement } from 'lit';
2
+ import { type Ref } from 'lit/directives/ref.js';
3
+ export declare class WuiSwitch extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ inputElementRef: Ref<HTMLInputElement>;
6
+ checked?: boolean;
7
+ render(): import("lit").TemplateResult<1>;
8
+ private dispatchChangeEvent;
9
+ }
10
+ declare global {
11
+ interface HTMLElementTagNameMap {
12
+ 'wui-switch': WuiSwitch;
13
+ }
14
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -67,10 +67,13 @@ import type { WuiProfileButton } from '../composites/wui-profile-button/index.js
67
67
  import type { WuiProfileButtonV2 } from '../composites/wui-profile-button-v2/index.js';
68
68
  import type { WuiListAccount } from '../composites/wui-list-account/index.js';
69
69
  import type { WuiPreviewItem } from '../composites/wui-preview-item/index.js';
70
+ import type { WuiAlertBar } from '../composites/wui-alertbar/index.js';
70
71
  import type { WuiFlex } from '../layout/wui-flex/index.js';
71
72
  import type { WuiGrid } from '../layout/wui-grid/index.js';
72
73
  import type { WuiSeparator } from '../layout/wui-separator/index.js';
73
- import type { WuiAlertBar } from '../composites/wui-alertbar/index.js';
74
+ import type { WuiCheckBox } from '../composites/wui-checkbox/index.js';
75
+ import type { WuiSwitch } from '../composites/wui-switch/index.js';
76
+ import type { WuiCertifiedSwitch } from '../composites/wui-certified-switch/index.js';
74
77
  type CustomElement<E> = Partial<E & {
75
78
  children?: any;
76
79
  onClick: any;
@@ -148,6 +151,9 @@ declare global {
148
151
  'wui-wallet-image': CustomElement<WuiWalletImage>;
149
152
  'wui-banner': CustomElement<WuiBanner>;
150
153
  'wui-list-account': CustomElement<WuiListAccount>;
154
+ 'wui-checkbox': CustomElement<WuiCheckBox>;
155
+ 'wui-switch': CustomElement<WuiSwitch>;
156
+ 'wui-certified-switch': CustomElement<WuiCertifiedSwitch>;
151
157
  'wui-flex': CustomElement<WuiFlex>;
152
158
  'wui-grid': CustomElement<WuiGrid>;
153
159
  'wui-separator': CustomElement<WuiSeparator>;
@@ -18,7 +18,7 @@ export interface IWalletImage {
18
18
  }
19
19
  export type GridContentType = 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'start' | 'stretch';
20
20
  export type GridItemsType = 'center' | 'end' | 'start' | 'stretch';
21
- export type IconType = 'add' | 'allWallets' | 'arrowBottomCircle' | 'appStore' | 'chromeStore' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'bank' | 'browser' | 'card' | 'checkmark' | 'checkmarkBold' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'cursor' | 'cursorTransparent' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'filters' | 'github' | 'google' | 'helpCircle' | 'image' | 'id' | 'infoCircle' | 'lightbulb' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'playStore' | 'plus' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'send' | 'swapHorizontal' | 'swapHorizontalBold' | 'swapHorizontalMedium' | 'swapHorizontalRoundedBold' | 'swapVertical' | 'telegram' | 'threeDots' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'verifyFilled' | 'wallet' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x' | 'info' | 'exclamationTriangle';
21
+ export type IconType = 'add' | 'allWallets' | 'arrowBottomCircle' | 'appStore' | 'chromeStore' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'bank' | 'browser' | 'card' | 'checkmark' | 'checkmarkBold' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'cursor' | 'cursorTransparent' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'filters' | 'github' | 'google' | 'helpCircle' | 'image' | 'id' | 'infoCircle' | 'lightbulb' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'playStore' | 'plus' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'send' | 'swapHorizontal' | 'swapHorizontalBold' | 'swapHorizontalMedium' | 'swapHorizontalRoundedBold' | 'swapVertical' | 'telegram' | 'threeDots' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'verifyFilled' | 'wallet' | 'walletConnect' | 'walletConnectLightBrown' | 'walletConnectBrown' | 'walletPlaceholder' | 'warningCircle' | 'x' | 'info' | 'exclamationTriangle';
22
22
  export type VisualType = 'browser' | 'meld' | 'coinbase' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'onrampCard' | 'profile' | 'system' | 'moonpay' | 'stripe' | 'paypal' | 'pencil' | 'solana';
23
23
  export type VisualSize = 'sm' | 'md' | 'lg';
24
24
  export type LogoType = 'apple' | 'discord' | 'facebook' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'x' | 'farcaster';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reown/appkit-ui",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "type": "module",
5
5
  "main": "./dist/esm/index.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -18,9 +18,9 @@
18
18
  "eslint-plugin-wc": "2.0.4",
19
19
  "vitest": "2.1.3",
20
20
  "@vitest/coverage-v8": "2.1.3",
21
- "@reown/appkit-common": "1.3.0",
22
- "@reown/appkit-wallet": "1.3.0",
23
- "@reown/appkit-core": "1.3.0"
21
+ "@reown/appkit-common": "1.3.2",
22
+ "@reown/appkit-wallet": "1.3.2",
23
+ "@reown/appkit-core": "1.3.2"
24
24
  },
25
25
  "author": "Reown <support@reown.com> (https://reown.com)",
26
26
  "license": "Apache-2.0",