@spaced-out/ui-design-system/lib/utils/charts/typography.js.flow

Sense UI components library

// @flow strict
import {colorTextPrimary} from '../../styles/variables/_color';
import {
  fontLetterSpacing0,
  fontLetterSpacing1,
  fontLetterSpacing4,
  fontSize12,
  fontWeightBook,
  fontWeightMedium,
} from '../../styles/variables/_font';


export const baseType = {
  fontFamily: 'Centra No 2',
  fontStyle: 'normal',
  margin: 0,
  color: colorTextPrimary,
  letterSpacing: fontLetterSpacing0,
  fontWeight: fontWeightMedium,
  display: 'flex',
  alignItems: 'center',
};

export const bodySmall = {
  ...baseType,
  fontSize: fontSize12,
  fontWeight: fontWeightBook,
  letterSpacing: fontLetterSpacing4,
};

export const formLabelSmall = {
  ...baseType,
  fontSize: fontSize12,
  // Removing the font height as its breaking the chart axis labels
};

export const buttonTextExtraSmall = {
  ...baseType,
  fontSize: fontSize12,
  letterSpacing: fontLetterSpacing1,
  // Removing the font height as its breaking the chart axis labels
};

export const underline = {
  textDecoration: 'underline',
};

export const subTitleExtraSmall = {
  ...baseType,
  fontSize: fontSize12,
  letterSpacing: fontLetterSpacing0,
  // Removing the font height as its breaking the chart axis labels
};