add variable for uppercase text transform

Author: Ifgen09

src/rsg-components/TabButton/TabButtonRenderer.js

@@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
 import Styled from 'rsg-components/Styled';
 import cx from 'classnames';
 
-export const styles = ({ space, color, fontFamily, fontSize }) => ({
+export const styles = ({ space, color, fontFamily, fontSize, textTransform }) => ({
 	button: {
 		padding: [[space[1], 0]],
 		fontFamily: fontFamily.base,
 		fontSize: fontSize.base,
 		color: color.light,
 		background: 'transparent',
-		textTransform: 'uppercase',
+		textTransform: textTransform.base,
 		transition: 'color 750ms ease-out',
 		border: 'none',
 		cursor: 'pointer',

src/styles/theme.js

@@ -57,6 +57,10 @@ export const mq = {
 	small: '@media (max-width: 600px)',
 };
 
+export const textTransform = {
+	base: 'uppercase',
+};
+
 export const borderRadius = 3;
 export const maxWidth = 1000;
 export const sidebarWidth = 200;