Skip to content

Commit 75fc386

Browse files
einazareeinazare
authored
Merge pull request #28 from creativetimofficial/dev-main
Feature: update to Tailwind V2
2 parents a5da782 + c5b532c commit 75fc386

File tree

6,636 files changed

+1613018
-390593
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

6,636 files changed

+1613018
-390593
lines changed

‎CHANGELOG.md‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
# Change Log
2+
3+
## [1.1.0] 2021-03-23
4+
### Bug fixing
5+
- https://github.com/creativetimofficial/tailwind-starter-kit/issues/19
6+
- https://github.com/creativetimofficial/tailwind-starter-kit/issues/16
7+
- https://github.com/creativetimofficial/tailwind-starter-kit/issues/10
8+
- Thanks to this comment https://github.com/creativetimofficial/tailwind-starter-kit/issues/10#issuecomment-730641008 from @ryanwinchester
9+
### Major style changes
10+
- The upgrade of Tailwind CSS from version 1 to version 2, will cause multiple style changes, check them out on the official Tailwind CSS websites:
11+
- https://blog.tailwindcss.com/tailwindcss-v2
12+
- https://tailwindcss.com/
13+
- https://tailwindcss.com/docs/upgrading-to-v2
14+
- To make a lot of our changes, we've followed the instructions from here (minus the `colors` and `font-sizes`): https://tailwindcss.com/docs/upgrading-to-v2
15+
- For the colors, the only change that we made, is the fact that we've added all Tailwind CSS colors to our `tailwind.config.js` files, and inside our product, all `{type}-gray-{number}` classes were renamed to `{type}-blueGray-{number}`
16+
- After that, we've changed `{type}-blueGray-{number}` to `{type}-blueGray-{lower-number}`, i.e. (`100` became `50`, `200` became `100`, ..., `900` became `800`)
17+
- You can achieve this, by search in your whole project for `blueGray-100` and replace it with `blueGray-50`
18+
- Then, you search in your whole project for `blueGray-200` and replace it with `blueGray-100`
19+
- Then, you search in your whole project for `blueGray-300` and replace it with `blueGray-200`
20+
- Then, you search in your whole project for `blueGray-400` and replace it with `blueGray-300`
21+
- Then, you search in your whole project for `blueGray-500` and replace it with `blueGray-400`
22+
- Then, you search in your whole project for `blueGray-600` and replace it with `blueGray-500`
23+
- Then, you search in your whole project for `blueGray-700` and replace it with `blueGray-600`
24+
- Then, you search in your whole project for `blueGray-800` and replace it with `blueGray-700`
25+
- Then, you search in your whole project for `blueGray-900` and replace it with `blueGray-800`
26+
- For the colors, the only change that we made, is the fact that we've added all Tailwind CSS colors to our `tailwind.config.js` files, and inside our product, all `{type}-blue-{number}` classes were renamed to `{type}-lightBlue-{number}`
27+
- For the colors, the only change that we made, is the fact that we've added all Tailwind CSS colors to our `tailwind.config.js` files, and inside our product, all `{type}-green-{number}` classes were renamed to `{type}-emerald-{number}`
28+
- We've also added on most of our inputs the `border-0` class
29+
- And on the inputs that were checkboxes, beside the `border-0` class, we've also had to add `rounded` class as well
30+
### Deleted components
31+
### Added components
32+
- We've also added our first NextJS page: `Landing Page/next-landing-page`
33+
- Here is the PR for it: https://github.com/creativetimofficial/tailwind-starter-kit/pull/11
34+
- Special thanks to @MeridjaNassim
35+
- If you want to add new pages, feel free to open a PR: https://github.com/creativetimofficial/tailwind-starter-kit/pulls
36+
### Deleted dependencies
37+
- `popper.js`
38+
### Added dependencies
39+
- `@popperjs/core@2.9.1` - So, we've changed the way we use Popper, check out our docs here:
40+
- https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/vue/dropdown (you can check the Angular, JS and React as well from here)
41+
- https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/vue/popovers/left (you can check the Angular, JS and React as well from here)
42+
- https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/vue/tooltips/left (you can check the Angular, JS and React as well from here)
43+
- `typescript` (for the React versions to stop console warnings - NOTE: the projects are not based on TypeScript)
44+
- `@vue/compiler-sfc@3.0.7` (for the VueJS versions since we've upgraded to Vue@3)
45+
- `vue-router@4.0.5` (for the VueJS versions since we've upgraded to Vue@3)
46+
### Angular Updated dependencies
47+
```
48+
@angular/animations 8.2.12 → 11.2.6
49+
@angular/common 8.2.12 → 11.2.6
50+
@angular/compiler 8.2.12 → 11.2.6
51+
@angular/core 8.2.12 → 11.2.6
52+
@angular/forms 8.2.12 → 11.2.6
53+
@angular/platform-browser 8.2.12 → 11.2.6
54+
@angular/platform-browser-dynamic 8.2.12 → 11.2.6
55+
@angular/router 8.2.12 → 11.2.6
56+
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
57+
chart.js 2.9.3 → 2.9.4
58+
rxjs 6.4.0 → 6.6.6
59+
tslib ^1.10.0 → ^2.1.0
60+
zone.js 0.9.1 → 0.11.4
61+
@angular-devkit/build-angular 0.803.15 → 0.1102.5
62+
@angular/cli 8.3.15 → 11.2.5
63+
@angular/compiler-cli 8.2.12 → 11.2.6
64+
@angular/language-service 8.2.12 → 11.2.6
65+
@types/node 8.9.4 → 14.14.35
66+
@types/jasmine 3.3.8 → 3.6.7
67+
@types/jasminewd2 2.0.3 → 2.0.8
68+
codelyzer ^5.0.0 → ^6.0.1
69+
jasmine-core 3.4.0 → 3.7.1
70+
jasmine-spec-reporter 4.2.1 → 6.0.0
71+
karma 4.1.0 → 6.2.0
72+
karma-chrome-launcher 2.2.0 → 3.1.0
73+
karma-coverage-istanbul-reporter 2.0.1 → 3.0.3
74+
karma-jasmine 2.0.1 → 4.0.1
75+
karma-jasmine-html-reporter ^1.4.0 → ^1.5.4
76+
protractor 5.4.0 → 7.0.0
77+
ts-node 7.0.0 → 9.1.1
78+
tslint 5.15.0 → 6.1.3
79+
typescript 3.5.3 → 4.0.7
80+
```
81+
### HTML Updated dependencies
82+
```
83+
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
84+
chart.js 2.9.3 → 2.9.4
85+
```
86+
### React Updated dependencies
87+
```
88+
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
89+
chart.js 2.9.3 → 2.9.4
90+
react 16.11.0 → 17.0.1
91+
react-dom 16.11.0 → 17.0.1
92+
react-router 5.1.2 → 5.2.0
93+
react-router-dom 5.1.2 → 5.2.0
94+
react-scripts 3.2.0 → 4.0.3
95+
```
96+
### VueJS Updated dependencies
97+
```
98+
@fortawesome/fontawesome-free 5.11.2 → 5.15.3
99+
chart.js 2.9.3 → 2.9.4
100+
core-js 3.3.2 → 3.9.1
101+
vue 2.6.10 → 3.0.7
102+
@vue/cli-plugin-babel 4.0.0 → 5.0.0-alpha.7
103+
@vue/cli-plugin-eslint 4.0.0 → 5.0.0-alpha.7
104+
@vue/cli-service 4.0.0 → 5.0.0-alpha.7
105+
babel-eslint 10.0.3 → 10.1.0
106+
eslint 5.16.0 → 7.22.0
107+
eslint-plugin-vue 5.0.0 → 7.8.0
108+
vue-template-compiler 2.6.10 → 2.6.12
109+
```
110+
### NextJS Updated dependencies
111+
```
112+
@fortawesome/fontawesome-free ^5.15.0 → ^5.15.3
113+
next-images ^1.6.0 → ^1.7.0
114+
react ^16.12.0 → ^17.0.2
115+
@types/react ^16.9.16 → ^17.0.3
116+
react-dom ^16.12.0 → ^17.0.2
117+
@types/react-dom ^16.9.4 → ^17.0.3
118+
sass ^1.26.11 → ^1.32.8
119+
@fullhuman/postcss-purgecss ^3.0.0 → ^4.0.3
120+
@types/node ^12.12.21 → ^14.14.35
121+
tailwindcss ^1.8.10 → ^2.0.4
122+
typescript 4.0 → 4.2
123+
```
124+
### Warning
125+
_When doing a clean install, you might have some warnings, those come from `node_modules` and do not affect the project in any way._
126+
127+
128+
## [1.0.0] 2019-12-20
129+
### Original Release
130+
- Generated Tailwind CSS files using the following documentation: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/build-tools
131+
- Created files and projects for each of the Example Pages from the above link, for
132+
- Angular
133+
- HTML with JavaScript
134+
- React
135+
- VueJS

0 commit comments

Comments
 (0)