@tactics/toddle-styleguide 5.4.26 → 5.4.27

package/package.json

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

package/src/components/atoms/heading-components/heading.styles.js

@@ -45,7 +45,7 @@ export const Stylesheet = (Context, bold, textColor, textAlign) =>
           }
         : {
             ...Font.mediumBold,
-          },
+        },
     ],
     allCaps: [
       {

package/src/components/molecules/button/button.component.tsx

@@ -61,10 +61,12 @@ const Button = ({
             />
           </View>
         ) : null}
-        <View>
+        <View style={styles.iconGap}>
           <Heading4
             textAlign={'center'}
             textColor={disabled ? context.colors.ui.darkgrey : textColor}
+            numberOfLines={1}
+            ellipsizeMode={'tail'}
           >
             {label}
           </Heading4>

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

@@ -20,6 +20,8 @@ export const ChildListTag = ({label, isSelected}: ChildListTagProps) => {
         textColor={
           !isSelected ? context.colors.ui.darkgrey : context.colors.ui.white
         }
+        numberOfLines={1}
+        ellipsizeMode='tail'
       >
         {label}
       </TinyText>

package/src/components/organisms/journal-entry/journal-entry.component.tsx

@@ -57,12 +57,6 @@ export const JournalEntry = ({
     new Animated.Value(loadingNewEntry ? 0 : 0.5)
   ).current;
 
-  if (Platform.OS === 'android') {
-    if (UIManager.setLayoutAnimationEnabledExperimental) {
-      UIManager.setLayoutAnimationEnabledExperimental(true);
-    }
-  }
-
   if (loadingNewEntry) {
     Animated.timing(animatedValue, {
       toValue: 0.5,