@reown/appkit-ui 1.5.3-ae9267.0 → 1.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ui",
-  "version": "1.5.3-ae9267.0",
+  "version": "1.5.3",
   "type": "module",
   "main": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -18,9 +18,9 @@
     "eslint-plugin-wc": "2.0.4",
     "vitest": "2.1.3",
     "@vitest/coverage-v8": "2.1.3",
-    "@reown/appkit-common": "1.5.3-ae9267.0",
-    "@reown/appkit-wallet": "1.5.3-ae9267.0",
-    "@reown/appkit-core": "1.5.3-ae9267.0"
+    "@reown/appkit-common": "1.5.3",
+    "@reown/appkit-wallet": "1.5.3",
+    "@reown/appkit-core": "1.5.3"
   },
   "author": "Reown <support@reown.com> (https://reown.com)",
   "license": "Apache-2.0",

package/dist/esm/src/utils/ThemeUtilV2.js

@@ -1,142 +0,0 @@
-export function generateRgbaColors({ rgb, name, multiplier = 2, start = 1, end = 10 }) {
-    const length = end - start + 1;
-    const opacities = Array.from({ length }, (_, i) => (start + i) * 10);
-    return Object.fromEntries(opacities.map(value => {
-        const multiplied = value * multiplier;
-        const opacity = multiplied / 100;
-        const key = `${name}${multiplied.toString().padStart(3, '0')}`;
-        return [key, `rgba(${rgb}, ${opacity})`];
-    }));
-}
-export const colors = {
-    black: '#202020',
-    white: '#FFFFFF',
-    ...generateRgbaColors({ name: 'accent', rgb: '9, 136, 240' }),
-    ...generateRgbaColors({ name: 'accentSecondary', rgb: '199, 185, 148' }),
-    productWalletKit: '#FFB800',
-    productAppKit: '#FF573B',
-    productCloud: '#0988F0',
-    productDocumentation: '#008847',
-    neutrals050: '#F6F6F6',
-    neutrals100: '#F3F3F3',
-    neutrals200: '#E9E9E9',
-    neutrals300: '#D0D0D0',
-    neutrals400: '#BBB',
-    neutrals500: '#9A9A9A',
-    neutrals600: '#6C6C6C',
-    neutrals700: '#4F4F4F',
-    neutrals800: '#363636',
-    neutrals900: '#2A2A2A',
-    neutrals1000: '#252525',
-    ...generateRgbaColors({ name: 'semanticSuccess', rgb: '48, 164, 107' }),
-    ...generateRgbaColors({ name: 'semanticError', rgb: '223, 74, 52' }),
-    ...generateRgbaColors({ name: 'semanticWarning', rgb: '243, 161, 63' })
-};
-export const tokens = {
-    core: {
-        backgroundAccentPrimary: '#0988F0',
-        backgroundAccentCertified: '#C7B994',
-        backgroundWalletKit: '#FFB800',
-        backgroundAppKit: '#FF573B',
-        backgroundCloud: '#0988F0',
-        backgroundDocumentation: '#008847',
-        backgroundSuccess: 'rgba(48, 164, 107, 0.20)',
-        backgroundError: 'rgba(223, 74, 52, 0.20)',
-        backgroundWarning: 'rgba(243, 161, 63, 0.20)',
-        textAccentPrimary: '#0988F0',
-        textAccentCertified: '#C7B994',
-        textWalletKit: '#FFB800',
-        textAppKit: '#FF573B',
-        textCloud: '#0988F0',
-        textDocumentation: '#008847',
-        textSuccess: '#30A46B',
-        textError: '#DF4A34',
-        textWarning: '#F3A13F',
-        borderAccentPrimary: '#0988F0',
-        borderSecondary: '#C7B994',
-        borderSuccess: '#30A46B',
-        borderError: '#DF4A34',
-        borderWarning: '#F3A13F',
-        ...generateRgbaColors({
-            name: 'foregroundAccent',
-            start: 1,
-            multiplier: 2,
-            end: 3,
-            rgb: '9, 136, 240'
-        }),
-        ...generateRgbaColors({
-            name: 'foregroundSecondary',
-            start: 1,
-            multiplier: 2,
-            end: 3,
-            rgb: '199, 185, 148'
-        }),
-        iconAccentPrimary: '#0988F0',
-        iconAccentCertified: '#C7B994',
-        iconSuccess: '#0988F0',
-        iconError: '#DF4A34',
-        iconWarning: '#F3A13F'
-    },
-    dark: {
-        backgroundPrimary: '#202020',
-        backgroundInvert: '#FFFFFF',
-        textPrimary: '#FFFFFF',
-        textSecondary: '#9A9A9A',
-        textTertiary: '#BBBBBB',
-        textInvert: '#363636',
-        borderPrimary: '#2A2A2A',
-        borderSecondary: '#4F4F4F',
-        foregroundPrimary: '#2A2A2A',
-        foregroundSecondary: '#363636',
-        foregroundTertiary: '#4F4F4F',
-        iconDefault: '#9A9A9A',
-        iconInverse: '#FFFFFF'
-    },
-    light: {
-        backgroundPrimary: '#202020',
-        backgroundInvert: '#FFFFFF',
-        textPrimary: '#202020',
-        textSecondary: '#9A9A9A',
-        textTertiary: '#6C6C6C',
-        textInvert: '#FFFFFF',
-        borderPrimary: '#E9E9E9',
-        borderSecondary: '#D0D0D0',
-        foregroundPrimary: '#F3F3F3',
-        foregroundSecondary: '#E9E9E9',
-        foregroundTertiary: '#D0D0D0',
-        iconDefault: '#9A9A9A',
-        iconInverse: '#202020'
-    }
-};
-export const radii = {
-    xs: '4px',
-    sm: '4px',
-    md: '8px',
-    lg: '16px',
-    xl: '32px',
-    '80': '80px',
-    '128': '128px',
-    '256': '256px',
-    '512': '512px',
-    round: '999px'
-};
-export const spacing = {
-    '2': '2px',
-    '4': '4px',
-    '8': '8px',
-    '12': '12px',
-    '16': '16px',
-    '20': '20px',
-    '24': '24px',
-    '28': '28px',
-    '32': '32px',
-    '36': '36px',
-    '40': '40px',
-    '48': '48px',
-    '56': '56px',
-    '64': '64px',
-    '80': '80px',
-    '128': '128px',
-    '256': '256px'
-};
-//# sourceMappingURL=ThemeUtilV2.js.map

package/dist/esm/src/utils/ThemeUtilV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeUtilV2.js","sourceRoot":"","sources":["../../../../src/utils/ThemeUtilV2.ts"],"names":[],"mappings":"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"}

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

@@ -1,121 +0,0 @@
-export declare function generateRgbaColors({ rgb, name, multiplier, start, end }: {
-    rgb: string;
-    name: string;
-    multiplier?: number;
-    start?: number;
-    end?: number;
-}): {
-    [k: string]: string;
-};
-export declare const colors: {
-    productWalletKit: string;
-    productAppKit: string;
-    productCloud: string;
-    productDocumentation: string;
-    neutrals050: string;
-    neutrals100: string;
-    neutrals200: string;
-    neutrals300: string;
-    neutrals400: string;
-    neutrals500: string;
-    neutrals600: string;
-    neutrals700: string;
-    neutrals800: string;
-    neutrals900: string;
-    neutrals1000: string;
-    black: string;
-    white: string;
-};
-export declare const tokens: {
-    core: {
-        iconAccentPrimary: string;
-        iconAccentCertified: string;
-        iconSuccess: string;
-        iconError: string;
-        iconWarning: string;
-        backgroundAccentPrimary: string;
-        backgroundAccentCertified: string;
-        backgroundWalletKit: string;
-        backgroundAppKit: string;
-        backgroundCloud: string;
-        backgroundDocumentation: string;
-        backgroundSuccess: string;
-        backgroundError: string;
-        backgroundWarning: string;
-        textAccentPrimary: string;
-        textAccentCertified: string;
-        textWalletKit: string;
-        textAppKit: string;
-        textCloud: string;
-        textDocumentation: string;
-        textSuccess: string;
-        textError: string;
-        textWarning: string;
-        borderAccentPrimary: string;
-        borderSecondary: string;
-        borderSuccess: string;
-        borderError: string;
-        borderWarning: string;
-    };
-    dark: {
-        backgroundPrimary: string;
-        backgroundInvert: string;
-        textPrimary: string;
-        textSecondary: string;
-        textTertiary: string;
-        textInvert: string;
-        borderPrimary: string;
-        borderSecondary: string;
-        foregroundPrimary: string;
-        foregroundSecondary: string;
-        foregroundTertiary: string;
-        iconDefault: string;
-        iconInverse: string;
-    };
-    light: {
-        backgroundPrimary: string;
-        backgroundInvert: string;
-        textPrimary: string;
-        textSecondary: string;
-        textTertiary: string;
-        textInvert: string;
-        borderPrimary: string;
-        borderSecondary: string;
-        foregroundPrimary: string;
-        foregroundSecondary: string;
-        foregroundTertiary: string;
-        iconDefault: string;
-        iconInverse: string;
-    };
-};
-export declare const radii: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '80': string;
-    '128': string;
-    '256': string;
-    '512': string;
-    round: string;
-};
-export declare const spacing: {
-    '2': string;
-    '4': string;
-    '8': string;
-    '12': string;
-    '16': string;
-    '20': string;
-    '24': string;
-    '28': string;
-    '32': string;
-    '36': string;
-    '40': string;
-    '48': string;
-    '56': string;
-    '64': string;
-    '80': string;
-    '128': string;
-    '256': string;
-};