From 4c5372d71d1b76d151e0bc447942f84a44d2a649 Mon Sep 17 00:00:00 2001 From: Nitin Kumar Date: Mon, 17 Mar 2025 19:25:02 +0530 Subject: [PATCH] feat: updgrade tailwind css to v4 --- package.json | 4 +- postcss.config.js | 2 +- src/components/Configuration/components.js | 2 +- src/components/Contributors/Contributors.jsx | 2 +- src/components/Navigation/Navigation.jsx | 4 +- src/components/NotificationBar/MessageBar.jsx | 2 +- src/components/Page/Page.jsx | 2 +- src/components/Tooltip/Tooltip.jsx | 2 +- yarn.lock | 371 ++++++------------ 9 files changed, 138 insertions(+), 253 deletions(-) diff --git a/package.json b/package.json index c60286c32e9d..a5f45797daf6 100644 --- a/package.json +++ b/package.json @@ -84,7 +84,7 @@ "@octokit/rest": "^21.1.1", "@pmmmwh/react-refresh-webpack-plugin": "next", "@svgr/webpack": "^8.1.0", - "autoprefixer": "^10.4.21", + "@tailwindcss/postcss": "^4.0.14", "babel-loader": "^10.0.0", "copy-webpack-plugin": "^13.0.0", "css-loader": "^7.1.2", @@ -136,7 +136,7 @@ "sitemap-static": "^0.4.2", "static-site-generator-webpack-plugin": "^3.4.1", "style-loader": "^4.0.0", - "tailwindcss": "^3.4.16", + "tailwindcss": "^4.0.14", "tap-spot": "^1.1.2", "unist-util-visit": "^5.0.0", "webpack": "^5.97.1", diff --git a/postcss.config.js b/postcss.config.js index 3ea9307f4036..c8b5d240d537 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,3 +1,3 @@ module.exports = { - plugins: [require('tailwindcss'), require('autoprefixer')], + plugins: [require('@tailwindcss/postcss')], }; diff --git a/src/components/Configuration/components.js b/src/components/Configuration/components.js index 40a9c0f13737..96ce5bdaeea3 100644 --- a/src/components/Configuration/components.js +++ b/src/components/Configuration/components.js @@ -81,7 +81,7 @@ export class Details extends Component { position={['right', 'top']} padding={0} onClickOutside={this.clickOutsideHandler} - containerClassName={'shadow'} + containerClassName={'shadow-sm'} content={} > - isActive ? `${classes} !text-blue-200` : classes + isActive ? `${classes} text-blue-200!` : classes } to={url} aria-label={ariaLabel} @@ -232,7 +232,7 @@ function Navigation({ links, pathname, hash = '', toggleSidebar }) { title={child.title} className={() => isActive - ? `!text-black dark:!text-white ${classNames}` + ? `text-black! dark:text-white! ${classNames}` : classNames } > diff --git a/src/components/NotificationBar/MessageBar.jsx b/src/components/NotificationBar/MessageBar.jsx index ea5e009d7a76..6c81a63628f5 100644 --- a/src/components/NotificationBar/MessageBar.jsx +++ b/src/components/NotificationBar/MessageBar.jsx @@ -27,7 +27,7 @@ export default function MessageBar(props) { <> {listTransitions((styles) => ( diff --git a/src/components/Page/Page.jsx b/src/components/Page/Page.jsx index da6e72f32620..68676b224372 100644 --- a/src/components/Page/Page.jsx +++ b/src/components/Page/Page.jsx @@ -136,7 +136,7 @@ export default function Page(props) { {loadContributors && (
-

+

{numberOfContributors}{' '} {numberOfContributors === 1 ? 'Contributor' : 'Contributors'}

diff --git a/src/components/Tooltip/Tooltip.jsx b/src/components/Tooltip/Tooltip.jsx index 3faab6871b5c..93d2213c56cb 100644 --- a/src/components/Tooltip/Tooltip.jsx +++ b/src/components/Tooltip/Tooltip.jsx @@ -41,7 +41,7 @@ const Tooltip = ({ {isVisible && (
= 3.1.0 < 4" - -"thenify@>= 3.1.0 < 4": - version "3.3.1" - resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f" - integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw== - dependencies: - any-promise "^1.0.0" - throttle-debounce@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-3.0.1.tgz#32f94d84dfa894f786c9a1f290e7a645b6a19abb" @@ -12833,11 +12723,6 @@ ts-easing@^0.2.0: resolved "https://registry.yarnpkg.com/ts-easing/-/ts-easing-0.2.0.tgz#c8a8a35025105566588d87dbda05dd7fbfa5a4ec" integrity sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ== -ts-interface-checker@^0.1.9: - version "0.1.13" - resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699" - integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA== - tslib@^1.9.0: version "1.14.1" resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00" @@ -14213,7 +14098,7 @@ yaml@^1.10.2: resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b" integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg== -yaml@^2.0.0, yaml@^2.3.4, yaml@^2.7.0: +yaml@^2.0.0, yaml@^2.7.0: version "2.7.0" resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.7.0.tgz#aef9bb617a64c937a9a748803786ad8d3ffe1e98" integrity sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==