How to use the @kiwicom/orbit-design-tokens.defaultTokens.backgroundBody function in @kiwicom/orbit-design-tokens

import { View } from 'react-native';
import { StyleSheet } from '@kiwicom/universal-components';
import { defaultTokens } from '@kiwicom/orbit-design-tokens';

export default function TimelineScreen() {
  return (
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: defaultTokens.backgroundBody,
  },
});

) : (
    
  );
}

const styles = StyleSheet.create({
  backgroundColor: {
    backgroundColor: defaultTokens.backgroundBody,
  },
  outerContainer: {
    backgroundColor: defaultTokens.backgroundBody,
    web: {
      alignItems: 'center',
      paddingVertical: parseFloat(defaultTokens.spaceMedium),
    },
    flex: 1,
  },
  innerContainer: {
    width: '100%',
    web: {
      maxWidth: designTokens.widthScreenNormal,
    },
  },
});
ContentContainer.defaultProps = {
  isScroll: true,
};

import { View } from 'react-native';
import { StyleSheet } from '@kiwicom/universal-components';
import { defaultTokens } from '@kiwicom/orbit-design-tokens';

export default function FlightServicesScreen() {
  return (
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: defaultTokens.backgroundBody,
  },
});

import { View } from 'react-native';
import { StyleSheet } from '@kiwicom/universal-components';
import { defaultTokens } from '@kiwicom/orbit-design-tokens';

export default function ShareBookingScreen() {
  return (
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: defaultTokens.backgroundBody,
  },
});

height: containerHeight.web,
    paddingBottom: 3,
  },
  rowContainer: {
    flex: 1,
  },
  row: {
    flexDirection: 'row',
  },
  priceDurationContainerMobile: {
    paddingTop: 0,
    paddingHorizontal: parseInt(defaultTokens.spaceMedium, 10),
  },

  containerActiveWeb: {
    backgroundColor: defaultTokens.backgroundBody,
    borderTopColor: defaultTokens.paletteProductNormal,
  },
  containerActiveMobile: {
    backgroundColor: defaultTokens.paletteWhite,
    borderStartWidth: 4,
    borderStartColor: defaultTokens.paletteProductNormal,
  },
  containerHovered: {
    color: defaultTokens.paletteProductNormal,
  },
  priceDurationContainerWeb: {
    paddingTop: parseInt(defaultTokens.paddingTag, 10),
    flex: 1,
    flexDirection: 'row',
  },
  durationLabel: {

import { View } from 'react-native';
import { StyleSheet } from '@kiwicom/universal-components';
import { defaultTokens } from '@kiwicom/orbit-design-tokens';

export default function ManageHelpScreen() {
  return (
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: defaultTokens.backgroundBody,
  },
});

export default function ContentContainer({ children, style, isScroll }: Props) {
  return isScroll ? (
    
      
    
  ) : (
    
  );
}

const styles = StyleSheet.create({
  backgroundColor: {
    backgroundColor: defaultTokens.backgroundBody,
  },
  outerContainer: {
    backgroundColor: defaultTokens.backgroundBody,
    web: {
      alignItems: 'center',
      paddingVertical: parseFloat(defaultTokens.spaceMedium),
    },
    flex: 1,
  },
  innerContainer: {
    width: '100%',
    web: {
      maxWidth: designTokens.widthScreenNormal,
    },
  },
});

import { View } from 'react-native';
import { StyleSheet } from '@kiwicom/universal-components';
import { defaultTokens } from '@kiwicom/orbit-design-tokens';

export default function ManageOtherScreen() {
  return (
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: defaultTokens.backgroundBody,
  },
});

import { View } from 'react-native';
import { StyleSheet } from '@kiwicom/universal-components';
import { defaultTokens } from '@kiwicom/orbit-design-tokens';

export default function PassengerDetailScreen() {
  return (
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: defaultTokens.backgroundBody,
  },
});

export default createFragmentContainer(ResultsList, {
  data: graphql`
    fragment ResultsList_data on ItineraryInterfaceConnection {
      edges {
        node {
          id
          ...ItineraryCard_data
        }
      }
    }
  `,
});

const styles = StyleSheet.create({
  container: {
    backgroundColor: defaultTokens.backgroundBody,
    paddingTop: parseInt(defaultTokens.spaceXSmall, 10),
    web: {
      paddingTop: parseInt(defaultTokens.spaceMedium, 10),
      paddingHorizontal: parseInt(defaultTokens.spaceSmall, 10),
    },
  },
});