decentraland-ui2 0.5.0 → 0.5.1-11003420500.commit-0601fb4
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.
|
@@ -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
|
}
|