@dtdot/lego 0.17.13 → 0.17.16

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/build/global/BodyStyle.component.js

@@ -6,7 +6,7 @@ const BodyStyle = createGlobalStyle `
       'Droid Sans', 'Helvetica Neue', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    background-color: #f6f7f9;
+    background-color: ${(props) => props.theme.colours.background};
 
     * {
       box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "0.17.13",
+  "version": "0.17.16",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {
@@ -40,7 +40,6 @@
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "framer-motion": "^6.2.6",
     "prettier": "^2.5.1",
     "prettier-eslint": "^12.0.0",
     "react": "^17.0.2",
@@ -50,7 +49,6 @@
     "typescript": "^4.5.5"
   },
   "peerDependencies": {
-    "framer-motion": "^6.2.6",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "styled-components": "^5.2.1"
@@ -59,6 +57,7 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.32",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.13",
+    "framer-motion": "^6.2.8",
     "identicon.js": "^2.3.3",
     "qrcode": "^1.5.0",
     "react-use-measure": "^2.1.1",

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;