From dab14745d50d67a9a2181c5eeef3f9b0fdc73915 Mon Sep 17 00:00:00 2001
From: jmurret <jmurret@yahoo.com>
Date: Wed, 6 Dec 2017 09:46:48 -0700
Subject: [PATCH] Fix: Add buttonTextTransform variable to theme (#728)

Close #702
---
 src/rsg-components/TabButton/TabButtonRenderer.js | 4 ++--
 src/styles/theme.js                               | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/rsg-components/TabButton/TabButtonRenderer.js b/src/rsg-components/TabButton/TabButtonRenderer.js
index 27f4fd755..afffb3555 100644
--- a/src/rsg-components/TabButton/TabButtonRenderer.js
+++ b/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, buttonTextTransform }) => ({
 	button: {
 		padding: [[space[1], 0]],
 		fontFamily: fontFamily.base,
 		fontSize: fontSize.base,
 		color: color.light,
 		background: 'transparent',
-		textTransform: 'uppercase',
+		textTransform: buttonTextTransform,
 		transition: 'color 750ms ease-out',
 		border: 'none',
 		cursor: 'pointer',
diff --git a/src/styles/theme.js b/src/styles/theme.js
index c21ba05fb..910a24e37 100644
--- a/src/styles/theme.js
+++ b/src/styles/theme.js
@@ -60,3 +60,5 @@ export const mq = {
 export const borderRadius = 3;
 export const maxWidth = 1000;
 export const sidebarWidth = 200;
+
+export const buttonTextTransform = 'uppercase';