From e49ba4e661c4e7de0da82ff5e283a16cb3a0b179 Mon Sep 17 00:00:00 2001 From: iyad Date: Wed, 27 Jun 2018 21:22:32 +0300 Subject: [PATCH] feat: RTL support. closes #434, #375 --- src/components/Appbar/AppbarBackAction.js | 15 +- src/components/Icon.js | 45 +- src/components/Typography/StyledText.js | 8 +- src/components/Typography/Text.js | 10 +- .../BottomNavigation.test.js.snap | 640 ++++++++++++++---- .../__snapshots__/Button.test.js.snap | 31 +- .../__tests__/__snapshots__/Chip.test.js.snap | 55 +- .../__snapshots__/DrawerItem.test.js.snap | 36 +- .../__tests__/__snapshots__/FAB.test.js.snap | 47 +- .../__snapshots__/IconButton.test.js.snap | 60 +- .../__snapshots__/ListAccordion.test.js.snap | 83 ++- .../__snapshots__/ListItem.test.js.snap | 42 +- .../__snapshots__/ListSection.test.js.snap | 70 +- .../__snapshots__/Snackbar.test.js.snap | 10 + 14 files changed, 943 insertions(+), 209 deletions(-) diff --git a/src/components/Appbar/AppbarBackAction.js b/src/components/Appbar/AppbarBackAction.js index 804db80..1bf6bde 100644 --- a/src/components/Appbar/AppbarBackAction.js +++ b/src/components/Appbar/AppbarBackAction.js @@ -1,7 +1,7 @@ /* @flow */ import * as React from 'react'; -import { View, Image, StyleSheet, Platform } from 'react-native'; +import { View, Image, I18nManager, StyleSheet, Platform } from 'react-native'; import AppbarAction from './AppbarAction'; @@ -46,14 +46,23 @@ class AppbarBackAction extends React.Component { icon={ Platform.OS === 'ios' ? ({ size, color }) => ( - + ) - : 'arrow-back' + : { source: 'arrow-back', direction: 'auto' } } /> ); diff --git a/src/components/Icon.js b/src/components/Icon.js index 030a419..d589a68 100644 --- a/src/components/Icon.js +++ b/src/components/Icon.js @@ -1,7 +1,8 @@ /* @flow */ import * as React from 'react'; -import { Image, Text, StyleSheet } from 'react-native'; +import { Image, Text, StyleSheet, I18nManager } from 'react-native'; +import type { ImageSource } from 'react-native/Libraries/Image/ImageSource'; let MaterialIcons; @@ -27,10 +28,11 @@ try { }; } +type IconSourceBase = string | ImageSource; + export type IconSource = - | string - | number - | { uri: string } + | IconSourceBase + | $ReadOnly<{ source: IconSourceBase, direction: 'rtl' | 'ltr' | 'auto' }> | ((props: IconProps) => React.Node); type IconProps = { @@ -71,25 +73,46 @@ export const isEqualIcon = (a: any, b: any) => a === b || getIconId(a) === getIconId(b); const Icon = ({ source, color, size, ...rest }: Props) => { - if (typeof source === 'string') { + const direction = + typeof source === 'object' && source.direction && source.source + ? source.direction === 'auto' + ? I18nManager.isRTL + ? 'rtl' + : 'ltr' + : source.direction + : null; + const s = + typeof source === 'object' && source.direction && source.source + ? source.source + : source; + + if (typeof s === 'string') { return ( ); - } else if (isImageSource(source)) { + } else if (isImageSource(s)) { return ( { importantForAccessibility="no-hide-descendants" /> ); - } else if (typeof source === 'function') { - return source({ color, size }); + } else if (typeof s === 'function') { + return s({ color, size }); } return null; diff --git a/src/components/Typography/StyledText.js b/src/components/Typography/StyledText.js index 0e4d3cf..e70d524 100644 --- a/src/components/Typography/StyledText.js +++ b/src/components/Typography/StyledText.js @@ -2,6 +2,7 @@ import color from 'color'; import * as React from 'react'; +import { I18nManager } from 'react-native'; import Text from './Text'; import { withTheme } from '../../core/theming'; import type { Theme } from '../../types'; @@ -21,11 +22,16 @@ class StyledText extends React.Component { .rgb() .string(); const fontFamily = theme.fonts[family]; + const writingDirection = I18nManager.isRTL ? 'rtl' : 'ltr'; return ( ); } diff --git a/src/components/Typography/Text.js b/src/components/Typography/Text.js index 2a8a201..7778e28 100644 --- a/src/components/Typography/Text.js +++ b/src/components/Typography/Text.js @@ -1,7 +1,7 @@ /* @flow */ import * as React from 'react'; -import { Text as NativeText } from 'react-native'; +import { Text as NativeText, I18nManager } from 'react-native'; import { withTheme } from '../../core/theming'; import type { Theme } from '../../types'; @@ -30,6 +30,7 @@ class Text extends React.Component { render() { const { style, theme } = this.props; + const writingDirection = I18nManager.isRTL ? 'rtl' : 'ltr'; return ( { this._root = c; }} style={[ - { fontFamily: theme.fonts.regular, color: theme.colors.text }, + { + fontFamily: theme.fonts.regular, + color: theme.colors.text, + textAlign: 'left', + writingDirection, + }, style, ]} /> diff --git a/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap b/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap index 64b3cff..9de5cd0 100644 --- a/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap +++ b/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap @@ -160,9 +160,18 @@ exports[`hides labels in non-shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -200,9 +209,18 @@ exports[`hides labels in non-shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -287,9 +305,18 @@ exports[`hides labels in non-shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -327,9 +354,18 @@ exports[`hides labels in non-shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -414,9 +450,18 @@ exports[`hides labels in non-shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -454,9 +499,18 @@ exports[`hides labels in non-shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -664,9 +718,18 @@ exports[`hides labels in shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -704,9 +767,18 @@ exports[`hides labels in shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -791,9 +863,18 @@ exports[`hides labels in shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -831,9 +912,18 @@ exports[`hides labels in shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -918,9 +1008,18 @@ exports[`hides labels in shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -958,9 +1057,18 @@ exports[`hides labels in shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2278,9 +2386,18 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom "color": "#FBF7DB", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2318,9 +2435,18 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom "color": "rgba(0, 0, 0, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2367,6 +2493,8 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -2423,6 +2551,8 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -2523,9 +2653,18 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom "color": "#FBF7DB", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2563,9 +2702,18 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom "color": "rgba(0, 0, 0, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2612,6 +2760,8 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -2668,6 +2818,8 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -2768,9 +2920,18 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom "color": "#FBF7DB", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2808,9 +2969,18 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom "color": "rgba(0, 0, 0, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -2857,6 +3027,8 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -2913,6 +3085,8 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -3136,9 +3310,18 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav "color": "#FBF7DB", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3176,9 +3359,18 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav "color": "rgba(0, 0, 0, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3225,6 +3417,8 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -3325,9 +3519,18 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav "color": "#FBF7DB", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3365,9 +3568,18 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav "color": "rgba(0, 0, 0, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3414,6 +3626,8 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -3514,9 +3728,18 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav "color": "#FBF7DB", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3554,9 +3777,18 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav "color": "rgba(0, 0, 0, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3603,6 +3835,8 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -3806,9 +4040,18 @@ exports[`renders non-shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3846,9 +4089,18 @@ exports[`renders non-shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -3895,6 +4147,8 @@ exports[`renders non-shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -3951,6 +4205,8 @@ exports[`renders non-shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -4051,9 +4307,18 @@ exports[`renders non-shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4091,9 +4356,18 @@ exports[`renders non-shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4140,6 +4414,8 @@ exports[`renders non-shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -4196,6 +4472,8 @@ exports[`renders non-shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -4296,9 +4574,18 @@ exports[`renders non-shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4336,9 +4623,18 @@ exports[`renders non-shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4385,6 +4681,8 @@ exports[`renders non-shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -4441,6 +4739,8 @@ exports[`renders non-shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -4664,9 +4964,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4704,9 +5013,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4753,6 +5071,8 @@ exports[`renders shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -4853,9 +5173,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4893,9 +5222,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -4942,6 +5280,8 @@ exports[`renders shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -5042,9 +5382,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -5082,9 +5431,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -5131,6 +5489,8 @@ exports[`renders shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -5231,9 +5591,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -5271,9 +5640,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -5320,6 +5698,8 @@ exports[`renders shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", @@ -5420,9 +5800,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "#ffffff", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -5460,9 +5849,18 @@ exports[`renders shifting bottom navigation 1`] = ` "color": "rgba(255, 255, 255, 0.5)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -5509,6 +5907,8 @@ exports[`renders shifting bottom navigation 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Object { "backgroundColor": "transparent", diff --git a/src/components/__tests__/__snapshots__/Button.test.js.snap b/src/components/__tests__/__snapshots__/Button.test.js.snap index 92958c3..1c4044c 100644 --- a/src/components/__tests__/__snapshots__/Button.test.js.snap +++ b/src/components/__tests__/__snapshots__/Button.test.js.snap @@ -59,6 +59,8 @@ exports[`renders button with color 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -179,9 +181,18 @@ exports[`renders button with icon 1`] = ` "color": "#6200ee", "fontSize": 16, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -203,6 +214,8 @@ exports[`renders button with icon 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -319,6 +332,8 @@ exports[`renders contained contained with mode 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -432,6 +447,8 @@ exports[`renders disabled button 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -553,6 +570,8 @@ exports[`renders loading button 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -661,6 +680,8 @@ exports[`renders outlined button with mode 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -769,6 +790,8 @@ exports[`renders text button by default 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -877,6 +900,8 @@ exports[`renders text button with mode 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { diff --git a/src/components/__tests__/__snapshots__/Chip.test.js.snap b/src/components/__tests__/__snapshots__/Chip.test.js.snap index dceaa57..ef88bf6 100644 --- a/src/components/__tests__/__snapshots__/Chip.test.js.snap +++ b/src/components/__tests__/__snapshots__/Chip.test.js.snap @@ -75,9 +75,18 @@ exports[`renders chip with icon 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 18, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -99,6 +108,8 @@ exports[`renders chip with icon 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -207,6 +218,8 @@ exports[`renders chip with onPress 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -328,9 +341,18 @@ exports[`renders deletable chip 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 18, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -352,6 +374,8 @@ exports[`renders deletable chip 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -461,6 +485,8 @@ exports[`renders outlined disabled chip 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -583,9 +609,18 @@ exports[`renders selected chip 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 18, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -607,6 +642,8 @@ exports[`renders selected chip 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { diff --git a/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap b/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap index 8446a70..cb482ec 100644 --- a/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap +++ b/src/components/__tests__/__snapshots__/DrawerItem.test.js.snap @@ -53,9 +53,18 @@ exports[`renders DrawerItem with icon 1`] = ` "color": "rgba(0, 0, 0, 0.68)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -76,6 +85,8 @@ exports[`renders DrawerItem with icon 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -172,9 +183,18 @@ exports[`renders active DrawerItem 1`] = ` "color": "#6200ee", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -195,6 +215,8 @@ exports[`renders active DrawerItem 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -288,6 +310,8 @@ exports[`renders basic DrawerItem 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { diff --git a/src/components/__tests__/__snapshots__/FAB.test.js.snap b/src/components/__tests__/__snapshots__/FAB.test.js.snap index 61b5beb..fdaa9eb 100644 --- a/src/components/__tests__/__snapshots__/FAB.test.js.snap +++ b/src/components/__tests__/__snapshots__/FAB.test.js.snap @@ -105,9 +105,18 @@ exports[`renders extended FAB 1`] = ` "color": "rgba(0, 0, 0, .54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -129,6 +138,8 @@ exports[`renders extended FAB 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -275,9 +286,18 @@ exports[`renders normal FAB 1`] = ` "color": "rgba(0, 0, 0, .54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -399,9 +419,18 @@ exports[`renders small FAB 1`] = ` "color": "rgba(0, 0, 0, .54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", diff --git a/src/components/__tests__/__snapshots__/IconButton.test.js.snap b/src/components/__tests__/__snapshots__/IconButton.test.js.snap index c2b9424..0b63cc8 100644 --- a/src/components/__tests__/__snapshots__/IconButton.test.js.snap +++ b/src/components/__tests__/__snapshots__/IconButton.test.js.snap @@ -58,9 +58,18 @@ exports[`renders disabled icon button 1`] = ` "color": "#000000", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -126,9 +135,18 @@ exports[`renders icon button by default 1`] = ` "color": "#000000", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -194,9 +212,18 @@ exports[`renders icon button with color 1`] = ` "color": "#e91e63", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -262,9 +289,18 @@ exports[`renders icon button with size 1`] = ` "color": "#000000", "fontSize": 30, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", diff --git a/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap b/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap index 629b00b..a41c9f8 100644 --- a/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap +++ b/src/components/__tests__/__snapshots__/ListAccordion.test.js.snap @@ -56,9 +56,18 @@ exports[`renders list accordion with children 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -93,6 +102,8 @@ exports[`renders list accordion with children 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -153,9 +164,18 @@ exports[`renders list accordion with children 1`] = ` "color": "rgba(0, 0, 0, 0.87)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -228,9 +248,18 @@ exports[`renders list accordion with icons 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -265,6 +294,8 @@ exports[`renders list accordion with icons 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -325,9 +356,18 @@ exports[`renders list accordion with icons 1`] = ` "color": "rgba(0, 0, 0, 0.87)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -397,6 +437,8 @@ exports[`renders multiline list accordion 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -443,6 +485,8 @@ exports[`renders multiline list accordion 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -507,9 +551,18 @@ exports[`renders multiline list accordion 1`] = ` "color": "rgba(0, 0, 0, 0.87)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", diff --git a/src/components/__tests__/__snapshots__/ListItem.test.js.snap b/src/components/__tests__/__snapshots__/ListItem.test.js.snap index d61737b..1d5785c 100644 --- a/src/components/__tests__/__snapshots__/ListItem.test.js.snap +++ b/src/components/__tests__/__snapshots__/ListItem.test.js.snap @@ -72,6 +72,8 @@ exports[`renders list item with avatar 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -189,6 +191,8 @@ exports[`renders list item with avatar and icon 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -235,6 +239,8 @@ exports[`renders list item with avatar and icon 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -300,9 +306,18 @@ exports[`renders list item with avatar and icon 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -371,9 +386,18 @@ exports[`renders list item with icon 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -409,6 +433,8 @@ exports[`renders list item with icon 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -500,6 +526,8 @@ exports[`renders list item with title and description 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -546,6 +574,8 @@ exports[`renders list item with title and description 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { diff --git a/src/components/__tests__/__snapshots__/ListSection.test.js.snap b/src/components/__tests__/__snapshots__/ListSection.test.js.snap index 417593e..234d733 100644 --- a/src/components/__tests__/__snapshots__/ListSection.test.js.snap +++ b/src/components/__tests__/__snapshots__/ListSection.test.js.snap @@ -21,6 +21,8 @@ exports[`renders list section with title 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -111,9 +113,18 @@ exports[`renders list section with title 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -149,6 +160,8 @@ exports[`renders list section with title 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -240,9 +253,18 @@ exports[`renders list section with title 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -278,6 +300,8 @@ exports[`renders list section with title 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -383,9 +407,18 @@ exports[`renders list section without title 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -421,6 +454,8 @@ exports[`renders list section without title 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -512,9 +547,18 @@ exports[`renders list section without title 1`] = ` "color": "rgba(0, 0, 0, 0.54)", "fontSize": 24, }, - Object { - "backgroundColor": "transparent", - }, + Array [ + Object { + "transform": Array [ + Object { + "scaleX": 1, + }, + ], + }, + Object { + "backgroundColor": "transparent", + }, + ], Object { "fontFamily": "Material Icons", "fontStyle": "normal", @@ -550,6 +594,8 @@ exports[`renders list section without title 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { diff --git a/src/components/__tests__/__snapshots__/Snackbar.test.js.snap b/src/components/__tests__/__snapshots__/Snackbar.test.js.snap index 0dcd6d9..4a20fd8 100644 --- a/src/components/__tests__/__snapshots__/Snackbar.test.js.snap +++ b/src/components/__tests__/__snapshots__/Snackbar.test.js.snap @@ -54,6 +54,8 @@ exports[`renders not visible snackbar with content 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -153,6 +155,8 @@ exports[`renders snackbar with Text as a child 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -258,6 +262,8 @@ exports[`renders snackbar with action button 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -358,6 +364,8 @@ exports[`renders snackbar with action button 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object { @@ -466,6 +474,8 @@ exports[`renders snackbar with content 1`] = ` Object { "color": "#000000", "fontFamily": "Helvetica Neue", + "textAlign": "left", + "writingDirection": "ltr", }, Array [ Object {