monica-alexandria 3.19.2 → 3.19.3

package/dist/index.es.js

@@ -1290,7 +1290,7 @@ import e,{createContext as t,useContext as n,useEffect as r,useState as a}from"r
   height: 100vh;
   border-right: 1px solid ${e=>e.theme.mid};
 
-  @media ${device.md} {
+  @media ${Q.md} {
     display: none;
   }
 `,Zn=t=>e.createElement(Bn,null,t.children),jn=i.li`

package/dist/index.js

@@ -1290,7 +1290,7 @@
   height: 100vh;
   border-right: 1px solid ${e=>e.theme.mid};
 
-  @media ${device.md} {
+  @media ${G.md} {
     display: none;
   }
 `,vn=o.default.li`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.19.2",
+  "version": "3.19.3",
   "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/export/components/sidebar/Sidebar_.js

@@ -1,5 +1,6 @@
 import React from "react";
 import styled from "styled-components";
+import { device } from "../../helpers/MediaQ";
 
 const Sidebar = styled.div`
   position: fixed;

package/src/export/helpers/MediaQ.js

@@ -1,26 +1,26 @@
 export const breakPoints = {
-    xs: 576,
-    sm: 768,
-    md: 992,
-    lg: 1200,
-    xl: 1440,
-    wd: 1800
-}
+  xs: 576,
+  sm: 768,
+  md: 992,
+  lg: 1200,
+  xl: 1440,
+  wd: 1800,
+};
 
 const breakSize = {
-    xs: `${breakPoints.xs}px`,
-    sm: `${breakPoints.sm}px`,
-    md: `${breakPoints.md}px`,
-    lg: `${breakPoints.lg}px`,
-    xl: `${breakPoints.xl}px`,
-    wd: `${breakPoints.wd}px`
-}
+  xs: `${breakPoints.xs}px`,
+  sm: `${breakPoints.sm}px`,
+  md: `${breakPoints.md}px`,
+  lg: `${breakPoints.lg}px`,
+  xl: `${breakPoints.xl}px`,
+  wd: `${breakPoints.wd}px`,
+};
 
 export const device = {
-    xs: `(max-width: ${breakSize.xs})`,
-    sm: `(max-width: ${breakSize.sm})`,
-    md: `(max-width: ${breakSize.md})`,
-    lg: `(max-width: ${breakSize.lg})`,
-    xl: `(max-width: ${breakSize.xl})`,
-    wd: `(max-width: ${breakSize.wd})`,
-}
+  xs: `(max-width: ${breakSize.xs})`,
+  sm: `(max-width: ${breakSize.sm})`,
+  md: `(max-width: ${breakSize.md})`,
+  lg: `(max-width: ${breakSize.lg})`,
+  xl: `(max-width: ${breakSize.xl})`,
+  wd: `(max-width: ${breakSize.wd})`,
+};