@dtdot/lego 2.0.0-35 → 2.0.0-37

package/build/components/FloatingAction/FloatingAction.component.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FloatingActionProps {
+    children: React.ReactNode;
+    threshold?: number;
+}
+declare const FloatingAction: ({ children }: FloatingActionProps) => JSX.Element;
+export default FloatingAction;

package/build/components/FloatingAction/FloatingAction.component.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import styled from 'styled-components';
+const FloatingActionContainer = styled.div `
+  position: sticky;
+  bottom: 0;
+  background-color: ${(props) => props.theme.colours.background};
+`;
+const FloatingAction = ({ children }) => {
+    return React.createElement(FloatingActionContainer, null, children);
+};
+export default FloatingAction;

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

@@ -13,7 +13,7 @@ const MobileMinimalMenuOuter = styled.div `
   justify-content: space-evenly;
   align-items: center;
 
-  background-color: ${(props) => props.theme.colours.background};
+  background-color: ${(props) => props.theme.colours.cardBackground};
 `;
 const MobileMinimalMenuContainer = ({ children }) => {
     return React.createElement(MobileMinimalMenuOuter, null, children);

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

@@ -19,18 +19,22 @@ const MotionDivContainer = styled(motion.div) `
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center;
 
   padding-top: 3px;
 `;
 const TextDiv = styled.div `
-  font-size: 11px;
+  font-size: 12px;
   padding-top: 6px;
 `;
+const StyledIcon = styled(FontAwesomeIcon) `
+  font-size: 22px;
+`;
 const iconContainerVariants = {
     base: { color: darkTheme.colours.defaultFont },
     active: { color: darkTheme.colours.primary.hover },
 };
 const MobileMinimalMenuItem = ({ icon, label, active, onClick, 'data-testid': dataTestId, }) => (React.createElement(ItemContainer, { onClick: onClick, "data-testid": dataTestId || 'menu-item' }, icon && (React.createElement(MotionDivContainer, { animate: active ? 'active' : 'base', variants: iconContainerVariants, transition: mobileMenuDefaultTransition },
-    React.createElement(FontAwesomeIcon, { icon: icon }),
+    React.createElement(StyledIcon, { icon: icon }),
     React.createElement(TextDiv, null, label)))));
 export default MobileMinimalMenuItem;

package/build/index.d.ts

@@ -14,6 +14,7 @@ export { default as Checklist } from './components/Checklist/Checklist.component
 export { default as ControlGroup } from './components/ControlGroup/ControlGroup.component';
 export { default as ControlLine } from './components/ControlLine/ControlLine.component';
 export { default as FancyCheckbox } from './components/FancyCheckbox/FancyCheckbox.component';
+export { default as FloatingAction } from './components/FloatingAction/FloatingAction.component';
 export { default as Form } from './components/Form/Form.component';
 export { default as Notification } from './components/Notification/Notification.component';
 export { default as Notifications } from './components/Notifications/Notifications.component';

package/build/index.js

@@ -14,6 +14,7 @@ export { default as Checklist } from './components/Checklist/Checklist.component
 export { default as ControlGroup } from './components/ControlGroup/ControlGroup.component';
 export { default as ControlLine } from './components/ControlLine/ControlLine.component';
 export { default as FancyCheckbox } from './components/FancyCheckbox/FancyCheckbox.component';
+export { default as FloatingAction } from './components/FloatingAction/FloatingAction.component';
 export { default as Form } from './components/Form/Form.component';
 export { default as Notification } from './components/Notification/Notification.component';
 export { default as Notifications } from './components/Notifications/Notifications.component';

package/package.json

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