diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0715867a0..119d394ff 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,30 @@
# Change Log
+## [1.2.0] 2022-01-11
+Upgraded Tailwind CSS from version 2 to version 3
+Followed https://tailwindcss.com/docs/upgrade-guide#renamed-gray-scales to update color names
+- All `{type}-lightBlue-{number}` classes were renamed to `{type}-sky-{number}`
+- All `{type}-blueGray-{number}` classes were renamed to `{type}-slate-{number}`
+- Removed conflicting bg-white and bg-sky-500 class
+- Moved tailwindcss, postcss and autoprefixer to `devDependencies` section in `package.json`
+- Added `postcss.config.js`
+### Major style changes
+- The upgrade of Tailwind CSS from version 2 to version 3, will cause multiple style changes, check them out on the official Tailwind CSS websites:
+ - https://tailwindcss.com/blog/tailwindcss-v3
+ - https://tailwindcss.com/docs/upgrade-guide
+### Deleted dependencies
+- `@tailwindcss/forms` (Official repository says @tailwindcss/forms is designed for Tailwind CSS v2.0)
+### Updated dependencies
+```
+@fortawesome/fontawesome-free 5.15.3 → 5.15.4
+@popperjs/core 2.5.1 → 2.9.1
+react 17.0.1 → 17.0.2
+react-dom 17.0.1 → 17.0.2
+tailwindcss 2.0.4 → 3.0.11
+typescript 4.0.3 → 4.5.4
+postcss 8.2.8 → 8.4.5
+```
+
## [1.1.0] 2021-03-19
### Bug fixing
- Rename `master` branch to `main`
diff --git a/package.json b/package.json
index 37565ea44..471ff4849 100644
--- a/package.json
+++ b/package.json
@@ -1,24 +1,25 @@
{
"name": "notus-react",
- "version": "1.1.0",
+ "version": "1.2.0",
"description": "Notus React - A free Tailwind CSS and React UI Kit and Admin by Creative Tim.",
"repository": "https://github.com/creativetimofficial/notus-react",
"license": "MIT",
"dependencies": {
- "@fortawesome/fontawesome-free": "5.15.3",
- "@popperjs/core": "2.9.1",
- "@tailwindcss/forms": "0.2.1",
- "autoprefixer": "10.2.5",
+ "@fortawesome/fontawesome-free": "5.15.4",
+ "@popperjs/core": "2.11.2",
"chart.js": "2.9.4",
"gulp": "4.0.2",
"gulp-append-prepend": "1.0.8",
- "postcss": "8.2.8",
- "react": "17.0.1",
- "react-dom": "17.0.1",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
"react-router": "5.2.0",
"react-router-dom": "5.2.0",
- "react-scripts": "4.0.3",
- "tailwindcss": "2.0.4"
+ "react-scripts": "4.0.3"
+ },
+ "devDependencies": {
+ "autoprefixer": "^10.4.1",
+ "postcss": "^8.4.5",
+ "tailwindcss": "^3.0.11"
},
"scripts": {
"start": "react-scripts start",
@@ -44,6 +45,6 @@
]
},
"optionalDependencies": {
- "typescript": "4.2.3"
+ "typescript": "4.5.4"
}
}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 000000000..33ad091d2
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/public/index.html b/public/index.html
index a3e691331..efa505e90 100644
--- a/public/index.html
+++ b/public/index.html
@@ -48,7 +48,7 @@
Notus React by Creative Tim | Free and Open Source UI Kit
-
+