decentraland-ui2 0.5.0 → 0.5.1-11003420500.commit-0601fb4
Sign up to get free protection for your applications and to get access to all the features.
@@ -1,28 +1,47 @@
|
|
1
1
|
import useMediaQuery from "@mui/material/useMediaQuery";
|
2
|
+
import { useTheme } from "@mui/material";
|
2
3
|
/**
|
3
4
|
* Media hook to determine if we're going to be rendering in a desktop environment with big screens.
|
4
5
|
*/
|
5
|
-
const useBigDesktopMediaQuery = () =>
|
6
|
+
const useBigDesktopMediaQuery = () => {
|
7
|
+
const theme = useTheme();
|
8
|
+
return useMediaQuery(theme.breakpoints.up("xl"));
|
9
|
+
};
|
6
10
|
/**
|
7
11
|
* Media hook to determine if we're going to be rendering in a desktop environment.
|
8
12
|
*/
|
9
|
-
const useDesktopMediaQuery = () =>
|
13
|
+
const useDesktopMediaQuery = () => {
|
14
|
+
const theme = useTheme();
|
15
|
+
return useMediaQuery(theme.breakpoints.up("sm"));
|
16
|
+
};
|
10
17
|
/**
|
11
18
|
* Media hook to determine if we're going to be rendering in a tablet environment.
|
12
19
|
*/
|
13
|
-
const useTabletMediaQuery = () =>
|
20
|
+
const useTabletMediaQuery = () => {
|
21
|
+
const theme = useTheme();
|
22
|
+
return useMediaQuery(theme.breakpoints.between("xs", "sm"));
|
23
|
+
};
|
14
24
|
/**
|
15
25
|
* Media hook to determine if we're going to be rendering in a tablet or below environment.
|
16
26
|
*/
|
17
|
-
const useTabletAndBelowMediaQuery = () =>
|
27
|
+
const useTabletAndBelowMediaQuery = () => {
|
28
|
+
const theme = useTheme();
|
29
|
+
return useMediaQuery(theme.breakpoints.down("sm"));
|
30
|
+
};
|
18
31
|
/**
|
19
32
|
* Media hook to determine if we're going to be rendering in a mobile environment.
|
20
33
|
*/
|
21
|
-
const useMobileMediaQuery = () =>
|
34
|
+
const useMobileMediaQuery = () => {
|
35
|
+
const theme = useTheme();
|
36
|
+
return useMediaQuery(theme.breakpoints.down("xs"));
|
37
|
+
};
|
22
38
|
/**
|
23
39
|
* Media hook to determine if we're going to be rendering in an environment that's not mobile.
|
24
40
|
*/
|
25
|
-
const useNotMobileMediaQuery = () =>
|
41
|
+
const useNotMobileMediaQuery = () => {
|
42
|
+
const theme = useTheme();
|
43
|
+
return useMediaQuery(theme.breakpoints.up("xs"));
|
44
|
+
};
|
26
45
|
/**
|
27
46
|
* Renders a component if the screen suits the desktop size.
|
28
47
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../../src/components/Media/Media.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,6BAA6B,CAAA;
|
1
|
+
{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../../src/components/Media/Media.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "decentraland-ui2",
|
3
|
-
"version": "0.5.
|
3
|
+
"version": "0.5.1-11003420500.commit-0601fb4",
|
4
4
|
"description": "Decentraland's UI components and styles",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"types": "dist/index.d.ts",
|
@@ -90,5 +90,5 @@
|
|
90
90
|
"files": [
|
91
91
|
"dist"
|
92
92
|
],
|
93
|
-
"commit": "
|
93
|
+
"commit": "0601fb45d567a71100849483874a2dcb1f319f0e"
|
94
94
|
}
|