@rango-dev/widget-embedded 0.1.16-next.15 → 0.1.16-next.17
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/CHANGELOG.md +11 -0
- package/dist/widget-embedded.cjs.development.js +3 -3
- package/dist/widget-embedded.cjs.development.js.map +1 -1
- package/dist/widget-embedded.cjs.production.min.js +3 -3
- package/dist/widget-embedded.cjs.production.min.js.map +1 -1
- package/dist/widget-embedded.esm.js +3 -3
- package/dist/widget-embedded.esm.js.map +1 -1
- package/package.json +8 -8
- package/src/hooks/useTheme.ts +4 -4
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
## [0.1.16](https://github.com/rango-exchange/rango-client/compare/widget-embedded@0.1.15...widget-embedded@0.1.16) (2023-05-15)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* Fixed colorpicker ([d821340](https://github.com/rango-exchange/rango-client/commit/d821340fc3f5df07ccbfc3555ae4d7dba0cad49b))
|
|
7
|
+
* some polishment on playground ([cf17f9e](https://github.com/rango-exchange/rango-client/commit/cf17f9e2ac2efc9467c4f550e09eaf19170bbbf0))
|
|
8
|
+
* update rango-types and fix notification bugs ([993f185](https://github.com/rango-exchange/rango-client/commit/993f185e0b8c5e5e15a2c65ba2d85d1f9c8daa90))
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
@@ -3087,7 +3087,7 @@ function useTheme(_ref) {
|
|
|
3087
3087
|
background,
|
|
3088
3088
|
foreground
|
|
3089
3089
|
};
|
|
3090
|
-
const
|
|
3090
|
+
const customLightTheme = ui.createTheme({
|
|
3091
3091
|
colors: lightColors,
|
|
3092
3092
|
radii: {
|
|
3093
3093
|
5: `${borderRadius}px`
|
|
@@ -3096,7 +3096,7 @@ function useTheme(_ref) {
|
|
|
3096
3096
|
s: `0px 3px 5px 3px ${light?.neutral || '#f0f2f5'} ,0px 6px 10px 3px ${light?.neutral || '#f0f2f5'}, 0px 1px 18px 3px ${light?.neutral || '#f0f2f5'}`
|
|
3097
3097
|
}
|
|
3098
3098
|
});
|
|
3099
|
-
const
|
|
3099
|
+
const customDarkTheme = ui.createTheme({
|
|
3100
3100
|
colors: {
|
|
3101
3101
|
...lightColors,
|
|
3102
3102
|
...ui.generateRangeColors('neutral', 'dark', '#111111'),
|
|
@@ -3140,7 +3140,7 @@ function useTheme(_ref) {
|
|
|
3140
3140
|
classList.add(`font_${fontFamily.replace(/ /g, '')}`);
|
|
3141
3141
|
}, [fontFamily]);
|
|
3142
3142
|
const getActiveTheme = () => {
|
|
3143
|
-
if (theme === 'auto') return OSTheme === 'dark' ?
|
|
3143
|
+
if (theme === 'auto') return OSTheme === 'dark' ? customDarkTheme : customLightTheme;else return theme === 'dark' ? customDarkTheme : customLightTheme;
|
|
3144
3144
|
};
|
|
3145
3145
|
return {
|
|
3146
3146
|
activeTheme: getActiveTheme()
|