Merge pull request #53 from Giveth/show-button-lables-uppercase

Show button lables uppercase

package.json

@@ -1,51 +1,51 @@
 {
-  "name": "@giveth/ui-design-system",
-  "version": "1.8.6",
-  "files": [
-    "/lib"
-  ],
-  "main": "./lib/cjs/index.js",
-  "module": "./lib/esm/index.js",
-  "types": "./lib/esm/index.d.ts",
-  "dependencies": {
-    "next": "12.0.7",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "styled-components": "^5.3.1"
-  },
-  "scripts": {
-    "build": "rm -rf lib;yarn build:esm && yarn build:cjs",
-    "build:esm": "tsc",
-    "build:cjs": "tsc --module commonjs --outDir lib/cjs",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
-    "prepare": "npm run build",
-    "lint": "eslint . --ext .ts --ext .tsx",
-    "lint:fix": "eslint . --ext .ts --ext .tsx --fix"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.7",
-    "@storybook/addon-actions": "^6.4.9",
-    "@storybook/addon-essentials": "^6.4.9",
-    "@storybook/addon-links": "^6.4.9",
-    "@storybook/builder-webpack5": "^6.4.9",
-    "@storybook/manager-webpack5": "^6.4.9",
-    "@storybook/react": "^6.4.9",
-    "@types/node": "17.0.5",
-    "@types/react": "17.0.38",
-    "@types/styled-components": "^5.1.14",
-    "babel-loader": "^8.2.3",
-    "eslint": "8.5.0",
-    "eslint-config-next": "12.0.7",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-storybook": "^0.5.5",
-    "prettier": "^2.5.1",
-    "eslint-config-prettier": "^8.3.0",
-    "typescript": "4.5.4"
-  },
-  "release": {
-    "branches": [
-      "main"
-    ]
-  }
-}
+	"name": "@giveth/ui-design-system",
+	"version": "1.8.9",
+	"files": [
+		"/lib"
+	],
+	"main": "./lib/cjs/index.js",
+	"module": "./lib/esm/index.js",
+	"types": "./lib/esm/index.d.ts",
+	"dependencies": {
+		"next": "12.0.7",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"styled-components": "^5.3.1"
+	},
+	"scripts": {
+		"build": "rm -rf lib;yarn build:esm && yarn build:cjs",
+		"build:esm": "tsc",
+		"build:cjs": "tsc --module commonjs --outDir lib/cjs",
+		"storybook": "start-storybook -p 6006 -s public",
+		"build-storybook": "build-storybook -s public",
+		"prepare": "npm run build",
+		"lint": "eslint . --ext .ts --ext .tsx",
+		"lint:fix": "eslint . --ext .ts --ext .tsx --fix"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.16.7",
+		"@storybook/addon-actions": "^6.4.9",
+		"@storybook/addon-essentials": "^6.4.9",
+		"@storybook/addon-links": "^6.4.9",
+		"@storybook/builder-webpack5": "^6.4.9",
+		"@storybook/manager-webpack5": "^6.4.9",
+		"@storybook/react": "^6.4.9",
+		"@types/node": "17.0.5",
+		"@types/react": "17.0.38",
+		"@types/styled-components": "^5.1.14",
+		"babel-loader": "^8.2.3",
+		"eslint": "8.5.0",
+		"eslint-config-next": "12.0.7",
+		"eslint-plugin-prettier": "^4.0.0",
+		"eslint-plugin-storybook": "^0.5.5",
+		"prettier": "^2.5.1",
+		"eslint-config-prettier": "^8.3.0",
+		"typescript": "4.5.4"
+	},
+	"release": {
+		"branches": [
+			"main"
+		]
+	}
+}

src/components/typography/ButtonText.tsx

@@ -5,9 +5,9 @@ export interface IButtonTextProps {
 }
 
 export const ButtonText = styled.a<IButtonTextProps>`
-	/* Link/Tiny */
 	font-family: Red Hat Text;
 	font-style: normal;
+	text-transform: uppercase;
 	font-weight: 700;
 	${props => {
 		switch (props.size) {