Skip to content

Updated dependencies

Latest
Compare
Choose a tag to compare
@einazare einazare released this 19 Mar 12:57
· 7 commits to main since this release
01d3f1b

[1.1.0] 2021-03-19

Bug fixing

  • Rename master branch to main
  • 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
    • 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}
    • After that, we've changed {type}-blueGray-{number} to {type}-blueGray-{lower-number}, i.e. (100 became 50, 200 became 100, ..., 900 became 800)
      • You can achieve this, by search in your whole project for blueGray-100 and replace it with blueGray-50
      • Then, you search in your whole project for blueGray-200 and replace it with blueGray-100
      • Then, you search in your whole project for blueGray-300 and replace it with blueGray-200
      • Then, you search in your whole project for blueGray-400 and replace it with blueGray-300
      • Then, you search in your whole project for blueGray-500 and replace it with blueGray-400
      • Then, you search in your whole project for blueGray-600 and replace it with blueGray-500
      • Then, you search in your whole project for blueGray-700 and replace it with blueGray-600
      • Then, you search in your whole project for blueGray-800 and replace it with blueGray-700
      • Then, you search in your whole project for blueGray-900 and replace it with blueGray-800
    • 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}
    • 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}
  • lg:bg-transparent is not working anymore, so we've changed it with lg:bg-opacity-0
  • Since we've dropped the usage of custom CSS, and reverted to Built-In CSS Support from NextJS, we had to move our images inside the public folder, and our styles inside the styles folder
    • All the require images have been replaced by simple /img/ strings
  • creativetimofficial/notus-angular#4
  • creativetimofficial/notus-js#4
  • creativetimofficial/notus-js#5
  • creativetimofficial/notus-js#6
  • #6
  • #7
  • #8
  • creativetimofficial/notus-react#3
  • creativetimofficial/notus-svelte#3
  • creativetimofficial/notus-svelte#6
  • creativetimofficial/vue-notus#4

Major style changes

Deleted components

  • next.config.js (we do not need it anymore since we now use Built-In CSS Support from NextJS)
    • for the absolute imports, we've used the jsconfig.json file

Added components

  • jsconfig.json (to keep our absolute imports)

Deleted dependencies

  • @tailwindcss/custom-forms
  • react-google-maps (replaced by simple Google Maps API)
  • @types/googlemaps (dependencies of react-google-maps)
  • @types/markerclustererplus (dependencies of react-google-maps)
  • @types/react (dependencies of react-google-maps)
  • @zeit/next-css (we'll use the default Built-In CSS Support from NextJS)
  • @zeit/next-sass (we'll use the default Built-In CSS Support from NextJS)
  • node-sass (we'll use the default Built-In CSS Support from NextJS)
  • next-images (we'll use the default Built-In CSS Support from NextJS)
  • next-fonts (we'll use the default Built-In CSS Support from NextJS)
  • next-compose-plugins (we'll use the default Built-In CSS Support from NextJS)
  • path (we'll use the default Built-In CSS Support from NextJS)
  • webpack (we'll use the default Built-In CSS Support from NextJS)

Added dependencies

  • @tailwindcss/forms (replaces @tailwindcss/custom-forms)
  • autoprefixer
  • postcss

Updated dependencies

@fortawesome/fontawesome-free    5.14.0   →   5.15.3
@popperjs/core                    2.5.1   →    2.9.1
chart.js                          2.9.3   →    2.9.4
next                              9.5.3   →   10.0.9
react                           16.13.1   →   17.0.1
@types/react                    16.9.49   →   17.0.3
react-dom                       16.13.1   →   17.0.1
react-scripts                     3.4.3   →    4.0.3
tailwindcss                      1.8.10   →    2.0.4
typescript                        4.0.3   →    4.2.3

Warning

On a clean install there may be some warnings from request, chokidar, fsevents - they come from node_modules, and they do not affect the product at all.