@reown/appkit-ui-react-native 0.0.0-feat-swaps-20250114204346 → 0.0.0-feat-theme-20250116191337
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.
- package/lib/commonjs/context/ThemeContext.js +41 -0
- package/lib/commonjs/context/ThemeContext.js.map +1 -0
- package/lib/commonjs/hooks/useTheme.js +5 -7
- package/lib/commonjs/hooks/useTheme.js.map +1 -1
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/ThemeUtil.js +18 -1
- package/lib/commonjs/utils/ThemeUtil.js.map +1 -1
- package/lib/module/context/ThemeContext.js +33 -0
- package/lib/module/context/ThemeContext.js.map +1 -0
- package/lib/module/hooks/useTheme.js +4 -7
- package/lib/module/hooks/useTheme.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/ThemeUtil.js +16 -0
- package/lib/module/utils/ThemeUtil.js.map +1 -1
- package/lib/typescript/context/ThemeContext.d.ts +78 -0
- package/lib/typescript/context/ThemeContext.d.ts.map +1 -0
- package/lib/typescript/hooks/useTheme.d.ts +1 -1
- package/lib/typescript/hooks/useTheme.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/utils/ThemeUtil.d.ts +13 -0
- package/lib/typescript/utils/ThemeUtil.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/context/ThemeContext.tsx +44 -0
- package/src/hooks/useTheme.ts +4 -8
- package/src/index.ts +1 -0
- package/src/utils/ThemeUtil.ts +18 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ThemeContext = void 0;
|
|
7
|
+
exports.ThemeProvider = ThemeProvider;
|
|
8
|
+
exports.useTheme = useTheme;
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
var _ThemeUtil = require("../utils/ThemeUtil");
|
|
12
|
+
const ThemeContext = exports.ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
13
|
+
function ThemeProvider({
|
|
14
|
+
children,
|
|
15
|
+
themeMode,
|
|
16
|
+
themeVariables
|
|
17
|
+
}) {
|
|
18
|
+
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
|
19
|
+
value: {
|
|
20
|
+
themeMode,
|
|
21
|
+
themeVariables
|
|
22
|
+
}
|
|
23
|
+
}, children);
|
|
24
|
+
}
|
|
25
|
+
function useTheme() {
|
|
26
|
+
const context = (0, _react.useContext)(ThemeContext);
|
|
27
|
+
const scheme = (0, _reactNative.useColorScheme)();
|
|
28
|
+
|
|
29
|
+
// If the theme mode is not set, use the system color scheme
|
|
30
|
+
const themeMode = context?.themeMode ?? scheme;
|
|
31
|
+
const themeVariables = context?.themeVariables ?? {};
|
|
32
|
+
let Theme = themeMode === 'dark' ? _ThemeUtil.DarkTheme : _ThemeUtil.LightTheme;
|
|
33
|
+
if (themeVariables.accent) {
|
|
34
|
+
Theme = {
|
|
35
|
+
...Theme,
|
|
36
|
+
...(0, _ThemeUtil.getAccentColors)(themeVariables.accent)
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
return Theme;
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_ThemeUtil","ThemeContext","exports","createContext","undefined","ThemeProvider","children","themeMode","themeVariables","React","createElement","Provider","value","useTheme","context","useContext","scheme","useColorScheme","Theme","DarkTheme","LightTheme","accent","getAccentColors"],"sourceRoot":"../../../src","sources":["context/ThemeContext.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAOO,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,oBAAa,EAA+BC,SAAS,CAAC;AAQ3E,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAmC,CAAC,EAAE;EACzF,oBACEC,KAAA,CAAAC,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAEL,SAAS;MAAEC;IAAe;EAAE,GAAEF,QAAgC,CAAC;AAEnG;AAEO,SAASO,QAAQA,CAAA,EAAG;EACzB,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACd,YAAY,CAAC;EACxC,MAAMe,MAAM,GAAG,IAAAC,2BAAc,EAAC,CAAC;;EAE/B;EACA,MAAMV,SAAS,GAAGO,OAAO,EAAEP,SAAS,IAAIS,MAAM;EAC9C,MAAMR,cAAc,GAAGM,OAAO,EAAEN,cAAc,IAAI,CAAC,CAAC;EAEpD,IAAIU,KAAK,GAAGX,SAAS,KAAK,MAAM,GAAGY,oBAAS,GAAGC,qBAAU;EAEzD,IAAIZ,cAAc,CAACa,MAAM,EAAE;IACzBH,KAAK,GAAG;MACN,GAAGA,KAAK;MACR,GAAG,IAAAI,0BAAe,EAACd,cAAc,CAACa,MAAM;IAC1C,CAAC;EACH;EAEA,OAAOH,KAAK;AACd"}
|
|
@@ -3,12 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.useTheme = void 0;
|
|
7
|
+
var _ThemeContext = require("../context/ThemeContext");
|
|
8
|
+
const useTheme = () => {
|
|
9
|
+
return (0, _ThemeContext.useTheme)();
|
|
10
|
+
};
|
|
6
11
|
exports.useTheme = useTheme;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
var _ThemeUtil = require("../utils/ThemeUtil");
|
|
9
|
-
function useTheme() {
|
|
10
|
-
const scheme = (0, _reactNative.useColorScheme)();
|
|
11
|
-
const Theme = scheme === 'dark' ? _ThemeUtil.DarkTheme : _ThemeUtil.LightTheme;
|
|
12
|
-
return Theme;
|
|
13
|
-
}
|
|
14
12
|
//# sourceMappingURL=useTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_ThemeContext","require","useTheme","useThemeContext","exports"],"sourceRoot":"../../../src","sources":["hooks/useTheme.ts"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,OAAO,IAAAC,sBAAe,EAAC,CAAC;AAC1B,CAAC;AAACC,OAAA,CAAAF,QAAA,GAAAA,QAAA"}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -327,6 +327,12 @@ Object.defineProperty(exports, "Text", {
|
|
|
327
327
|
return _wuiText.Text;
|
|
328
328
|
}
|
|
329
329
|
});
|
|
330
|
+
Object.defineProperty(exports, "ThemeProvider", {
|
|
331
|
+
enumerable: true,
|
|
332
|
+
get: function () {
|
|
333
|
+
return _ThemeContext.ThemeProvider;
|
|
334
|
+
}
|
|
335
|
+
});
|
|
330
336
|
Object.defineProperty(exports, "Toggle", {
|
|
331
337
|
enumerable: true,
|
|
332
338
|
get: function () {
|
|
@@ -438,5 +444,6 @@ var _UiUtil = require("./utils/UiUtil");
|
|
|
438
444
|
var _TransactionUtil = require("./utils/TransactionUtil");
|
|
439
445
|
var _ThemeUtil = require("./utils/ThemeUtil");
|
|
440
446
|
var _useTheme = require("./hooks/useTheme");
|
|
447
|
+
var _ThemeContext = require("./context/ThemeContext");
|
|
441
448
|
var _useAnimatedValue = require("./hooks/useAnimatedValue");
|
|
442
449
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_wuiCard","require","_wuiIcon","_wuiImage","_wuiLoadingHexagon","_wuiLoadingSpinner","_wuiLoadingThumbnail","_wuiText","_wuiVisual","_wuiShimmer","_wuiAccountButton","_wuiAccountPill","_wuiActionEntry","_wuiAvatar","_wuiBalance","_wuiBanner","_wuiButton","_wuiCardSelectLoader","_wuiCardSelect","_wuiChip","_wuiCompatibleNetwork","_wuiConnectButton","_wuiEmailInput","_wuiIconBox","_wuiIconLink","_wuiInputElement","_wuiInputNumeric","_wuiInputText","_wuiLink","_wuiListItem","_wuiListItemLoader","_wuiListSocial","_wuiListToken","_wuiListTransaction","_wuiListWallet","_wuiLogo","_wuiLogoSelect","_wuiNetworkButton","_wuiNetworkImage","_wuiOtp","_wuiPressable","_wuiPromo","_wuiQrCode","_wuiSearchBar","_wuiSnackbar","_wuiTabs","_wuiTag","_wuiToggle","_wuiTokenButton","_wuiTooltip","_wuiWalletImage","_wuiOverlay","_wuiFlex","_wuiSeparator","_UiUtil","_TransactionUtil","_ThemeUtil","_useTheme","_useAnimatedValue"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_wuiCard","require","_wuiIcon","_wuiImage","_wuiLoadingHexagon","_wuiLoadingSpinner","_wuiLoadingThumbnail","_wuiText","_wuiVisual","_wuiShimmer","_wuiAccountButton","_wuiAccountPill","_wuiActionEntry","_wuiAvatar","_wuiBalance","_wuiBanner","_wuiButton","_wuiCardSelectLoader","_wuiCardSelect","_wuiChip","_wuiCompatibleNetwork","_wuiConnectButton","_wuiEmailInput","_wuiIconBox","_wuiIconLink","_wuiInputElement","_wuiInputNumeric","_wuiInputText","_wuiLink","_wuiListItem","_wuiListItemLoader","_wuiListSocial","_wuiListToken","_wuiListTransaction","_wuiListWallet","_wuiLogo","_wuiLogoSelect","_wuiNetworkButton","_wuiNetworkImage","_wuiOtp","_wuiPressable","_wuiPromo","_wuiQrCode","_wuiSearchBar","_wuiSnackbar","_wuiTabs","_wuiTag","_wuiToggle","_wuiTokenButton","_wuiTooltip","_wuiWalletImage","_wuiOverlay","_wuiFlex","_wuiSeparator","_UiUtil","_TransactionUtil","_ThemeUtil","_useTheme","_ThemeContext","_useAnimatedValue"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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"}
|
|
@@ -3,7 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.WalletImageSize = exports.SpinnerSize = exports.Spacing = exports.LightTheme = exports.IconSize = exports.DarkTheme = exports.BorderRadius = void 0;
|
|
6
|
+
exports.getAccentColors = exports.WalletImageSize = exports.SpinnerSize = exports.Spacing = exports.LightTheme = exports.IconSize = exports.DarkTheme = exports.BorderRadius = void 0;
|
|
7
|
+
var _polished = require("polished");
|
|
8
|
+
const getAccentColors = baseAccentColor => {
|
|
9
|
+
return {
|
|
10
|
+
'accent-100': baseAccentColor,
|
|
11
|
+
'accent-090': (0, _polished.lighten)(0.05, baseAccentColor),
|
|
12
|
+
'accent-080': (0, _polished.lighten)(0.1, baseAccentColor),
|
|
13
|
+
'accent-020': (0, _polished.darken)(0.1, baseAccentColor),
|
|
14
|
+
'accent-glass-090': (0, _polished.transparentize)(0.1, baseAccentColor),
|
|
15
|
+
'accent-glass-080': (0, _polished.transparentize)(0.2, baseAccentColor),
|
|
16
|
+
'accent-glass-020': (0, _polished.transparentize)(0.8, baseAccentColor),
|
|
17
|
+
'accent-glass-015': (0, _polished.transparentize)(0.85, baseAccentColor),
|
|
18
|
+
'accent-glass-010': (0, _polished.transparentize)(0.9, baseAccentColor),
|
|
19
|
+
'accent-glass-005': (0, _polished.transparentize)(0.95, baseAccentColor),
|
|
20
|
+
'accent-glass-002': (0, _polished.transparentize)(0.98, baseAccentColor)
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
exports.getAccentColors = getAccentColors;
|
|
7
24
|
const DarkTheme = exports.DarkTheme = {
|
|
8
25
|
'accent-100': '#667DFF',
|
|
9
26
|
'accent-090': '#7388FD',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_polished","require","getAccentColors","baseAccentColor","lighten","darken","transparentize","exports","DarkTheme","LightTheme","BorderRadius","IconSize","xxs","xs","sm","md","lg","xl","SpinnerSize","Spacing","WalletImageSize"],"sourceRoot":"../../../src","sources":["utils/ThemeUtil.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAIO,MAAMC,eAAe,GAAIC,eAAuB,IAAK;EAC1D,OAAO;IACL,YAAY,EAAEA,eAAe;IAC7B,YAAY,EAAE,IAAAC,iBAAO,EAAC,IAAI,EAAED,eAAe,CAAC;IAC5C,YAAY,EAAE,IAAAC,iBAAO,EAAC,GAAG,EAAED,eAAe,CAAC;IAC3C,YAAY,EAAE,IAAAE,gBAAM,EAAC,GAAG,EAAEF,eAAe,CAAC;IAC1C,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,GAAG,EAAEH,eAAe,CAAC;IACxD,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,GAAG,EAAEH,eAAe,CAAC;IACxD,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,GAAG,EAAEH,eAAe,CAAC;IACxD,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,IAAI,EAAEH,eAAe,CAAC;IACzD,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,GAAG,EAAEH,eAAe,CAAC;IACxD,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,IAAI,EAAEH,eAAe,CAAC;IACzD,kBAAkB,EAAE,IAAAG,wBAAc,EAAC,IAAI,EAAEH,eAAe;EAC1D,CAAC;AACH,CAAC;AAACI,OAAA,CAAAL,eAAA,GAAAA,eAAA;AAEK,MAAMM,SAAyC,GAAAD,OAAA,CAAAC,SAAA,GAAG;EACvD,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,kBAAkB,EAAE,2BAA2B;EAC/C,kBAAkB,EAAE,2BAA2B;EAC/C,kBAAkB,EAAE,0BAA0B;EAC9C,kBAAkB,EAAE,2BAA2B;EAC/C,kBAAkB,EAAE,0BAA0B;EAC9C,kBAAkB,EAAE,2BAA2B;EAC/C,kBAAkB,EAAE,2BAA2B;EAE/C,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EAEnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EAEnB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EAExB,aAAa,EAAE,SAAS;EACxB,mBAAmB,EAAE,yBAAyB;EAC9C,mBAAmB,EAAE,yBAAyB;EAC9C,mBAAmB,EAAE,yBAAyB;EAC9C,mBAAmB,EAAE,yBAAyB;EAE9C,WAAW,EAAE,SAAS;EACtB,iBAAiB,EAAE,0BAA0B;EAC7C,iBAAiB,EAAE,0BAA0B;EAC7C,iBAAiB,EAAE,0BAA0B;EAC7C,iBAAiB,EAAE,0BAA0B;EAE7C,UAAU,EAAE,SAAS;EACrB,aAAa,EAAE,SAAS;EACxB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EAEvB,gBAAgB,EAAE,2BAA2B;EAC7C,gBAAgB,EAAE,2BAA2B;EAC7C,gBAAgB,EAAE,2BAA2B;EAC7C,gBAAgB,EAAE,0BAA0B;EAC5C,gBAAgB,EAAE,2BAA2B;EAC7C,gBAAgB,EAAE,0BAA0B;EAC5C,gBAAgB,EAAE,2BAA2B;EAC7C,gBAAgB,EAAE,0BAA0B;EAC5C,gBAAgB,EAAE,0BAA0B;EAC5C,gBAAgB,EAAE,0BAA0B;EAC5C,gBAAgB,EAAE,0BAA0B;EAC5C,gBAAgB,EAAE,0BAA0B;EAE5C;EACA,uBAAuB,EAAE,SAAS;EAClC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,MAAMC,UAA0C,GAAAF,OAAA,CAAAE,UAAA,GAAG;EACxD,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,kBAAkB,EAAE,0BAA0B;EAC9C,kBAAkB,EAAE,yBAAyB;EAC7C,kBAAkB,EAAE,yBAAyB;EAC7C,kBAAkB,EAAE,0BAA0B;EAC9C,kBAAkB,EAAE,yBAAyB;EAC7C,kBAAkB,EAAE,0BAA0B;EAC9C,kBAAkB,EAAE,0BAA0B;EAE9C,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EAEnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EACnB,QAAQ,EAAE,SAAS;EAEnB,aAAa,EAAE,SAAS;EACxB,aAAa,EAAE,SAAS;EAExB,aAAa,EAAE,SAAS;EACxB,mBAAmB,EAAE,yBAAyB;EAC9C,mBAAmB,EAAE,yBAAyB;EAC9C,mBAAmB,EAAE,yBAAyB;EAC9C,mBAAmB,EAAE,yBAAyB;EAE9C,WAAW,EAAE,SAAS;EACtB,iBAAiB,EAAE,yBAAyB;EAC5C,iBAAiB,EAAE,yBAAyB;EAC5C,iBAAiB,EAAE,yBAAyB;EAC5C,iBAAiB,EAAE,yBAAyB;EAE5C,UAAU,EAAE,SAAS;EACrB,aAAa,EAAE,SAAS;EACxB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EACvB,YAAY,EAAE,SAAS;EAEvB,gBAAgB,EAAE,qBAAqB;EACvC,gBAAgB,EAAE,qBAAqB;EACvC,gBAAgB,EAAE,qBAAqB;EACvC,gBAAgB,EAAE,oBAAoB;EACtC,gBAAgB,EAAE,qBAAqB;EACvC,gBAAgB,EAAE,oBAAoB;EACtC,gBAAgB,EAAE,qBAAqB;EACvC,gBAAgB,EAAE,oBAAoB;EACtC,gBAAgB,EAAE,oBAAoB;EACtC,gBAAgB,EAAE,oBAAoB;EACtC,gBAAgB,EAAE,oBAAoB;EACtC,gBAAgB,EAAE,oBAAoB;EAEtC;EACA,uBAAuB,EAAE,SAAS;EAClC,yBAAyB,EAAE;AAC7B,CAAC;AAEM,MAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG;EAC1B,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,EAAE;EACT,IAAI,EAAE,EAAE;EACR,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,KAAK,EAAE,EAAE;EACT,MAAM,EAAE;AACV,CAAC;AAEM,MAAMC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,GAAG;EACtBC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAEM,MAAMC,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG;EACzBJ,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAEM,MAAME,OAAuC,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrD,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,CAAC;EACR,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,GAAG,EAAE,EAAE;EACP,IAAI,EAAE,EAAE;EACR,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,eAAe,GAAAb,OAAA,CAAAa,eAAA,GAAG;EAC7BP,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { useColorScheme } from 'react-native';
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
import { DarkTheme, LightTheme, getAccentColors } from '../utils/ThemeUtil';
|
|
4
|
+
export const ThemeContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export function ThemeProvider({
|
|
6
|
+
children,
|
|
7
|
+
themeMode,
|
|
8
|
+
themeVariables
|
|
9
|
+
}) {
|
|
10
|
+
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
|
11
|
+
value: {
|
|
12
|
+
themeMode,
|
|
13
|
+
themeVariables
|
|
14
|
+
}
|
|
15
|
+
}, children);
|
|
16
|
+
}
|
|
17
|
+
export function useTheme() {
|
|
18
|
+
const context = useContext(ThemeContext);
|
|
19
|
+
const scheme = useColorScheme();
|
|
20
|
+
|
|
21
|
+
// If the theme mode is not set, use the system color scheme
|
|
22
|
+
const themeMode = context?.themeMode ?? scheme;
|
|
23
|
+
const themeVariables = context?.themeVariables ?? {};
|
|
24
|
+
let Theme = themeMode === 'dark' ? DarkTheme : LightTheme;
|
|
25
|
+
if (themeVariables.accent) {
|
|
26
|
+
Theme = {
|
|
27
|
+
...Theme,
|
|
28
|
+
...getAccentColors(themeVariables.accent)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
return Theme;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useColorScheme","createContext","useContext","DarkTheme","LightTheme","getAccentColors","ThemeContext","undefined","ThemeProvider","children","themeMode","themeVariables","React","createElement","Provider","value","useTheme","context","scheme","Theme","accent"],"sourceRoot":"../../../src","sources":["context/ThemeContext.tsx"],"mappings":"AAAA,SAASA,cAAc,QAAQ,cAAc;AAC7C,SAASC,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAGjE,SAASC,SAAS,EAAEC,UAAU,EAAEC,eAAe,QAAQ,oBAAoB;AAO3E,OAAO,MAAMC,YAAY,gBAAGL,aAAa,CAA+BM,SAAS,CAAC;AAQlF,OAAO,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAmC,CAAC,EAAE;EACzF,oBACEC,KAAA,CAAAC,aAAA,CAACP,YAAY,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,SAAS;MAAEC;IAAe;EAAE,GAAEF,QAAgC,CAAC;AAEnG;AAEA,OAAO,SAASO,QAAQA,CAAA,EAAG;EACzB,MAAMC,OAAO,GAAGf,UAAU,CAACI,YAAY,CAAC;EACxC,MAAMY,MAAM,GAAGlB,cAAc,CAAC,CAAC;;EAE/B;EACA,MAAMU,SAAS,GAAGO,OAAO,EAAEP,SAAS,IAAIQ,MAAM;EAC9C,MAAMP,cAAc,GAAGM,OAAO,EAAEN,cAAc,IAAI,CAAC,CAAC;EAEpD,IAAIQ,KAAK,GAAGT,SAAS,KAAK,MAAM,GAAGP,SAAS,GAAGC,UAAU;EAEzD,IAAIO,cAAc,CAACS,MAAM,EAAE;IACzBD,KAAK,GAAG;MACN,GAAGA,KAAK;MACR,GAAGd,eAAe,CAACM,cAAc,CAACS,MAAM;IAC1C,CAAC;EACH;EAEA,OAAOD,KAAK;AACd"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const Theme = scheme === 'dark' ? DarkTheme : LightTheme;
|
|
6
|
-
return Theme;
|
|
7
|
-
}
|
|
1
|
+
import { useTheme as useThemeContext } from '../context/ThemeContext';
|
|
2
|
+
export const useTheme = () => {
|
|
3
|
+
return useThemeContext();
|
|
4
|
+
};
|
|
8
5
|
//# sourceMappingURL=useTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useTheme","useThemeContext"],"sourceRoot":"../../../src","sources":["hooks/useTheme.ts"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,eAAe,QAAQ,yBAAyB;AAErE,OAAO,MAAMD,QAAQ,GAAGA,CAAA,KAAM;EAC5B,OAAOC,eAAe,CAAC,CAAC;AAC1B,CAAC"}
|
package/lib/module/index.js
CHANGED
|
@@ -55,5 +55,6 @@ export { UiUtil } from './utils/UiUtil';
|
|
|
55
55
|
export { TransactionUtil } from './utils/TransactionUtil';
|
|
56
56
|
export { Spacing, BorderRadius } from './utils/ThemeUtil';
|
|
57
57
|
export { useTheme } from './hooks/useTheme';
|
|
58
|
+
export { ThemeProvider } from './context/ThemeContext';
|
|
58
59
|
export { useAnimatedValue } from './hooks/useAnimatedValue';
|
|
59
60
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Card","Icon","Image","LoadingHexagon","LoadingSpinner","LoadingThumbnail","Text","Visual","Shimmer","AccountButton","AccountPill","ActionEntry","Avatar","Balance","Banner","Button","CardSelectLoader","CardSelectLoaderHeight","CardSelect","CardSelectHeight","CardSelectWidth","Chip","CompatibleNetwork","ConnectButton","EmailInput","IconBox","IconLink","InputElement","InputNumeric","InputText","Link","ListItem","ListItemLoader","ListSocial","ListToken","ListTokenTotalHeight","ListTransaction","ListWallet","Logo","LogoSelect","NetworkButton","NetworkImage","Otp","Pressable","Promo","QrCode","SearchBar","Snackbar","Tabs","Tag","Toggle","TokenButton","Tooltip","WalletImage","Overlay","FlexView","Separator","UiUtil","TransactionUtil","Spacing","BorderRadius","useTheme","useAnimatedValue"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,KAAK,QAAyB,wBAAwB;AAC/D,SAASC,cAAc,QAAkC,kCAAkC;AAC3F,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAoC,oCAAoC;AACjG,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,OAAO,QAA2B,0BAA0B;AAErE,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,OAAO,QAA2B,0BAA0B;AACrE,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SACEC,gBAAgB,EAChBC,sBAAsB,QAEjB,qCAAqC;AAC5C,SACEC,UAAU,EACVC,gBAAgB,EAChBC,eAAe,QAEV,8BAA8B;AACrC,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SACEC,iBAAiB,QAEZ,qCAAqC;AAC5C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,OAAO,QAA2B,2BAA2B;AACtE,SAASC,QAAQ,QAA4B,4BAA4B;AACzE,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,SAAS,QAA6B,6BAA6B;AAC5E,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,QAAQ,QAA4B,4BAA4B;AACzE,SAASC,cAAc,QAAkC,mCAAmC;AAC5F,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,SAAS,EAAEC,oBAAoB,QAA6B,6BAA6B;AAClG,SAASC,eAAe,QAAmC,mCAAmC;AAC9F,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,GAAG,QAAuB,sBAAsB;AACzD,SAASC,SAAS,QAA6B,4BAA4B;AAC3E,SAASC,KAAK,QAAyB,wBAAwB;AAC/D,SAASC,MAAM,QAA0B,0BAA0B;AACnE,SAASC,SAAS,QAA6B,6BAA6B;AAC5E,SAASC,QAAQ,QAA4B,2BAA2B;AACxE,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,GAAG,QAAuB,sBAAsB;AACzD,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,OAAO,QAA2B,0BAA0B;AACrE,SAASC,WAAW,QAA+B,+BAA+B;AAElF,SAASC,OAAO,QAA2B,sBAAsB;AACjE,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,SAAS,QAAQ,wBAAwB;AAgBlD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,OAAO,EAAEC,YAAY,QAAQ,mBAAmB;AAEzD,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,gBAAgB,QAAQ,0BAA0B"}
|
|
1
|
+
{"version":3,"names":["Card","Icon","Image","LoadingHexagon","LoadingSpinner","LoadingThumbnail","Text","Visual","Shimmer","AccountButton","AccountPill","ActionEntry","Avatar","Balance","Banner","Button","CardSelectLoader","CardSelectLoaderHeight","CardSelect","CardSelectHeight","CardSelectWidth","Chip","CompatibleNetwork","ConnectButton","EmailInput","IconBox","IconLink","InputElement","InputNumeric","InputText","Link","ListItem","ListItemLoader","ListSocial","ListToken","ListTokenTotalHeight","ListTransaction","ListWallet","Logo","LogoSelect","NetworkButton","NetworkImage","Otp","Pressable","Promo","QrCode","SearchBar","Snackbar","Tabs","Tag","Toggle","TokenButton","Tooltip","WalletImage","Overlay","FlexView","Separator","UiUtil","TransactionUtil","Spacing","BorderRadius","useTheme","ThemeProvider","useAnimatedValue"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,KAAK,QAAyB,wBAAwB;AAC/D,SAASC,cAAc,QAAkC,kCAAkC;AAC3F,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAoC,oCAAoC;AACjG,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,OAAO,QAA2B,0BAA0B;AAErE,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,OAAO,QAA2B,0BAA0B;AACrE,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SACEC,gBAAgB,EAChBC,sBAAsB,QAEjB,qCAAqC;AAC5C,SACEC,UAAU,EACVC,gBAAgB,EAChBC,eAAe,QAEV,8BAA8B;AACrC,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SACEC,iBAAiB,QAEZ,qCAAqC;AAC5C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,OAAO,QAA2B,2BAA2B;AACtE,SAASC,QAAQ,QAA4B,4BAA4B;AACzE,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,SAAS,QAA6B,6BAA6B;AAC5E,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,QAAQ,QAA4B,4BAA4B;AACzE,SAASC,cAAc,QAAkC,mCAAmC;AAC5F,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,SAAS,EAAEC,oBAAoB,QAA6B,6BAA6B;AAClG,SAASC,eAAe,QAAmC,mCAAmC;AAC9F,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,UAAU,QAA8B,8BAA8B;AAC/E,SAASC,aAAa,QAAiC,iCAAiC;AACxF,SAASC,YAAY,QAAgC,gCAAgC;AACrF,SAASC,GAAG,QAAuB,sBAAsB;AACzD,SAASC,SAAS,QAA6B,4BAA4B;AAC3E,SAASC,KAAK,QAAyB,wBAAwB;AAC/D,SAASC,MAAM,QAA0B,0BAA0B;AACnE,SAASC,SAAS,QAA6B,6BAA6B;AAC5E,SAASC,QAAQ,QAA4B,2BAA2B;AACxE,SAASC,IAAI,QAAwB,uBAAuB;AAC5D,SAASC,GAAG,QAAuB,sBAAsB;AACzD,SAASC,MAAM,QAA0B,yBAAyB;AAClE,SAASC,WAAW,QAA+B,+BAA+B;AAClF,SAASC,OAAO,QAA2B,0BAA0B;AACrE,SAASC,WAAW,QAA+B,+BAA+B;AAElF,SAASC,OAAO,QAA2B,sBAAsB;AACjE,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,SAAS,QAAQ,wBAAwB;AAgBlD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,OAAO,EAAEC,YAAY,QAAQ,mBAAmB;AAEzD,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,gBAAgB,QAAQ,0BAA0B"}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
import { transparentize, darken, lighten } from 'polished';
|
|
2
|
+
export const getAccentColors = baseAccentColor => {
|
|
3
|
+
return {
|
|
4
|
+
'accent-100': baseAccentColor,
|
|
5
|
+
'accent-090': lighten(0.05, baseAccentColor),
|
|
6
|
+
'accent-080': lighten(0.1, baseAccentColor),
|
|
7
|
+
'accent-020': darken(0.1, baseAccentColor),
|
|
8
|
+
'accent-glass-090': transparentize(0.1, baseAccentColor),
|
|
9
|
+
'accent-glass-080': transparentize(0.2, baseAccentColor),
|
|
10
|
+
'accent-glass-020': transparentize(0.8, baseAccentColor),
|
|
11
|
+
'accent-glass-015': transparentize(0.85, baseAccentColor),
|
|
12
|
+
'accent-glass-010': transparentize(0.9, baseAccentColor),
|
|
13
|
+
'accent-glass-005': transparentize(0.95, baseAccentColor),
|
|
14
|
+
'accent-glass-002': transparentize(0.98, baseAccentColor)
|
|
15
|
+
};
|
|
16
|
+
};
|
|
1
17
|
export const DarkTheme = {
|
|
2
18
|
'accent-100': '#667DFF',
|
|
3
19
|
'accent-090': '#7388FD',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DarkTheme","LightTheme","BorderRadius","IconSize","xxs","xs","sm","md","lg","xl","SpinnerSize","Spacing","WalletImageSize"],"sourceRoot":"../../../src","sources":["utils/ThemeUtil.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["transparentize","darken","lighten","getAccentColors","baseAccentColor","DarkTheme","LightTheme","BorderRadius","IconSize","xxs","xs","sm","md","lg","xl","SpinnerSize","Spacing","WalletImageSize"],"sourceRoot":"../../../src","sources":["utils/ThemeUtil.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { ThemeMode, ThemeVariables } from '@reown/appkit-common-react-native';
|
|
3
|
+
type ThemeContextType = {
|
|
4
|
+
themeMode?: ThemeMode;
|
|
5
|
+
themeVariables?: ThemeVariables;
|
|
6
|
+
};
|
|
7
|
+
export declare const ThemeContext: import("react").Context<ThemeContextType | undefined>;
|
|
8
|
+
interface ThemeProviderProps {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
themeMode?: ThemeMode;
|
|
11
|
+
themeVariables?: ThemeVariables;
|
|
12
|
+
}
|
|
13
|
+
export declare function ThemeProvider({ children, themeMode, themeVariables }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function useTheme(): {
|
|
15
|
+
"accent-100": string;
|
|
16
|
+
"accent-090": string;
|
|
17
|
+
"accent-080": string;
|
|
18
|
+
"accent-020": string;
|
|
19
|
+
"accent-glass-090": string;
|
|
20
|
+
"accent-glass-080": string;
|
|
21
|
+
"accent-glass-020": string;
|
|
22
|
+
"accent-glass-015": string;
|
|
23
|
+
"accent-glass-010": string;
|
|
24
|
+
"accent-glass-005": string;
|
|
25
|
+
"accent-glass-002": string;
|
|
26
|
+
"fg-100": string;
|
|
27
|
+
"fg-125": string;
|
|
28
|
+
"fg-150": string;
|
|
29
|
+
"fg-175": string;
|
|
30
|
+
"fg-200": string;
|
|
31
|
+
"fg-225": string;
|
|
32
|
+
"fg-250": string;
|
|
33
|
+
"fg-275": string;
|
|
34
|
+
"fg-300": string;
|
|
35
|
+
"bg-100": string;
|
|
36
|
+
"bg-125": string;
|
|
37
|
+
"bg-150": string;
|
|
38
|
+
"bg-175": string;
|
|
39
|
+
"bg-200": string;
|
|
40
|
+
"bg-225": string;
|
|
41
|
+
"bg-250": string;
|
|
42
|
+
"bg-275": string;
|
|
43
|
+
"bg-300": string;
|
|
44
|
+
"inverse-100": string;
|
|
45
|
+
"inverse-000": string;
|
|
46
|
+
"success-100": string;
|
|
47
|
+
"success-glass-020": string;
|
|
48
|
+
"success-glass-015": string;
|
|
49
|
+
"success-glass-010": string;
|
|
50
|
+
"success-glass-005": string;
|
|
51
|
+
"error-100": string;
|
|
52
|
+
"error-glass-020": string;
|
|
53
|
+
"error-glass-015": string;
|
|
54
|
+
"error-glass-010": string;
|
|
55
|
+
"error-glass-005": string;
|
|
56
|
+
"teal-100": string;
|
|
57
|
+
"magenta-100": string;
|
|
58
|
+
"indigo-100": string;
|
|
59
|
+
"orange-100": string;
|
|
60
|
+
"purple-100": string;
|
|
61
|
+
"yellow-100": string;
|
|
62
|
+
"gray-glass-001": string;
|
|
63
|
+
"gray-glass-002": string;
|
|
64
|
+
"gray-glass-005": string;
|
|
65
|
+
"gray-glass-010": string;
|
|
66
|
+
"gray-glass-015": string;
|
|
67
|
+
"gray-glass-020": string;
|
|
68
|
+
"gray-glass-025": string;
|
|
69
|
+
"gray-glass-030": string;
|
|
70
|
+
"gray-glass-060": string;
|
|
71
|
+
"gray-glass-070": string;
|
|
72
|
+
"gray-glass-080": string;
|
|
73
|
+
"gray-glass-090": string;
|
|
74
|
+
"icon-box-bg-error-100": string;
|
|
75
|
+
"icon-box-bg-success-100": string;
|
|
76
|
+
};
|
|
77
|
+
export {};
|
|
78
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAInF,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,YAAY,uDAAyD,CAAC;AAEnF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,kBAAkB,2CAIxF;AAED,wBAAgB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEpB,CAAC"}
|
|
@@ -56,5 +56,6 @@ export { UiUtil } from './utils/UiUtil';
|
|
|
56
56
|
export { TransactionUtil } from './utils/TransactionUtil';
|
|
57
57
|
export { Spacing, BorderRadius } from './utils/ThemeUtil';
|
|
58
58
|
export { useTheme } from './hooks/useTheme';
|
|
59
|
+
export { ThemeProvider } from './context/ThemeContext';
|
|
59
60
|
export { useAnimatedValue } from './hooks/useAnimatedValue';
|
|
60
61
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
import type { SpacingType, ThemeKeys } from './TypesUtil';
|
|
2
|
+
export declare const getAccentColors: (baseAccentColor: string) => {
|
|
3
|
+
'accent-100': string;
|
|
4
|
+
'accent-090': string;
|
|
5
|
+
'accent-080': string;
|
|
6
|
+
'accent-020': string;
|
|
7
|
+
'accent-glass-090': string;
|
|
8
|
+
'accent-glass-080': string;
|
|
9
|
+
'accent-glass-020': string;
|
|
10
|
+
'accent-glass-015': string;
|
|
11
|
+
'accent-glass-010': string;
|
|
12
|
+
'accent-glass-005': string;
|
|
13
|
+
'accent-glass-002': string;
|
|
14
|
+
};
|
|
2
15
|
export declare const DarkTheme: {
|
|
3
16
|
[key in ThemeKeys]: string;
|
|
4
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,eAAe,oBAAqB,MAAM;;;;;;;;;;;;CActD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAajD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reown/appkit-ui-react-native",
|
|
3
|
-
"version": "0.0.0-feat-
|
|
3
|
+
"version": "0.0.0-feat-theme-20250116191337",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"types": "lib/typescript/index.d.ts",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
+
"polished": "4.3.1",
|
|
41
42
|
"qrcode": "1.5.3"
|
|
42
43
|
},
|
|
43
44
|
"peerDependencies": {
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useColorScheme } from 'react-native';
|
|
2
|
+
import { createContext, useContext, type ReactNode } from 'react';
|
|
3
|
+
import type { ThemeMode, ThemeVariables } from '@reown/appkit-common-react-native';
|
|
4
|
+
|
|
5
|
+
import { DarkTheme, LightTheme, getAccentColors } from '../utils/ThemeUtil';
|
|
6
|
+
|
|
7
|
+
type ThemeContextType = {
|
|
8
|
+
themeMode?: ThemeMode;
|
|
9
|
+
themeVariables?: ThemeVariables;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
|
|
13
|
+
|
|
14
|
+
interface ThemeProviderProps {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
themeMode?: ThemeMode;
|
|
17
|
+
themeVariables?: ThemeVariables;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export function ThemeProvider({ children, themeMode, themeVariables }: ThemeProviderProps) {
|
|
21
|
+
return (
|
|
22
|
+
<ThemeContext.Provider value={{ themeMode, themeVariables }}>{children}</ThemeContext.Provider>
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export function useTheme() {
|
|
27
|
+
const context = useContext(ThemeContext);
|
|
28
|
+
const scheme = useColorScheme();
|
|
29
|
+
|
|
30
|
+
// If the theme mode is not set, use the system color scheme
|
|
31
|
+
const themeMode = context?.themeMode ?? scheme;
|
|
32
|
+
const themeVariables = context?.themeVariables ?? {};
|
|
33
|
+
|
|
34
|
+
let Theme = themeMode === 'dark' ? DarkTheme : LightTheme;
|
|
35
|
+
|
|
36
|
+
if (themeVariables.accent) {
|
|
37
|
+
Theme = {
|
|
38
|
+
...Theme,
|
|
39
|
+
...getAccentColors(themeVariables.accent)
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return Theme;
|
|
44
|
+
}
|
package/src/hooks/useTheme.ts
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { DarkTheme, LightTheme } from '../utils/ThemeUtil';
|
|
1
|
+
import { useTheme as useThemeContext } from '../context/ThemeContext';
|
|
3
2
|
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
return Theme;
|
|
9
|
-
}
|
|
3
|
+
export const useTheme = () => {
|
|
4
|
+
return useThemeContext();
|
|
5
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -85,4 +85,5 @@ export { TransactionUtil } from './utils/TransactionUtil';
|
|
|
85
85
|
export { Spacing, BorderRadius } from './utils/ThemeUtil';
|
|
86
86
|
|
|
87
87
|
export { useTheme } from './hooks/useTheme';
|
|
88
|
+
export { ThemeProvider } from './context/ThemeContext';
|
|
88
89
|
export { useAnimatedValue } from './hooks/useAnimatedValue';
|
package/src/utils/ThemeUtil.ts
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
+
import { transparentize, darken, lighten } from 'polished';
|
|
2
|
+
|
|
1
3
|
import type { SpacingType, ThemeKeys } from './TypesUtil';
|
|
2
4
|
|
|
5
|
+
export const getAccentColors = (baseAccentColor: string) => {
|
|
6
|
+
return {
|
|
7
|
+
'accent-100': baseAccentColor,
|
|
8
|
+
'accent-090': lighten(0.05, baseAccentColor),
|
|
9
|
+
'accent-080': lighten(0.1, baseAccentColor),
|
|
10
|
+
'accent-020': darken(0.1, baseAccentColor),
|
|
11
|
+
'accent-glass-090': transparentize(0.1, baseAccentColor),
|
|
12
|
+
'accent-glass-080': transparentize(0.2, baseAccentColor),
|
|
13
|
+
'accent-glass-020': transparentize(0.8, baseAccentColor),
|
|
14
|
+
'accent-glass-015': transparentize(0.85, baseAccentColor),
|
|
15
|
+
'accent-glass-010': transparentize(0.9, baseAccentColor),
|
|
16
|
+
'accent-glass-005': transparentize(0.95, baseAccentColor),
|
|
17
|
+
'accent-glass-002': transparentize(0.98, baseAccentColor)
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
|
|
3
21
|
export const DarkTheme: { [key in ThemeKeys]: string } = {
|
|
4
22
|
'accent-100': '#667DFF',
|
|
5
23
|
'accent-090': '#7388FD',
|