@dtdot/lego 0.17.13 → 0.17.14

package/build/components/MinimalMenu/_MinimalMenuPage.component.js

@@ -1,12 +1,16 @@
 import React from 'react';
-import { useIsScreenSize } from '../../responsive/responsive';
-import MobileMinimalMenuPage from './mobile/_MobileMinimalMenuPage.component';
-import DesktopMinimalMenuPage from './desktop/_DesktopMinimalMenuPage.component';
+import styled from 'styled-components';
+import responsive from '../../responsive/responsive';
+const MinimalMenuPageContainer = styled.div `
+  ${responsive.useStylesFor('tablet').andLarger(`
+    padding-left: 64px;
+  `)}
+
+  ${responsive.useStylesFor('mobile').andSmaller(`
+    padding-bottom: 64px;
+  `)}
+`;
 const MinimalMenuPage = ({ children }) => {
-    const isMobile = useIsScreenSize('mobile');
-    if (isMobile) {
-        return React.createElement(MobileMinimalMenuPage, null, children);
-    }
-    return React.createElement(DesktopMinimalMenuPage, null, children);
+    return React.createElement(MinimalMenuPageContainer, null, children);
 };
 export default MinimalMenuPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "0.17.13",
+  "version": "0.17.14",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {

package/build/components/MinimalMenu/desktop/_DesktopMinimalMenuPage.component.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface DesktopMinimalMenuPageProps {
-    children: React.ReactNode;
-}
-declare const DesktopMinimalMenuPage: ({ children }: DesktopMinimalMenuPageProps) => JSX.Element;
-export default DesktopMinimalMenuPage;

package/build/components/MinimalMenu/desktop/_DesktopMinimalMenuPage.component.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-const PageOuter = styled.div `
-  padding-left: 64px;
-`;
-const DesktopMinimalMenuPage = ({ children }) => {
-    return React.createElement(PageOuter, null, children);
-};
-export default DesktopMinimalMenuPage;

package/build/components/MinimalMenu/mobile/_MobileMinimalMenuPage.component.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface MobileMinimalMenuPageProps {
-    children: React.ReactNode;
-}
-declare const MobileMinimalMenuPage: ({ children }: MobileMinimalMenuPageProps) => JSX.Element;
-export default MobileMinimalMenuPage;

package/build/components/MinimalMenu/mobile/_MobileMinimalMenuPage.component.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-const PageOuter = styled.div `
-  padding-bottom: 64px;
-`;
-const MobileMinimalMenuPage = ({ children }) => {
-    return React.createElement(PageOuter, null, children);
-};
-export default MobileMinimalMenuPage;