renamed font weights

src/components/Button/index.js

@@ -23,7 +23,7 @@ const Wrapper = styled.button`
     padding: ${props => (props.icon ? '4px 24px 4px 15px' : '11px 24px')};
     border-radius: 3px;
     font-size: ${FONT_SIZE.SMALL};
-    font-weight: ${FONT_WEIGHT.SMALLEST};
+    font-weight: ${FONT_WEIGHT.LIGHT};
     cursor: pointer;
     background: ${colors.GREEN_PRIMARY};
     color: ${colors.WHITE};

src/components/Notification/index.js

@@ -48,7 +48,7 @@ const Message = styled.div`
 const Title = styled.div`
     padding-bottom: 5px;
     padding-top: 1px;
-    font-weight: ${FONT_WEIGHT.BIGGER};
+    font-weight: ${FONT_WEIGHT.SEMIBOLD};
 `;
 
 const CloseClick = styled.div`

src/components/Textarea/index.js

@@ -27,7 +27,7 @@ const StyledTextarea = styled(Textarea)`
     font-family: ${FONT_FAMILY.MONOSPACE};
     color: ${colors.TEXT_PRIMARY};
     background: ${colors.WHITE};
-    font-weight: ${FONT_WEIGHT.BASE};
+    font-weight: ${FONT_WEIGHT.MEDIUM};
     font-size: ${FONT_SIZE.SMALL};
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

src/components/inputs/Input/index.js

@@ -40,7 +40,7 @@ const StyledInput = styled.input`
 
     line-height: 1.42857143;
     font-size: ${props => (props.isSmallText ? `${FONT_SIZE.SMALLER}` : `${FONT_SIZE.SMALL}`)};
-    font-weight: ${FONT_WEIGHT.BASE};
+    font-weight: ${FONT_WEIGHT.MEDIUM};
     color: ${props => (props.color ? props.color : colors.TEXT)};
 
     border-radius: 2px;

src/components/modals/pin/Pin/components/Input/index.js

@@ -20,7 +20,7 @@ const Wrapper = styled.div`
 const StyledInput = styled.input`
     letter-spacing: 7px;
     width: 100%;
-    font-weight: ${FONT_WEIGHT.BIGGER};
+    font-weight: ${FONT_WEIGHT.SEMIBOLD};
     font-size: ${FONT_SIZE.BIGGER};
     padding: 5px 31px 10px 20px;
     color: ${colors.TEXT_PRIMARY};

src/config/variables.js

@@ -16,10 +16,10 @@ export const FONT_SIZE = {
 };
 
 export const FONT_WEIGHT = {
-    SMALLEST: '300',
-    SMALL: '400',
-    BASE: '500',
-    BIGGER: '600',
+    LIGHT: '300',
+    NORMAL: '400',
+    MEDIUM: '500',
+    SEMIBOLD: '600',
 };
 
 export const FONT_FAMILY = {

src/views/Landing/components/ConnectDevice/index.js

@@ -37,7 +37,7 @@ const ConnectTrezorWrapper = styled.div`
     animation: ${PULSATE} 1.3s ease-out infinite;
     color: ${colors.GREEN_PRIMARY};
     font-size: ${FONT_SIZE.BASE};
-    font-weight: ${FONT_WEIGHT.BASE};
+    font-weight: ${FONT_WEIGHT.MEDIUM};
 `;
 
 const Image = styled.img`

src/views/Landing/views/InstallBridge/index.js

@@ -70,7 +70,7 @@ const Version = styled.span`
     border: 1px solid ${colors.GREEN_PRIMARY};
     border-radius: 3px;
     font-size: ${FONT_SIZE.SMALL};
-    font-weight: ${FONT_WEIGHT.SMALLEST};
+    font-weight: ${FONT_WEIGHT.LIGHT};
     margin-left: 24px;
 `;
 

src/views/Wallet/components/Title/index.js

@@ -6,7 +6,7 @@ import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
 
 const Wrapper = styled.div`
     font-size: ${FONT_SIZE.WALLET_TITLE};
-    font-weight: ${FONT_WEIGHT.BASE};
+    font-weight: ${FONT_WEIGHT.MEDIUM};
     color: ${colors.WALLET_TITLE};
     padding-bottom: 35px;
 `;

src/views/Wallet/views/Account/Send/index.js

@@ -45,7 +45,7 @@ const SetMaxAmountButton = styled(Button)`
     justify-content: center;
 
     font-size: ${FONT_SIZE.SMALLER};
-    font-weight: ${FONT_WEIGHT.SMALLEST};
+    font-weight: ${FONT_WEIGHT.LIGHT};
     color: ${colors.TEXT_SECONDARY};
 
     border-radius: 0;
@@ -127,7 +127,7 @@ const ToggleAdvancedSettingsButton = styled(Button)`
     padding: 0;
     display: flex;
     align-items: center;
-    font-weight: ${FONT_WEIGHT.BIGGER};
+    font-weight: ${FONT_WEIGHT.SEMIBOLD};
 `;
 
 const SendButton = styled(Button)`

src/views/Wallet/views/Account/Summary/components/Balance/index.js

@@ -52,7 +52,7 @@ const HideBalanceIconWrapper = styled.div`
 `;
 
 const FiatValue = styled.div`
-    font-weight: ${FONT_WEIGHT.BIGGER};
+    font-weight: ${FONT_WEIGHT.SEMIBOLD};
     font-size: ${FONT_SIZE.BIG};
     margin: 7px 0;
     min-height: 25px;
@@ -60,7 +60,7 @@ const FiatValue = styled.div`
 `;
 
 const FiatValueRate = styled.div`
-    font-weight: ${FONT_WEIGHT.BIGGER};
+    font-weight: ${FONT_WEIGHT.SEMIBOLD};
     font-size: ${FONT_SIZE.BASE};
     min-height: 25px;
     margin: 7px 0;

src/views/Wallet/views/Account/Summary/index.js

@@ -46,7 +46,7 @@ const AccountName = styled.div`
 
 const AccountTitle = styled.div`
     font-size: ${FONT_SIZE.WALLET_TITLE};
-    font-weight: ${FONT_WEIGHT.BASE};
+    font-weight: ${FONT_WEIGHT.MEDIUM};
     color: ${colors.WALLET_TITLE};
 `;