Change all buttons to capitalized

oasisprotocol · Oct 21, 2023 · d8aea95 · d8aea95
1 parent 55903e2
commit d8aea95
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 10 deletions.
diff --git a/src/app/components/PageLayout/NetworkButton.tsx b/src/app/components/PageLayout/NetworkButton.tsx
@@ -103,7 +103,6 @@ export const StyledMobileNetworkButton = styled(Button)(({ theme }) => ({
   border: `solid 1px ${COLORS.brandExtraDark}`,
   fontSize: '14px',
   fontWeight: 500,
-  textTransform: 'capitalize',
   color: COLORS.brandDark,
   gap: theme.spacing(3),
   height: '30px',

diff --git a/src/app/components/ParaTimePicker/index.tsx b/src/app/components/ParaTimePicker/index.tsx
@@ -53,7 +53,6 @@ const StyledContent = styled(Box)(({ theme }) => ({
 const TabletBackButton = styled(Button)({
   color: COLORS.brandDark,
   width: 'fit-content',
-  textTransform: 'capitalize',
   textDecoration: 'none',
 })
 

diff --git a/src/styles/theme/defaultTheme.ts b/src/styles/theme/defaultTheme.ts
@@ -211,6 +211,7 @@ export const defaultTheme = createTheme({
           lineHeight: '23px',
           height: '47px',
           borderRadius: 47,
+          textTransform: 'capitalize',
           '&:disabled': {
             backgroundColor: COLORS.lavenderGray,
             color: COLORS.white,
@@ -220,7 +221,6 @@ export const defaultTheme = createTheme({
           borderWidth: '1px',
           borderStyle: 'solid',
           borderColor: COLORS.grayMediumLight,
-          textTransform: 'capitalize',
           ':disabled': {
             backgroundColor: COLORS.disabledPrimaryBackground,
             color: COLORS.disabledPrimaryText,
@@ -235,9 +235,6 @@ export const defaultTheme = createTheme({
             borderColor: COLORS.brandExtraDark,
           },
         },
-        outlined: {
-          textTransform: 'capitalize',
-        },
         outlinedSecondary: {
           borderColor: COLORS.brandExtraDark,
           color: COLORS.brandExtraDark,
@@ -256,12 +253,8 @@ export const defaultTheme = createTheme({
             borderColor: COLORS.brandExtraDark,
           },
         },
-        containedSecondary: {
-          textTransform: 'capitalize',
-        },
         textPrimary: {
           color: COLORS.brandDark,
-          textTransform: 'capitalize',
           '&&:hover, &&:focus-visible, &&:active': {
             color: COLORS.brandExtraDark,
             backgroundColor: 'transparent',