@tactics/toddle-styleguide 1.3.0 → 1.3.1

package/src/components/organisms/journal-entry/journal-entry.styles.js

@@ -1,35 +1,27 @@
 import {StyleSheet} from 'react-native';
 import {Scale} from '../../../theme/scale/index';
-import {BubbleAlignment} from '../../../types/bubble-alignment.enum';
 
-export const Stylesheet = (context, bubbleAlignment, createdAt) =>
+export const Stylesheet = (context, createdAt) =>
   StyleSheet.create({
     rootContainer: {
       borderLeftWidth: 1,
       borderLeftColor: context.colors.ui.xlightgrey,
       marginLeft: Scale.s,
-      paddingTop: Scale.m * 2.25,
+      paddingTop: Scale.m * 1.75,
+      paddingLeft: Scale.l,
     },
     entryTypeContainer: {
       position: 'absolute',
-      top: 0,
-      left: -16,
+      top: -10,
+      left: -Scale.m,
       flexDirection: 'row',
       alignItems: 'center',
       gap: Scale.s,
       marginBottom: Scale.m,
     },
-    horizontalLineContainer: [
-      {
-        maxWidth: '80%',
-        width: '100%',
-        alignSelf:
-          bubbleAlignment === BubbleAlignment.SENT ? 'flex-end' : 'flex-start',
-        marginTop: createdAt ? Scale.xxxs : Scale.m,
-        marginBottom: Scale.s,
-      },
-      bubbleAlignment === BubbleAlignment.RECEIVE && {
-        marginLeft: Scale.l,
-      },
-    ],
+    horizontalLineContainer: {
+      width: '100%',
+      marginTop: createdAt ? Scale.xxxs : Scale.m,
+      marginBottom: Scale.l - 2,
+    },
   });

package/src/components/organisms/my-child-list-item/my-child-list-item.component.tsx

@@ -6,9 +6,8 @@ import {Size} from '../../../types/size.enum';
 import {Avatar} from '../../molecules/avatar/avatar.component';
 import {Stylesheet} from './my-child-list-item.styles';
 import {Icon} from '../../../icons/index';
-import {SmallText, TinyText} from '../../atoms/paragraph-components';
+import {TinyText} from '../../atoms/paragraph-components';
 import {Heading2} from '../../atoms/heading-components';
-import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
 
 type MyChildListItemProps = {
   id: string;