@tactics/toddle-styleguide 3.0.0 → 3.0.3

package/index.tsx

@@ -1,12 +1,3 @@
-// Needed to run Expo
-import registerRootComponent from 'expo/build/launch/registerRootComponent';
-import 'intl';
-import 'intl/locale-data/jsonp/en';
-
-import App from './App';
-
-registerRootComponent(App);
-
 // Exports of components
 import {Avatar} from './src/components/molecules/avatar/avatar.component';
 import {Button} from './src/components/molecules/button/button.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "3.0.0",
+  "version": "3.0.3",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/components/atoms/footer/footer.styles.js

@@ -1,4 +1,4 @@
-import {StyleSheet} from 'react-native';
+import {Platform, StyleSheet} from 'react-native';
 import {Scale} from '../../../theme/scale/index';
 
 export const Stylesheet = (context, insets) =>
@@ -6,7 +6,7 @@ export const Stylesheet = (context, insets) =>
     container: {
       flexDirection: 'row',
       alignItems: 'center',
-      justifyContent: 'center',
+      justifyContent: Platform.OS === 'web' ? 'space-around' : 'center',
       backgroundColor: context.colors.ui.xlightgrey,
       borderTopColor: context.colors.ui.lightgrey,
       borderStyle: 'solid',

package/src/theme/responsive/index.ts

@@ -11,7 +11,7 @@ export default function CreateResponsiveStyle<T, U extends Partial<T>>(
   return (layout: ScaledSize) =>
     (style: keyof T): StyleProp<any> => {
       if (layout.width > 768 && tablet.hasOwnProperty(style)) {
-        return StyleSheet.compose(mobile[style], tablet[style]);
+        return [mobile[style], tablet[style]];
       } else return mobile[style];
     };
 }