Fix: Add buttonTextTransform variable to theme (#728)

Close #702
styleguidist · Dec 6, 2017 · dab1474 · dab1474
1 parent 8155523
commit dab1474
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -60,3 +60,5 @@ export const mq = {
 export const borderRadius = 3;
 export const maxWidth = 1000;
 export const sidebarWidth = 200;
+
+export const buttonTextTransform = 'uppercase';