decentraland-ui2 0.5.0 → 0.5.1

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 = () => useMediaQuery("(min-width: 1920px)");
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 = () => useMediaQuery("(min-width: 992px)");
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 = () => useMediaQuery("(min-width: 768px) and (max-width: 991px)");
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 = () => useMediaQuery("(max-width: 991px)");
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 = () => useMediaQuery("(max-width: 767px)");
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 = () => useMediaQuery("(min-width: 768px)");
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;AAEvD;;GAEG;AACH,MAAM,uBAAuB,GAAG,GAAY,EAAE,CAC5C,aAAa,CAAC,qBAAqB,CAAC,CAAA;AAEtC;;GAEG;AACH,MAAM,oBAAoB,GAAG,GAAY,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAE/E;;GAEG;AACH,MAAM,mBAAmB,GAAG,GAAY,EAAE,CACxC,aAAa,CAAC,2CAA2C,CAAC,CAAA;AAE5D;;GAEG;AACH,MAAM,2BAA2B,GAAG,GAAY,EAAE,CAChD,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAErC;;GAEG;AACH,MAAM,mBAAmB,GAAG,GAAY,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAE9E;;GAEG;AACH,MAAM,sBAAsB,GAAG,GAAY,EAAE,CAC3C,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAErC;;GAEG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAA;IACxC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACpC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;IACtC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,2BAA2B,EAAE,CAAA;IAC9C,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;IACtC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAC5C,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACtC,CAAC,CAAA;AAED,OAAO,EACL,OAAO,EACP,MAAM,EACN,cAAc,EACd,MAAM,EACN,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,2BAA2B,EAC3B,mBAAmB,EACnB,sBAAsB,GACvB,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.0",
3
+ "version": "0.5.1",
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": "f0b1652646073c3331a7a90d5a82e700752a7af8"
93
+ "commit": "0601fb45d567a71100849483874a2dcb1f319f0e"
94
94
  }