From 120f3fae568a3cf5d59de1f8c0e1c79567843089 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sun, 23 Feb 2025 00:06:13 +0000 Subject: [PATCH 01/10] initial migration done by tailwind cli --- apps/site/.postcssrc.json | 5 +- apps/site/package.json | 4 +- apps/site/styles/index.css | 12 +- package-lock.json | 588 ++++++++++++++++++++++++++++++++----- 4 files changed, 524 insertions(+), 85 deletions(-) diff --git a/apps/site/.postcssrc.json b/apps/site/.postcssrc.json index f48fb87dce6e0..e192f25ec3756 100644 --- a/apps/site/.postcssrc.json +++ b/apps/site/.postcssrc.json @@ -3,9 +3,6 @@ "postcss-mixins": {}, "postcss-simple-vars": {}, "postcss-calc": {}, - "postcss-import": {}, - "tailwindcss/nesting": {}, - "tailwindcss": {}, - "autoprefixer": {} + "@tailwindcss/postcss": {} } } diff --git a/apps/site/package.json b/apps/site/package.json index caa3a0d316248..fc04710092907 100644 --- a/apps/site/package.json +++ b/apps/site/package.json @@ -41,11 +41,11 @@ "@radix-ui/react-tooltip": "^1.1.8", "@savvywombat/tailwindcss-grid-areas": "~4.0.0", "@tailwindcss/container-queries": "~0.1.1", + "@tailwindcss/postcss": "^4.0.8", "@vcarl/remark-headings": "~0.1.0", "@vercel/analytics": "~1.5.0", "@vercel/otel": "~1.10.1", "@vercel/speed-insights": "~1.2.0", - "autoprefixer": "~10.4.20", "classnames": "~2.5.1", "cross-env": "7.0.3", "dedent": "1.5.3", @@ -71,7 +71,7 @@ "semver": "~7.7.1", "shiki": "~3.1.0", "sval": "^0.6.1", - "tailwindcss": "~3.4.17", + "tailwindcss": "~4.0.8", "unist-util-visit": "~5.0.0", "vfile": "~6.0.3", "vfile-matter": "~5.0.0" diff --git a/apps/site/styles/index.css b/apps/site/styles/index.css index 51f236e207c48..d9a154c88b2ba 100644 --- a/apps/site/styles/index.css +++ b/apps/site/styles/index.css @@ -6,10 +6,8 @@ * @see https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint */ -@import 'tailwindcss/base'; -@import 'tailwindcss/components'; -@import 'tailwindcss/utilities'; -@import './base.css'; -@import './markdown.css'; -@import './effects.css'; -@import './locals.css'; +@import 'tailwindcss'; +@import './base.css' layer(utilities); +@import './markdown.css' layer(utilities); +@import './effects.css' layer(utilities); +@import './locals.css' layer(utilities); diff --git a/package-lock.json b/package-lock.json index 0836f7a9805de..e30cbbf21ce7f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -53,11 +53,11 @@ "@radix-ui/react-tooltip": "^1.1.8", "@savvywombat/tailwindcss-grid-areas": "~4.0.0", "@tailwindcss/container-queries": "~0.1.1", + "@tailwindcss/postcss": "^4.0.8", "@vcarl/remark-headings": "~0.1.0", "@vercel/analytics": "~1.5.0", "@vercel/otel": "~1.10.1", "@vercel/speed-insights": "~1.2.0", - "autoprefixer": "~10.4.20", "classnames": "~2.5.1", "cross-env": "7.0.3", "dedent": "1.5.3", @@ -83,7 +83,7 @@ "semver": "~7.7.1", "shiki": "~3.1.0", "sval": "^0.6.1", - "tailwindcss": "~3.4.17", + "tailwindcss": "~4.0.8", "unist-util-visit": "~5.0.0", "vfile": "~6.0.3", "vfile-matter": "~5.0.0" @@ -144,6 +144,12 @@ "typescript": ">=4.8.4 <5.8.0" } }, + "apps/site/node_modules/tailwindcss": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz", + "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==", + "license": "MIT" + }, "apps/site/node_modules/typescript-eslint": { "version": "8.25.0", "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.25.0.tgz", @@ -5893,6 +5899,241 @@ "tailwindcss": ">=3.2.0" } }, + "node_modules/@tailwindcss/node": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.8.tgz", + "integrity": "sha512-FKArQpbrbwv08TNT0k7ejYXpF+R8knZFAatNc0acOxbgeqLzwb86r+P3LGOjIeI3Idqe9CVkZrh4GlsJLJKkkw==", + "license": "MIT", + "dependencies": { + "enhanced-resolve": "^5.18.1", + "jiti": "^2.4.2", + "tailwindcss": "4.0.8" + } + }, + "node_modules/@tailwindcss/node/node_modules/tailwindcss": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz", + "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==", + "license": "MIT" + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.8.tgz", + "integrity": "sha512-KfMcuAu/Iw+DcV1e8twrFyr2yN8/ZDC/odIGta4wuuJOGkrkHZbvJvRNIbQNhGh7erZTYV6Ie0IeD6WC9Y8Hcw==", + "license": "MIT", + "engines": { + "node": ">= 10" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.0.8", + "@tailwindcss/oxide-darwin-arm64": "4.0.8", + "@tailwindcss/oxide-darwin-x64": "4.0.8", + "@tailwindcss/oxide-freebsd-x64": "4.0.8", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.8", + "@tailwindcss/oxide-linux-arm64-gnu": "4.0.8", + "@tailwindcss/oxide-linux-arm64-musl": "4.0.8", + "@tailwindcss/oxide-linux-x64-gnu": "4.0.8", + "@tailwindcss/oxide-linux-x64-musl": "4.0.8", + "@tailwindcss/oxide-win32-arm64-msvc": "4.0.8", + "@tailwindcss/oxide-win32-x64-msvc": "4.0.8" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.8.tgz", + "integrity": "sha512-We7K79+Sm4mwJHk26Yzu/GAj7C7myemm7PeXvpgMxyxO70SSFSL3uCcqFbz9JA5M5UPkrl7N9fkBe/Y0iazqpA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.8.tgz", + "integrity": "sha512-Lv9Isi2EwkCTG1sRHNDi0uRNN1UGFdEThUAGFrydRmQZnraGLMjN8gahzg2FFnOizDl7LB2TykLUuiw833DSNg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.8.tgz", + "integrity": "sha512-fWfywfYIlSWtKoqWTjukTHLWV3ARaBRjXCC2Eo0l6KVpaqGY4c2y8snUjp1xpxUtpqwMvCvFWFaleMoz1Vhzlw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.8.tgz", + "integrity": "sha512-SO+dyvjJV9G94bnmq2288Ke0BIdvrbSbvtPLaQdqjqHR83v5L2fWADyFO+1oecHo9Owsk8MxcXh1agGVPIKIqw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.8.tgz", + "integrity": "sha512-ZSHggWiEblQNV69V0qUK5vuAtHP+I+S2eGrKGJ5lPgwgJeAd6GjLsVBN+Mqn2SPVfYM3BOpS9jX/zVg9RWQVDQ==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.8.tgz", + "integrity": "sha512-xWpr6M0OZLDNsr7+bQz+3X7zcnDJZJ1N9gtBWCtfhkEtDjjxYEp+Lr5L5nc/yXlL4MyCHnn0uonGVXy3fhxaVA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.8.tgz", + "integrity": "sha512-5tz2IL7LN58ssGEq7h/staD7pu/izF/KeMWdlJ86WDe2Ah46LF3ET6ZGKTr5eZMrnEA0M9cVFuSPprKRHNgjeg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.8.tgz", + "integrity": "sha512-KSzMkhyrxAQyY2o194NKVKU9j/c+NFSoMvnHWFaNHKi3P1lb+Vq1UC19tLHrmxSkKapcMMu69D7+G1+FVGNDXQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.8.tgz", + "integrity": "sha512-yFYKG5UtHTRimjtqxUWXBgI4Tc6NJe3USjRIVdlTczpLRxq/SFwgzGl5JbatCxgSRDPBFwRrNPxq+ukfQFGdrw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.8.tgz", + "integrity": "sha512-tndGujmCSba85cRCnQzXgpA2jx5gXimyspsUYae5jlPyLRG0RjXbDshFKOheVXU4TLflo7FSG8EHCBJ0EHTKdQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.8.tgz", + "integrity": "sha512-T77jroAc0p4EHVVgTUiNeFn6Nj3jtD3IeNId2X+0k+N1XxfNipy81BEkYErpKLiOkNhpNFjPee8/ZVas29b2OQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/postcss": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.8.tgz", + "integrity": "sha512-SUwlrXjn1ycmUbA0o0n3Y0LqlXqxN5R8HR+ti+OBbRS79wl2seDmiypEs3xJCuQXe07ol81s1AmRMitBmPveJA==", + "license": "MIT", + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.0.8", + "@tailwindcss/oxide": "4.0.8", + "lightningcss": "^1.29.1", + "postcss": "^8.4.41", + "tailwindcss": "4.0.8" + } + }, + "node_modules/@tailwindcss/postcss/node_modules/tailwindcss": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz", + "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==", + "license": "MIT" + }, "node_modules/@testing-library/dom": { "version": "10.4.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz", @@ -7349,7 +7590,8 @@ "version": "1.3.0", "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/anymatch": { "version": "3.1.3", @@ -7368,7 +7610,8 @@ "version": "5.0.2", "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/argparse": { "version": "2.0.1", @@ -7641,43 +7884,6 @@ "node": ">= 4.0.0" } }, - "node_modules/autoprefixer": { - "version": "10.4.20", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", - "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==", - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/autoprefixer" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "dependencies": { - "browserslist": "^4.23.3", - "caniuse-lite": "^1.0.30001646", - "fraction.js": "^4.3.7", - "normalize-range": "^0.1.2", - "picocolors": "^1.0.1", - "postcss-value-parser": "^4.2.0" - }, - "bin": { - "autoprefixer": "bin/autoprefixer" - }, - "engines": { - "node": "^10 || ^12 || >=14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, "node_modules/available-typed-arrays": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz", @@ -8028,6 +8234,7 @@ "version": "4.24.4", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz", "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==", + "devOptional": true, "funding": [ { "type": "opencollective", @@ -9502,7 +9709,8 @@ "version": "1.2.2", "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", - "license": "Apache-2.0" + "license": "Apache-2.0", + "peer": true }, "node_modules/diff": { "version": "5.2.0", @@ -9541,7 +9749,8 @@ "version": "1.1.3", "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/doctrine": { "version": "2.1.0", @@ -9701,6 +9910,7 @@ "version": "1.5.109", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.109.tgz", "integrity": "sha512-AidaH9JETVRr9DIPGfp1kAarm/W6hRJTPuCnkF+2MqhF4KaAgRIcBc8nvjk+YMXZhwfISof/7WG29eS4iGxQLQ==", + "devOptional": true, "license": "ISC" }, "node_modules/emittery": { @@ -9751,7 +9961,6 @@ "version": "5.18.1", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz", "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==", - "devOptional": true, "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", @@ -10081,6 +10290,7 @@ "version": "3.2.0", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "devOptional": true, "license": "MIT", "engines": { "node": ">=6" @@ -11895,19 +12105,6 @@ "node": ">=0.4.x" } }, - "node_modules/fraction.js": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", - "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", - "license": "MIT", - "engines": { - "node": "*" - }, - "funding": { - "type": "patreon", - "url": "https://github.com/sponsors/rawify" - } - }, "node_modules/fs-extra": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz", @@ -12333,7 +12530,6 @@ "version": "4.2.11", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", - "devOptional": true, "license": "ISC" }, "node_modules/graphemer": { @@ -16119,9 +16315,7 @@ "version": "2.4.2", "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz", "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==", - "dev": true, "license": "MIT", - "optional": true, "bin": { "jiti": "lib/jiti-cli.mjs" } @@ -16362,6 +16556,246 @@ "node": ">= 0.8.0" } }, + "node_modules/lightningcss": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz", + "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==", + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^1.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-darwin-arm64": "1.29.1", + "lightningcss-darwin-x64": "1.29.1", + "lightningcss-freebsd-x64": "1.29.1", + "lightningcss-linux-arm-gnueabihf": "1.29.1", + "lightningcss-linux-arm64-gnu": "1.29.1", + "lightningcss-linux-arm64-musl": "1.29.1", + "lightningcss-linux-x64-gnu": "1.29.1", + "lightningcss-linux-x64-musl": "1.29.1", + "lightningcss-win32-arm64-msvc": "1.29.1", + "lightningcss-win32-x64-msvc": "1.29.1" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz", + "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz", + "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz", + "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz", + "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==", + "cpu": [ + "arm" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz", + "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz", + "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz", + "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz", + "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz", + "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.29.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz", + "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss/node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "license": "Apache-2.0", + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/lilconfig": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", @@ -18654,6 +19088,7 @@ "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", "license": "MIT", + "peer": true, "dependencies": { "any-promise": "^1.0.0", "object-assign": "^4.0.1", @@ -18843,6 +19278,7 @@ "version": "2.0.19", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", + "devOptional": true, "license": "MIT" }, "node_modules/nopt": { @@ -18885,15 +19321,6 @@ "node": ">=0.10.0" } }, - "node_modules/normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/npm-install-checks": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz", @@ -18996,6 +19423,7 @@ "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", "license": "MIT", + "peer": true, "engines": { "node": ">= 6" } @@ -19838,6 +20266,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "lilconfig": "^3.0.0", "yaml": "^2.3.4" @@ -20004,6 +20433,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "postcss-selector-parser": "^6.1.1" }, @@ -20019,6 +20449,7 @@ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", "license": "MIT", + "peer": true, "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -23609,6 +24040,7 @@ "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz", "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==", "license": "MIT", + "peer": true, "dependencies": { "@jridgewell/gen-mapping": "^0.3.2", "commander": "^4.0.0", @@ -23631,6 +24063,7 @@ "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", "license": "MIT", + "peer": true, "engines": { "node": ">= 6" } @@ -23640,6 +24073,7 @@ "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", "license": "ISC", + "peer": true, "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", @@ -23660,6 +24094,7 @@ "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", "license": "BlueOak-1.0.0", + "peer": true, "dependencies": { "@isaacs/cliui": "^8.0.2" }, @@ -23674,13 +24109,15 @@ "version": "10.4.3", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", - "license": "ISC" + "license": "ISC", + "peer": true }, "node_modules/sucrase/node_modules/path-scurry": { "version": "1.11.1", "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", "license": "BlueOak-1.0.0", + "peer": true, "dependencies": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" @@ -23912,6 +24349,7 @@ "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz", "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==", "license": "MIT", + "peer": true, "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", @@ -23949,6 +24387,7 @@ "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz", "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", "license": "MIT", + "peer": true, "bin": { "jiti": "bin/jiti.js" } @@ -23958,6 +24397,7 @@ "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", "license": "MIT", + "peer": true, "dependencies": { "postcss-value-parser": "^4.0.0", "read-cache": "^1.0.0", @@ -23975,6 +24415,7 @@ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", "license": "MIT", + "peer": true, "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -23987,7 +24428,6 @@ "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", - "devOptional": true, "license": "MIT", "engines": { "node": ">=6" @@ -24202,6 +24642,7 @@ "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", "license": "MIT", + "peer": true, "dependencies": { "any-promise": "^1.0.0" } @@ -24211,6 +24652,7 @@ "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", "license": "MIT", + "peer": true, "dependencies": { "thenify": ">= 3.1.0 < 4" }, @@ -24412,7 +24854,8 @@ "version": "0.1.13", "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", - "license": "Apache-2.0" + "license": "Apache-2.0", + "peer": true }, "node_modules/tsconfig-paths": { "version": "4.2.0", @@ -25070,6 +25513,7 @@ "version": "1.1.3", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz", "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==", + "devOptional": true, "funding": [ { "type": "opencollective", From b705d730f8b553ff0a2d227ed8461f5d57dc6893 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sun, 23 Feb 2025 02:25:09 +0000 Subject: [PATCH 02/10] refactor: move serveral part of config to index.css --- apps/site/.stylelintrc.mjs | 2 + apps/site/package.json | 2 - apps/site/styles/index.css | 152 +++++++++++++++++++++++++++++++++++++ 3 files changed, 154 insertions(+), 2 deletions(-) diff --git a/apps/site/.stylelintrc.mjs b/apps/site/.stylelintrc.mjs index 17fc884a3c41b..9530ae6c001b8 100644 --- a/apps/site/.stylelintrc.mjs +++ b/apps/site/.stylelintrc.mjs @@ -43,5 +43,7 @@ export default { 'import-notation': 'string', // Allow the `@apply` at rule as its part of Tailwind 'at-rule-no-deprecated': [true, { ignoreAtRules: ['apply'] }], + 'at-rule-no-unknown': null, + 'function-no-unknown': null, }, }; diff --git a/apps/site/package.json b/apps/site/package.json index fc04710092907..9d6a37fac298f 100644 --- a/apps/site/package.json +++ b/apps/site/package.json @@ -39,8 +39,6 @@ "@radix-ui/react-tabs": "^1.1.3", "@radix-ui/react-toast": "^1.2.6", "@radix-ui/react-tooltip": "^1.1.8", - "@savvywombat/tailwindcss-grid-areas": "~4.0.0", - "@tailwindcss/container-queries": "~0.1.1", "@tailwindcss/postcss": "^4.0.8", "@vcarl/remark-headings": "~0.1.0", "@vercel/analytics": "~1.5.0", diff --git a/apps/site/styles/index.css b/apps/site/styles/index.css index d9a154c88b2ba..6082cc5a99176 100644 --- a/apps/site/styles/index.css +++ b/apps/site/styles/index.css @@ -11,3 +11,155 @@ @import './markdown.css' layer(utilities); @import './effects.css' layer(utilities); @import './locals.css' layer(utilities); + +@theme { + --green-100: #edf2eb; + --green-200: #c5e5b4; + --green-300: #99cc7d; + --green-400: #84ba64; + --green-500: #5fa04e; + --green-600: #417e38; + --green-700: #2c682c; + --green-800: #2c682c; + --green-900: #1a3f1d; + --neutral-100: #f6f7f9; + --neutral-200: #e9edf0; + --neutral-300: #d9e1e4; + --neutral-400: #cbd4d9; + --neutral-500: #b1bcc2; + --neutral-600: #929fa5; + --neutral-700: #6e7b83; + --neutral-800: #556066; + --neutral-900: #2c3437; + --neutral-950: #0d121c; + --danger-100: #fbf1f0; + --danger-200: #fad3d4; + --danger-300: #fab6b7; + --danger-400: #fa8e8e; + --danger-500: #f65354; + --danger-600: #de1a1b; + --danger-700: #b80c0c; + --danger-800: #900e0e; + --danger-900: #661514; + --warning-100: #fdf3e7; + --warning-200: #fad9b0; + --warning-300: #f5bc75; + --warning-400: #e99c40; + --warning-500: #d07912; + --warning-600: #ae5f00; + --warning-700: #8b4d04; + --warning-800: #683d08; + --warning-900: #4d2f0b; + --info-100: #e9f4fa; + --info-200: #bce6fc; + --info-300: #8ed4f8; + --info-400: #52baed; + --info-500: #229ad6; + --info-600: #0c7bb3; + --info-700: #066291; + --info-800: #074d71; + --info-900: #0a3953; + --accent1-100: #f7f1fb; + --accent1-200: #ead9fb; + --accent1-300: #dbbdf9; + --accent1-400: #c79bf2; + --accent1-500: #af74e8; + --accent1-600: #9756d6; + --accent1-700: #7d3cbe; + --accent1-800: #642b9e; + --accent1-900: #361b52; + --accent2-100: #fbf0f4; + --accent2-200: #fbd4e6; + --accent2-300: #fbb4d2; + --accent2-400: #f68bb7; + --accent2-500: #ed5393; + --accent2-600: #d6246e; + --accent2-700: #b01356; + --accent2-800: #8b1245; + --accent2-900: #411526; + --pulse-100: #0000330f; + --pulse-200: #00002d17; + --pulse-300: #ddeaf814; + --pulse-400: #d3edf81d; + --white: #fff; + --transparent: 'transparent'; + --shadow: #101828; + --inherit: 'inherit'; + --shadow-xs: 0px 1px 2px 0px theme(colors.shadow / 5%); + --shadow-lg: 0px 4px 6px -2px theme(colors.shadow / 3%), + 0px 12px 16px -4px theme(colors.shadow / 8%); + --font-open-sans: var(--font-open-sans); + --ibm-plex-mono: var(--font-ibm-plex-mono); + --font-weight-regular: '400'; + --font-weight-medium: '500'; + --font-weight-semibold: '600'; + --font-weight-bold: '700'; + --font-xs: 0.75rem; + --font-xs-line-height: 1rem; + --font-sm: 0.87rem; + --font-sm-line-height: 1.25rem; + --font-base: 1rem; + --font-base-line-height: 1.5rem; + --font-lg: 1.125rem; + --font-lg-line-height: 1.75rem; + --font-xl: 1.25rem; + --font-xl-line-height: 1.875rem; + --font-2xl: 1.5rem; + --font-2xl-line-height: 2rem; + --font-3xl: 1.875rem; + --font-3xl-line-height: 2.25rem; + --font-4xl: 2.25rem; + --font-4xl-line-height: 2.5rem; + --font-5xl: 3rem; + --font-5xl-line-height: 3rem; + --font-6xl: 3.75rem; + --font-6xl-line-height: 3.75rem; + --font-7xl: 4.5rem; + --font-7xl-line-height: 4.5rem; + --breakpoint-xs: 670px; + --animate-surf: surf 1s infinite ease-in-out; + --animate-pulse: pulse 500ms infinite alternate-reverse; + --animate-pulse-dark: pulse-dark 500ms infinite alternate-reverse; + + @keyframes surf { + 0% { + transform: translate(0, 0); + } + + 25% { + transform: translate(0, 6px); + } + + 50% { + transform: translate(0, -6px); + } + + 75% { + transform: translate(0, 3px); + } + + 100% { + transform: translate(0, 0); + } + } + + @keyframes pulse { + from { + background: theme(colors.pulse.100); + } + + to { + background: theme('colors.pulse.200'); + } + } + + @keyframes pulse-dark { + from { + background: theme(colors.pulse.300); + } + + to { + background: theme(colors.pulse.400); + } + } +} From da256113c390e4b7a91d81cb2a1840783f526575 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sun, 23 Feb 2025 22:37:12 +0000 Subject: [PATCH 03/10] run again tailwind update --- apps/site/components/withBlogCategories.tsx | 2 +- apps/site/pages/en/about/branding.mdx | 6 +- apps/site/pages/es/about/branding.mdx | 6 +- apps/site/pages/fa/about/branding.mdx | 6 +- apps/site/pages/fr/about/branding.mdx | 6 +- apps/site/pages/id/about/branding.mdx | 6 +- apps/site/pages/ja/about/branding.mdx | 6 +- apps/site/pages/ko/about/branding.mdx | 6 +- apps/site/pages/pt/about/branding.mdx | 6 +- apps/site/pages/tr/about/branding.mdx | 6 +- apps/site/pages/uk/about/branding.mdx | 6 +- apps/site/pages/zh-cn/about/branding.mdx | 6 +- apps/site/pages/zh-tw/about/branding.mdx | 6 +- apps/site/styles/effects.css | 28 +- apps/site/styles/index.css | 36 +- apps/site/styles/markdown.css | 12 +- apps/site/tailwind.config.ts | 2 - package-lock.json | 397 ++------------------ 18 files changed, 120 insertions(+), 429 deletions(-) diff --git a/apps/site/components/withBlogCategories.tsx b/apps/site/components/withBlogCategories.tsx index f061e93013187..21537621b1b5a 100644 --- a/apps/site/components/withBlogCategories.tsx +++ b/apps/site/components/withBlogCategories.tsx @@ -30,7 +30,7 @@ const WithBlogCategories: FC = ({ tabs={categories} activeTab={blogData.category} > -
+
{blogData.posts.map(post => ( @@ -83,7 +83,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design Node.js White Stacked Logo @@ -108,7 +108,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design White JS Icons diff --git a/apps/site/pages/es/about/branding.mdx b/apps/site/pages/es/about/branding.mdx index 08ccf552e7e9d..d3d7023e70b24 100644 --- a/apps/site/pages/es/about/branding.mdx +++ b/apps/site/pages/es/about/branding.mdx @@ -48,7 +48,7 @@ Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por dise - Logo Apilado Claro de Node.js + Logo Apilado Claro de Node.js @@ -59,7 +59,7 @@ Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por dise - Logo Apilado Blanco de Node.js + Logo Apilado Blanco de Node.js @@ -76,7 +76,7 @@ Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por dise - Iconos Blanco de JS + Iconos Blanco de JS diff --git a/apps/site/pages/fa/about/branding.mdx b/apps/site/pages/fa/about/branding.mdx index f32e9d8e175f0..82c3c632893c0 100644 --- a/apps/site/pages/fa/about/branding.mdx +++ b/apps/site/pages/fa/about/branding.mdx @@ -42,7 +42,7 @@ layout: about - لوگو تراکم‌یافته روشن Node.js + لوگو تراکم‌یافته روشن Node.js @@ -52,7 +52,7 @@ layout: about - لوگو تراکم‌یافته سفید Node.js + لوگو تراکم‌یافته سفید Node.js @@ -66,7 +66,7 @@ layout: about - آیکون‌های JS سفید + آیکون‌های JS سفید diff --git a/apps/site/pages/fr/about/branding.mdx b/apps/site/pages/fr/about/branding.mdx index bd7fe749280d8..5fd4e7ee46947 100644 --- a/apps/site/pages/fr/about/branding.mdx +++ b/apps/site/pages/fr/about/branding.mdx @@ -48,7 +48,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c - Logo empilé clair de Node.js + Logo empilé clair de Node.js @@ -59,7 +59,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c - Logo empilé blanc de Node.js + Logo empilé blanc de Node.js @@ -76,7 +76,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c - Icons JS Blanc + Icons JS Blanc diff --git a/apps/site/pages/id/about/branding.mdx b/apps/site/pages/id/about/branding.mdx index 503745304067a..fb42878faee68 100644 --- a/apps/site/pages/id/about/branding.mdx +++ b/apps/site/pages/id/about/branding.mdx @@ -48,7 +48,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a - Logo Terang Bertumpuk Node.js® + Logo Terang Bertumpuk Node.js® @@ -59,7 +59,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a - Logo Bertumpuk Putih Node.js + Logo Bertumpuk Putih Node.js @@ -76,7 +76,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a - Ikon JS Putih + Ikon JS Putih diff --git a/apps/site/pages/ja/about/branding.mdx b/apps/site/pages/ja/about/branding.mdx index 2e2e19b65d342..d719926a22262 100644 --- a/apps/site/pages/ja/about/branding.mdx +++ b/apps/site/pages/ja/about/branding.mdx @@ -48,7 +48,7 @@ Node.jsのロゴやシンボルマークの許可されている利用方法に - Node.jsライトスタック型ロゴ + Node.jsライトスタック型ロゴ @@ -59,7 +59,7 @@ Node.jsのロゴやシンボルマークの許可されている利用方法に - Node.jsホワイトスタック型ロゴ + Node.jsホワイトスタック型ロゴ @@ -76,7 +76,7 @@ Node.jsのロゴやシンボルマークの許可されている利用方法に - JSアイコンホワイト + JSアイコンホワイト diff --git a/apps/site/pages/ko/about/branding.mdx b/apps/site/pages/ko/about/branding.mdx index 3b957d4cec5f4..98a99884f7c84 100644 --- a/apps/site/pages/ko/about/branding.mdx +++ b/apps/site/pages/ko/about/branding.mdx @@ -48,7 +48,7 @@ Node.js® 로고 및 마크의 허용 가능한 사용에 대한 정보는 [상 - Node.js 밝은 세로 로고 + Node.js 밝은 세로 로고 @@ -59,7 +59,7 @@ Node.js® 로고 및 마크의 허용 가능한 사용에 대한 정보는 [상 - Node.js 흰색 세로 로고 + Node.js 흰색 세로 로고 @@ -76,7 +76,7 @@ Node.js® 로고 및 마크의 허용 가능한 사용에 대한 정보는 [상 - 흰색 JS 아이콘 + 흰색 JS 아이콘 diff --git a/apps/site/pages/pt/about/branding.mdx b/apps/site/pages/pt/about/branding.mdx index e281a14fb546b..0e13c1059e342 100644 --- a/apps/site/pages/pt/about/branding.mdx +++ b/apps/site/pages/pt/about/branding.mdx @@ -48,7 +48,7 @@ Crédito a [@Ang_ngl on X](https://x.com/Ang_ngl) por desenhar e contribuir com - Logótipo Claro Empilhado da Node.js + Logótipo Claro Empilhado da Node.js @@ -59,7 +59,7 @@ Crédito a [@Ang_ngl on X](https://x.com/Ang_ngl) por desenhar e contribuir com - Logótipo Empilhado Branco da Node.js + Logótipo Empilhado Branco da Node.js @@ -76,7 +76,7 @@ Crédito a [@Ang_ngl on X](https://x.com/Ang_ngl) por desenhar e contribuir com - Ícones da JS Branco + Ícones da JS Branco diff --git a/apps/site/pages/tr/about/branding.mdx b/apps/site/pages/tr/about/branding.mdx index e3646bdebd2d0..d90bffb7e73c8 100644 --- a/apps/site/pages/tr/about/branding.mdx +++ b/apps/site/pages/tr/about/branding.mdx @@ -48,7 +48,7 @@ Roket Kaplumbağayı tasarlayıp katkıda bulunduğu için [X'de @Ang_ngl](https - Node.js Aydınlık Dikey Logo + Node.js Aydınlık Dikey Logo @@ -59,7 +59,7 @@ Roket Kaplumbağayı tasarlayıp katkıda bulunduğu için [X'de @Ang_ngl](https - Node.js Beyaz Dikey Logo + Node.js Beyaz Dikey Logo @@ -76,7 +76,7 @@ Roket Kaplumbağayı tasarlayıp katkıda bulunduğu için [X'de @Ang_ngl](https - Beyaz JS Simgeleri + Beyaz JS Simgeleri diff --git a/apps/site/pages/uk/about/branding.mdx b/apps/site/pages/uk/about/branding.mdx index 0d416c8a49ea4..d396267d3699b 100644 --- a/apps/site/pages/uk/about/branding.mdx +++ b/apps/site/pages/uk/about/branding.mdx @@ -48,7 +48,7 @@ layout: about - Світлий складений логотип Node.js® + Світлий складений логотип Node.js® @@ -59,7 +59,7 @@ layout: about - Білий складений логотип Node.js® + Білий складений логотип Node.js® @@ -76,7 +76,7 @@ layout: about - Білий значок JS + Білий значок JS diff --git a/apps/site/pages/zh-cn/about/branding.mdx b/apps/site/pages/zh-cn/about/branding.mdx index c830dd83aceec..8f5bb18d42dc4 100644 --- a/apps/site/pages/zh-cn/about/branding.mdx +++ b/apps/site/pages/zh-cn/about/branding.mdx @@ -42,7 +42,7 @@ Node.js 的品牌化 - Node.js 亮色堆叠形式 Logo + Node.js 亮色堆叠形式 Logo @@ -52,7 +52,7 @@ Node.js 的品牌化 - Node.js 白色堆叠形式 Logo + Node.js 白色堆叠形式 Logo @@ -66,7 +66,7 @@ Node.js 的品牌化 - 白色 JS 图标 + 白色 JS 图标 diff --git a/apps/site/pages/zh-tw/about/branding.mdx b/apps/site/pages/zh-tw/about/branding.mdx index 3f8ae48f8962c..f5c4024ed1ebe 100644 --- a/apps/site/pages/zh-tw/about/branding.mdx +++ b/apps/site/pages/zh-tw/about/branding.mdx @@ -42,7 +42,7 @@ Node.js 的品牌形象 - Node.js® 亮色堆疊標誌 + Node.js® 亮色堆疊標誌 @@ -52,7 +52,7 @@ Node.js 的品牌形象 - Node.js® 白色堆疊標誌 + Node.js® 白色堆疊標誌 @@ -66,7 +66,7 @@ Node.js 的品牌形象 - 白色 JS 圖示 + 白色 JS 圖示 diff --git a/apps/site/styles/effects.css b/apps/site/styles/effects.css index 874840458209a..f4907a95164d1 100644 --- a/apps/site/styles/effects.css +++ b/apps/site/styles/effects.css @@ -1,5 +1,6 @@ -h1.special { - @apply bg-gradient-subtle-gray +@utility special { + &h1 { + @apply bg-gradient-subtle-gray dark:bg-gradient-subtle-white bg-clip-text text-4xl @@ -9,35 +10,36 @@ h1.special { md:text-5xl md:leading-[4rem] md:-tracking-[0.06rem]; + } } -.turtle { +@utility turtle { @apply animate-surf absolute z-10 translate-x-0 translate-y-0; -} -.turtle img { - @apply h-auto + & img { + @apply h-auto w-24 md:w-48; -} + } -.turtle::after { - @apply absolute - -left-full + &::after { + @apply absolute top-[20%] + -left-full -z-10 block h-36 w-36 -rotate-90 - select-none bg-[url('/static/images/smoke.gif')] opacity-[0.15] content-[''] - md:-left-1/2 - md:top-1/2; + select-none + md:top-1/2 + md:-left-1/2; + } } diff --git a/apps/site/styles/index.css b/apps/site/styles/index.css index 6082cc5a99176..e6640a1ed9644 100644 --- a/apps/site/styles/index.css +++ b/apps/site/styles/index.css @@ -9,9 +9,11 @@ @import 'tailwindcss'; @import './base.css' layer(utilities); @import './markdown.css' layer(utilities); -@import './effects.css' layer(utilities); +@import './effects.css'; @import './locals.css' layer(utilities); +@config '../tailwind.config.ts'; + @theme { --green-100: #edf2eb; --green-200: #c5e5b4; @@ -85,9 +87,9 @@ --transparent: 'transparent'; --shadow: #101828; --inherit: 'inherit'; - --shadow-xs: 0px 1px 2px 0px theme(colors.shadow / 5%); - --shadow-lg: 0px 4px 6px -2px theme(colors.shadow / 3%), - 0px 12px 16px -4px theme(colors.shadow / 8%); + --shadow-xs: 0px 1px 2px 0px --theme(--color-shadow / 5%); + --shadow-lg: 0px 4px 6px -2px --theme(--color-shadow / 3%), + 0px 12px 16px -4px --theme(--color-shadow / 8%); --font-open-sans: var(--font-open-sans); --ibm-plex-mono: var(--font-ibm-plex-mono); --font-weight-regular: '400'; @@ -145,21 +147,39 @@ @keyframes pulse { from { - background: theme(colors.pulse.100); + background: var(--color-pulse-100); } to { - background: theme('colors.pulse.200'); + background: var(--color-pulse-200); } } @keyframes pulse-dark { from { - background: theme(colors.pulse.300); + background: var(--color-pulse-300); } to { - background: theme(colors.pulse.400); + background: var(--color-pulse-400); } } } + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} diff --git a/apps/site/styles/markdown.css b/apps/site/styles/markdown.css index 4f60ba4a38a91..493fe2baaa7b2 100644 --- a/apps/site/styles/markdown.css +++ b/apps/site/styles/markdown.css @@ -60,7 +60,7 @@ main { code { @apply font-ibm-plex-mono - rounded + rounded-sm bg-neutral-100 px-1 text-base @@ -102,14 +102,14 @@ main { ul { @apply list-disc - pl-9 pr-5 + pl-9 leading-6 text-neutral-900 dark:text-white; li div:has(> pre) { - @apply !my-1; + @apply my-1!; } } @@ -121,7 +121,7 @@ main { dark:text-white; li div:has(> pre) { - @apply !my-1; + @apply my-1!; } } @@ -130,7 +130,7 @@ main { w-full border-separate border-spacing-0 - rounded + rounded-sm border border-neutral-200 text-left @@ -142,8 +142,8 @@ main { @apply max-xs:block max-xs:border-l-0 border - border-r-0 border-t-0 + border-r-0 border-neutral-200 px-4 py-2 diff --git a/apps/site/tailwind.config.ts b/apps/site/tailwind.config.ts index 49e90dc0ac42a..a96909539de86 100644 --- a/apps/site/tailwind.config.ts +++ b/apps/site/tailwind.config.ts @@ -173,8 +173,6 @@ export default { }, darkMode: ['selector', '[data-theme="dark"]'], plugins: [ - require('@savvywombat/tailwindcss-grid-areas'), - require('@tailwindcss/container-queries'), plugin(function ({ addUtilities }) { addUtilities({ '.scrollbar-thin': { diff --git a/package-lock.json b/package-lock.json index e30cbbf21ce7f..a36865cdcfb64 100644 --- a/package-lock.json +++ b/package-lock.json @@ -51,8 +51,6 @@ "@radix-ui/react-tabs": "^1.1.3", "@radix-ui/react-toast": "^1.2.6", "@radix-ui/react-tooltip": "^1.1.8", - "@savvywombat/tailwindcss-grid-areas": "~4.0.0", - "@tailwindcss/container-queries": "~0.1.1", "@tailwindcss/postcss": "^4.0.8", "@vcarl/remark-headings": "~0.1.0", "@vercel/analytics": "~1.5.0", @@ -3073,6 +3071,7 @@ "version": "0.3.8", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", + "devOptional": true, "license": "MIT", "dependencies": { "@jridgewell/set-array": "^1.2.1", @@ -3087,6 +3086,7 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "devOptional": true, "license": "MIT", "engines": { "node": ">=6.0.0" @@ -3096,6 +3096,7 @@ "version": "1.2.1", "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "devOptional": true, "license": "MIT", "engines": { "node": ">=6.0.0" @@ -3116,12 +3117,14 @@ "version": "1.5.0", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==", + "devOptional": true, "license": "MIT" }, "node_modules/@jridgewell/trace-mapping": { "version": "0.3.25", "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "devOptional": true, "license": "MIT", "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", @@ -3412,6 +3415,7 @@ "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.stat": "2.0.5", @@ -3425,6 +3429,7 @@ "version": "2.0.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -3434,6 +3439,7 @@ "version": "1.2.8", "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.scandir": "2.1.5", @@ -4137,6 +4143,7 @@ "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, "license": "MIT", "optional": true, "engines": { @@ -4946,18 +4953,6 @@ "dev": true, "license": "MIT" }, - "node_modules/@savvywombat/tailwindcss-grid-areas": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@savvywombat/tailwindcss-grid-areas/-/tailwindcss-grid-areas-4.0.0.tgz", - "integrity": "sha512-gjEGTltsGfy+AJQqhkuQKQGp/SB0XzXT3ZNmrOfuwPGF5DLg5GsN5XHiaYhudMvmBwRp+9k6wrZhHBM0lhEgJA==", - "license": "MIT", - "engines": { - "node": ">=16.20.2" - }, - "peerDependencies": { - "tailwindcss": "^3.0.1" - } - }, "node_modules/@shikijs/core": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.1.0.tgz", @@ -5890,15 +5885,6 @@ "@swc/counter": "^0.1.3" } }, - "node_modules/@tailwindcss/container-queries": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz", - "integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==", - "license": "MIT", - "peerDependencies": { - "tailwindcss": ">=3.2.0" - } - }, "node_modules/@tailwindcss/node": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.8.tgz", @@ -5910,12 +5896,6 @@ "tailwindcss": "4.0.8" } }, - "node_modules/@tailwindcss/node/node_modules/tailwindcss": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz", - "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==", - "license": "MIT" - }, "node_modules/@tailwindcss/oxide": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.8.tgz", @@ -6128,12 +6108,6 @@ "tailwindcss": "4.0.8" } }, - "node_modules/@tailwindcss/postcss/node_modules/tailwindcss": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz", - "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==", - "license": "MIT" - }, "node_modules/@testing-library/dom": { "version": "10.4.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz", @@ -7586,17 +7560,11 @@ "node": ">=4" } }, - "node_modules/any-promise": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", - "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", - "license": "MIT", - "peer": true - }, "node_modules/anymatch": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", + "dev": true, "license": "ISC", "dependencies": { "normalize-path": "^3.0.0", @@ -7606,13 +7574,6 @@ "node": ">= 8" } }, - "node_modules/arg": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", - "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", - "license": "MIT", - "peer": true - }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -8176,6 +8137,7 @@ "version": "2.3.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -8579,6 +8541,7 @@ "version": "3.6.0", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, "license": "MIT", "dependencies": { "anymatch": "~3.1.2", @@ -8603,6 +8566,7 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, "license": "ISC", "dependencies": { "is-glob": "^4.0.1" @@ -9705,13 +9669,6 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/didyoumean": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", - "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", - "license": "Apache-2.0", - "peer": true - }, "node_modules/diff": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz", @@ -9745,13 +9702,6 @@ "node": ">=8" } }, - "node_modules/dlv": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", - "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", - "license": "MIT", - "peer": true - }, "node_modules/doctrine": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", @@ -11614,6 +11564,7 @@ "version": "3.3.3", "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz", "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.stat": "^2.0.2", @@ -11630,6 +11581,7 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, "license": "ISC", "dependencies": { "is-glob": "^4.0.1" @@ -11690,6 +11642,7 @@ "version": "1.19.1", "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz", "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==", + "dev": true, "license": "ISC", "dependencies": { "reusify": "^1.0.4" @@ -12139,6 +12092,7 @@ "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, "hasInstallScript": true, "license": "MIT", "optional": true, @@ -12356,6 +12310,7 @@ "version": "6.0.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, "license": "ISC", "dependencies": { "is-glob": "^4.0.3" @@ -13506,6 +13461,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, "license": "MIT", "dependencies": { "binary-extensions": "^2.0.0" @@ -13674,6 +13630,7 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -13740,6 +13697,7 @@ "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, "license": "MIT", "dependencies": { "is-extglob": "^2.1.1" @@ -18197,6 +18155,7 @@ "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -19010,6 +18969,7 @@ "version": "9.0.5", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, "license": "ISC", "dependencies": { "brace-expansion": "^2.0.1" @@ -19083,18 +19043,6 @@ "dev": true, "license": "ISC" }, - "node_modules/mz": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", - "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", - "license": "MIT", - "peer": true, - "dependencies": { - "any-promise": "^1.0.0", - "object-assign": "^4.0.1", - "thenify-all": "^1.0.0" - } - }, "node_modules/nanoid": { "version": "3.3.8", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz", @@ -19316,6 +19264,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -19413,21 +19362,12 @@ "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" } }, - "node_modules/object-hash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", - "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", - "license": "MIT", - "peer": true, - "engines": { - "node": ">= 6" - } - }, "node_modules/object-inspect": { "version": "1.13.4", "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", @@ -20026,6 +19966,7 @@ "version": "4.0.6", "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, "license": "MIT", "engines": { "node": ">= 6" @@ -20251,42 +20192,6 @@ "postcss": "^8.4.21" } }, - "node_modules/postcss-load-config": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", - "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "peer": true, - "dependencies": { - "lilconfig": "^3.0.0", - "yaml": "^2.3.4" - }, - "engines": { - "node": ">= 14" - }, - "peerDependencies": { - "postcss": ">=8.0.9", - "ts-node": ">=9.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - }, - "ts-node": { - "optional": true - } - } - }, "node_modules/postcss-loader": { "version": "8.1.1", "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz", @@ -20418,46 +20323,6 @@ "postcss": "^8.1.0" } }, - "node_modules/postcss-nested": { - "version": "6.2.0", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz", - "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==", - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "license": "MIT", - "peer": true, - "dependencies": { - "postcss-selector-parser": "^6.1.1" - }, - "engines": { - "node": ">=12.0" - }, - "peerDependencies": { - "postcss": "^8.2.14" - } - }, - "node_modules/postcss-nested/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "license": "MIT", - "peer": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/postcss-resolve-nested-selector": { "version": "0.1.6", "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.6.tgz", @@ -20841,6 +20706,7 @@ "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, "funding": [ { "type": "github", @@ -21082,6 +20948,7 @@ "version": "3.6.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dev": true, "license": "MIT", "dependencies": { "picomatch": "^2.2.1" @@ -22667,6 +22534,7 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz", "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==", + "dev": true, "license": "MIT", "engines": { "iojs": ">=1.0.0", @@ -22756,6 +22624,7 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, "funding": [ { "type": "github", @@ -24035,100 +23904,6 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/sucrase": { - "version": "3.35.0", - "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz", - "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==", - "license": "MIT", - "peer": true, - "dependencies": { - "@jridgewell/gen-mapping": "^0.3.2", - "commander": "^4.0.0", - "glob": "^10.3.10", - "lines-and-columns": "^1.1.6", - "mz": "^2.7.0", - "pirates": "^4.0.1", - "ts-interface-checker": "^0.1.9" - }, - "bin": { - "sucrase": "bin/sucrase", - "sucrase-node": "bin/sucrase-node" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - } - }, - "node_modules/sucrase/node_modules/commander": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", - "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "license": "MIT", - "peer": true, - "engines": { - "node": ">= 6" - } - }, - "node_modules/sucrase/node_modules/glob": { - "version": "10.4.5", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", - "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", - "license": "ISC", - "peer": true, - "dependencies": { - "foreground-child": "^3.1.0", - "jackspeak": "^3.1.2", - "minimatch": "^9.0.4", - "minipass": "^7.1.2", - "package-json-from-dist": "^1.0.0", - "path-scurry": "^1.11.1" - }, - "bin": { - "glob": "dist/esm/bin.mjs" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/sucrase/node_modules/jackspeak": { - "version": "3.4.3", - "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", - "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", - "license": "BlueOak-1.0.0", - "peer": true, - "dependencies": { - "@isaacs/cliui": "^8.0.2" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - }, - "optionalDependencies": { - "@pkgjs/parseargs": "^0.11.0" - } - }, - "node_modules/sucrase/node_modules/lru-cache": { - "version": "10.4.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", - "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", - "license": "ISC", - "peer": true - }, - "node_modules/sucrase/node_modules/path-scurry": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", - "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", - "license": "BlueOak-1.0.0", - "peer": true, - "dependencies": { - "lru-cache": "^10.2.0", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" - }, - "engines": { - "node": ">=16 || 14 >=14.18" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/sugarss": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-4.0.1.tgz", @@ -24345,84 +24120,10 @@ } }, "node_modules/tailwindcss": { - "version": "3.4.17", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz", - "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==", - "license": "MIT", - "peer": true, - "dependencies": { - "@alloc/quick-lru": "^5.2.0", - "arg": "^5.0.2", - "chokidar": "^3.6.0", - "didyoumean": "^1.2.2", - "dlv": "^1.1.3", - "fast-glob": "^3.3.2", - "glob-parent": "^6.0.2", - "is-glob": "^4.0.3", - "jiti": "^1.21.6", - "lilconfig": "^3.1.3", - "micromatch": "^4.0.8", - "normalize-path": "^3.0.0", - "object-hash": "^3.0.0", - "picocolors": "^1.1.1", - "postcss": "^8.4.47", - "postcss-import": "^15.1.0", - "postcss-js": "^4.0.1", - "postcss-load-config": "^4.0.2", - "postcss-nested": "^6.2.0", - "postcss-selector-parser": "^6.1.2", - "resolve": "^1.22.8", - "sucrase": "^3.35.0" - }, - "bin": { - "tailwind": "lib/cli.js", - "tailwindcss": "lib/cli.js" - }, - "engines": { - "node": ">=14.0.0" - } - }, - "node_modules/tailwindcss/node_modules/jiti": { - "version": "1.21.7", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz", - "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", - "license": "MIT", - "peer": true, - "bin": { - "jiti": "bin/jiti.js" - } - }, - "node_modules/tailwindcss/node_modules/postcss-import": { - "version": "15.1.0", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", - "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", - "license": "MIT", - "peer": true, - "dependencies": { - "postcss-value-parser": "^4.0.0", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "postcss": "^8.0.0" - } - }, - "node_modules/tailwindcss/node_modules/postcss-selector-parser": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", - "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", - "license": "MIT", - "peer": true, - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz", + "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==", + "license": "MIT" }, "node_modules/tapable": { "version": "2.2.1", @@ -24637,29 +24338,6 @@ "node": "*" } }, - "node_modules/thenify": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", - "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", - "license": "MIT", - "peer": true, - "dependencies": { - "any-promise": "^1.0.0" - } - }, - "node_modules/thenify-all": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", - "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", - "license": "MIT", - "peer": true, - "dependencies": { - "thenify": ">= 3.1.0 < 4" - }, - "engines": { - "node": ">=0.8" - } - }, "node_modules/through": { "version": "2.3.8", "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", @@ -24850,13 +24528,6 @@ "node": ">=6.10" } }, - "node_modules/ts-interface-checker": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", - "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", - "license": "Apache-2.0", - "peer": true - }, "node_modules/tsconfig-paths": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz", From 47c2439feb0211bca1cb2f01c63afcea47f18e05 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sun, 23 Feb 2025 22:56:52 +0000 Subject: [PATCH 04/10] update common componnets imports --- .../Blog/BlogHeader/index.module.css | 25 +++------- .../Common/AlertBox/index.module.css | 2 + .../AvatarGroup/Avatar/index.module.css | 2 + .../AvatarGroup/Overlay/index.module.css | 2 + .../Common/AvatarGroup/index.module.css | 2 + .../components/Common/Badge/index.module.css | 4 +- .../components/Common/Banner/index.module.css | 2 + .../Common/Blockquote/index.module.css | 2 + .../Common/BlogPostCard/index.module.css | 6 ++- .../BreadcrumbHomeLink/index.module.css | 2 + .../BreadcrumbItem/index.module.css | 2 + .../BreadcrumbLink/index.module.css | 2 + .../BreadcrumbRoot/index.module.css | 2 + .../components/Common/Button/index.module.css | 12 +++-- .../Common/CodeBox/index.module.css | 8 ++-- .../Common/CodeTabs/index.module.css | 2 + .../Common/CrossLink/index.module.css | 2 + .../Common/GlowingBackdrop/index.module.css | 4 +- .../Common/LanguageDropDown/index.module.css | 2 + .../Common/LinkTabs/index.module.css | 4 +- .../Common/NodejsLogo/index.module.css | 2 + .../Common/Notification/index.module.css | 2 + .../Pagination/Ellipsis/index.module.css | 2 + .../PaginationListItem/index.module.css | 8 ++-- .../Common/Pagination/index.module.css | 2 + .../Common/Preview/index.module.css | 46 ++++++++++--------- .../ProgressionSidebarGroup/index.module.css | 6 ++- .../ProgressionSidebarItem/index.module.css | 2 + .../ProgressionSidebar/index.module.css | 2 + .../components/Common/Select/index.module.css | 16 ++++--- .../Common/Skeleton/index.module.css | 6 ++- .../components/Common/Tabs/index.module.css | 6 ++- .../Common/ThemeToggle/index.module.css | 2 + .../Common/Tooltip/index.module.css | 2 + 34 files changed, 124 insertions(+), 69 deletions(-) diff --git a/apps/site/components/Blog/BlogHeader/index.module.css b/apps/site/components/Blog/BlogHeader/index.module.css index b7a0764768f5f..d5dffb4bcbe29 100644 --- a/apps/site/components/Blog/BlogHeader/index.module.css +++ b/apps/site/components/Blog/BlogHeader/index.module.css @@ -1,34 +1,23 @@ +@reference "../../../styles/index.css"; + .blogHeader { h1 { - @apply inline-flex - w-full - items-center - justify-between; + @apply inline-flex w-full items-center justify-between; a { - @apply inline-flex - size-9 - items-center - justify-center - rounded-md - p-2; + @apply inline-flex size-9 items-center justify-center rounded-md p-2; &:hover { - @apply bg-neutral-100 - dark:bg-neutral-900; + @apply bg-neutral-100 dark:bg-neutral-900; } } svg { - @apply size-6 - text-neutral-500; + @apply size-6 text-neutral-500; } } p { - @apply text-lg - font-medium - text-neutral-800 - dark:text-neutral-200; + @apply text-lg font-medium text-neutral-800 dark:text-neutral-200; } } diff --git a/apps/site/components/Common/AlertBox/index.module.css b/apps/site/components/Common/AlertBox/index.module.css index c3e31ae888704..e6604ddeeea99 100644 --- a/apps/site/components/Common/AlertBox/index.module.css +++ b/apps/site/components/Common/AlertBox/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .alertBox { @apply flex flex-row diff --git a/apps/site/components/Common/AvatarGroup/Avatar/index.module.css b/apps/site/components/Common/AvatarGroup/Avatar/index.module.css index b96dded805343..fda686c5a197f 100644 --- a/apps/site/components/Common/AvatarGroup/Avatar/index.module.css +++ b/apps/site/components/Common/AvatarGroup/Avatar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .item { @apply xs:max-h-10 xs:max-w-10 diff --git a/apps/site/components/Common/AvatarGroup/Overlay/index.module.css b/apps/site/components/Common/AvatarGroup/Overlay/index.module.css index 7c8188658b62c..22aecba575589 100644 --- a/apps/site/components/Common/AvatarGroup/Overlay/index.module.css +++ b/apps/site/components/Common/AvatarGroup/Overlay/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .overlay { @apply flex min-w-56 diff --git a/apps/site/components/Common/AvatarGroup/index.module.css b/apps/site/components/Common/AvatarGroup/index.module.css index 91766d2b7faed..28c8546d75af5 100644 --- a/apps/site/components/Common/AvatarGroup/index.module.css +++ b/apps/site/components/Common/AvatarGroup/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .avatarGroup { @apply flex flex-wrap diff --git a/apps/site/components/Common/Badge/index.module.css b/apps/site/components/Common/Badge/index.module.css index 40c28b3285188..f593141f39f3f 100644 --- a/apps/site/components/Common/Badge/index.module.css +++ b/apps/site/components/Common/Badge/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .wrapper { @apply flex w-fit @@ -5,8 +7,8 @@ rounded-full border py-1 - pl-1 pr-2.5 + pl-1 text-sm font-medium; diff --git a/apps/site/components/Common/Banner/index.module.css b/apps/site/components/Common/Banner/index.module.css index f3c2b9c1ec77c..0fe2cf0a6259e 100644 --- a/apps/site/components/Common/Banner/index.module.css +++ b/apps/site/components/Common/Banner/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .banner { @apply flex w-full diff --git a/apps/site/components/Common/Blockquote/index.module.css b/apps/site/components/Common/Blockquote/index.module.css index 410802f9cb90f..f91b5411b9aab 100644 --- a/apps/site/components/Common/Blockquote/index.module.css +++ b/apps/site/components/Common/Blockquote/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .wrapper { @apply flex max-w-2xl diff --git a/apps/site/components/Common/BlogPostCard/index.module.css b/apps/site/components/Common/BlogPostCard/index.module.css index 178d193cda6e7..53ec2686369f0 100644 --- a/apps/site/components/Common/BlogPostCard/index.module.css +++ b/apps/site/components/Common/BlogPostCard/index.module.css @@ -1,11 +1,13 @@ +@reference "../../../styles/index.css"; + .container { @apply max-w-full flex-1; } .subtitle { - @apply mb-2 - mt-6 + @apply mt-6 + mb-2 inline-block text-xs font-semibold diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css index bb1daa3ce8b60..26edb2fcc3701 100644 --- a/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .icon { @apply size-4; } diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css index 713fad32dac39..e186268737ac3 100644 --- a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css +++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .item { @apply flex max-w-fit diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css index ea0d6b9db96b5..07fd2161a9878 100644 --- a/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css +++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .link { @apply max-w-fit truncate; diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css index 51043398d4657..af186b419b4e0 100644 --- a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .list { @apply xs:w-full flex diff --git a/apps/site/components/Common/Button/index.module.css b/apps/site/components/Common/Button/index.module.css index 6f2d69b8e9bef..00c1d3883e3d0 100644 --- a/apps/site/components/Common/Button/index.module.css +++ b/apps/site/components/Common/Button/index.module.css @@ -1,10 +1,12 @@ +@reference "../../../styles/index.css"; + .button { - @apply px-4.5 - relative + @apply relative inline-flex items-center justify-center gap-2 + px-4.5 py-2.5 text-center font-semibold @@ -105,9 +107,9 @@ &::before { @apply bg-gradient-glow-backdrop absolute - left-0 - right-0 top-0 + right-0 + left-0 -z-10 mx-auto h-full @@ -119,8 +121,8 @@ &::after { @apply absolute -top-px - left-0 right-0 + left-0 mx-auto h-px w-2/5 diff --git a/apps/site/components/Common/CodeBox/index.module.css b/apps/site/components/Common/CodeBox/index.module.css index 424d721f17e29..d989ca87e3a6a 100644 --- a/apps/site/components/Common/CodeBox/index.module.css +++ b/apps/site/components/Common/CodeBox/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .root { @apply w-full rounded @@ -33,12 +35,12 @@ } &:not(:empty:last-child)::after { - @apply w-4.5 - font-ibm-plex-mono + @apply font-ibm-plex-mono absolute - left-0 top-0 + left-0 mr-4 + w-4.5 text-right text-neutral-600 [content:counter(line)] diff --git a/apps/site/components/Common/CodeTabs/index.module.css b/apps/site/components/Common/CodeTabs/index.module.css index 5c79f7ecd4fd4..2e49f32bdfc93 100644 --- a/apps/site/components/Common/CodeTabs/index.module.css +++ b/apps/site/components/Common/CodeTabs/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .root { > [role='tabpanel'] > :first-child { @apply rounded-t-none; diff --git a/apps/site/components/Common/CrossLink/index.module.css b/apps/site/components/Common/CrossLink/index.module.css index 0e2d8d959e1dd..7928a73e12009 100644 --- a/apps/site/components/Common/CrossLink/index.module.css +++ b/apps/site/components/Common/CrossLink/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .crossLink { @apply flex flex-col diff --git a/apps/site/components/Common/GlowingBackdrop/index.module.css b/apps/site/components/Common/GlowingBackdrop/index.module.css index a7f2d817c3091..f4a8ac7fa0c12 100644 --- a/apps/site/components/Common/GlowingBackdrop/index.module.css +++ b/apps/site/components/Common/GlowingBackdrop/index.module.css @@ -1,7 +1,9 @@ +@reference "../../../styles/index.css"; + .glowingBackdrop { @apply absolute - left-0 top-0 + left-0 -z-10 size-full opacity-50 diff --git a/apps/site/components/Common/LanguageDropDown/index.module.css b/apps/site/components/Common/LanguageDropDown/index.module.css index 7f1a0d1052106..66dd703d8d206 100644 --- a/apps/site/components/Common/LanguageDropDown/index.module.css +++ b/apps/site/components/Common/LanguageDropDown/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .languageDropdown { @apply h-9 w-9 diff --git a/apps/site/components/Common/LinkTabs/index.module.css b/apps/site/components/Common/LinkTabs/index.module.css index c8f766392b409..77dcdd19e480b 100644 --- a/apps/site/components/Common/LinkTabs/index.module.css +++ b/apps/site/components/Common/LinkTabs/index.module.css @@ -1,8 +1,10 @@ +@reference "../../../styles/index.css"; + .tabsList { @apply font-open-sans max-xs:hidden - mb-6 mt-10 + mb-6 flex gap-2 border-b diff --git a/apps/site/components/Common/NodejsLogo/index.module.css b/apps/site/components/Common/NodejsLogo/index.module.css index 2e74ac633f684..f253c9f4f593f 100644 --- a/apps/site/components/Common/NodejsLogo/index.module.css +++ b/apps/site/components/Common/NodejsLogo/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .nodejsLogo { @apply h-6 w-20; diff --git a/apps/site/components/Common/Notification/index.module.css b/apps/site/components/Common/Notification/index.module.css index 981e1b9d03cb8..52016aa60fcc1 100644 --- a/apps/site/components/Common/Notification/index.module.css +++ b/apps/site/components/Common/Notification/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .root { @apply m-6 rounded diff --git a/apps/site/components/Common/Pagination/Ellipsis/index.module.css b/apps/site/components/Common/Pagination/Ellipsis/index.module.css index b4ce7ce86b786..df82c6260eb2b 100644 --- a/apps/site/components/Common/Pagination/Ellipsis/index.module.css +++ b/apps/site/components/Common/Pagination/Ellipsis/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .ellipsis { @apply w-10 px-3 diff --git a/apps/site/components/Common/Pagination/PaginationListItem/index.module.css b/apps/site/components/Common/Pagination/PaginationListItem/index.module.css index ca629ffce0a31..9476f41992fc4 100644 --- a/apps/site/components/Common/Pagination/PaginationListItem/index.module.css +++ b/apps/site/components/Common/Pagination/PaginationListItem/index.module.css @@ -1,9 +1,9 @@ +@reference "../../../../styles/index.css"; + .listItem, .listItem:link, .listItem:active { - @apply aria-current:bg-green-600 - aria-current:text-white - flex + @apply flex size-10 items-center justify-center @@ -11,6 +11,8 @@ px-3 py-2.5 text-neutral-800 + aria-current:bg-green-600 + aria-current:text-white motion-safe:transition-colors dark:text-neutral-200; diff --git a/apps/site/components/Common/Pagination/index.module.css b/apps/site/components/Common/Pagination/index.module.css index 9a7b5936e7e98..ac1eacf6da0e5 100644 --- a/apps/site/components/Common/Pagination/index.module.css +++ b/apps/site/components/Common/Pagination/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .pagination { @apply grid items-center diff --git a/apps/site/components/Common/Preview/index.module.css b/apps/site/components/Common/Preview/index.module.css index d2a68ff0df3fb..37dbed25194ae 100644 --- a/apps/site/components/Common/Preview/index.module.css +++ b/apps/site/components/Common/Preview/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .root { @apply @container/preview relative @@ -11,7 +13,6 @@ &::after { @apply bg-gradient-radial - @md/preview:blur-3xl absolute inset-0 m-auto @@ -19,7 +20,8 @@ w-1/3 rounded-full blur-2xl - content-['']; + content-[''] + @md/preview:blur-3xl; &.announcements { @apply from-green-700/90; @@ -35,15 +37,7 @@ } .container { - @apply @sm/preview:text-base - @md/preview:gap-6 - @md/preview:text-lg - @lg/preview:gap-8 - @lg/preview:text-xl - @xl/preview:gap-12 - @xl/preview:text-2xl - @2xl/preview:text-3xl - z-10 + @apply z-10 mx-auto flex w-2/3 @@ -53,29 +47,37 @@ text-center text-xs font-semibold - text-white; + text-white + @sm/preview:text-base + @md/preview:gap-6 + @md/preview:text-lg + @lg/preview:gap-8 + @lg/preview:text-xl + @xl/preview:gap-12 + @xl/preview:text-2xl + @2xl/preview:text-3xl; .hexagon { - @apply @md/preview:h-3/5 + @apply absolute + inset-0 + m-auto + size-full + @md/preview:h-3/5 @md/preview:w-3/5 @lg/preview:h-2/3 @lg/preview:w-2/3 @xl/preview:h-3/5 @xl/preview:w-3/5 @2xl/preview:h-2/3 - @2xl/preview:w-2/3 - absolute - inset-0 - m-auto - size-full; + @2xl/preview:w-2/3; } .logo { - @apply @md/preview:size-14 + @apply mx-auto + size-6 + @md/preview:size-14 @lg/preview:size-16 - @xl/preview:size-20 - mx-auto - size-6; + @xl/preview:size-20; } } } diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css index b9a9678173251..6466db43150a8 100644 --- a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css +++ b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .group { @apply flex flex-col @@ -16,8 +18,8 @@ &::after { @apply absolute - left-[0.45rem] top-0 + left-[0.45rem] z-10 h-full w-px @@ -40,8 +42,8 @@ &:last-child::after { @apply absolute - left-0 top-[calc(50%+0.25rem)] + left-0 h-20 w-4 bg-white diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css index 1783a37464340..c0639b1131181 100644 --- a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css +++ b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + a.item { @apply font-regular relative diff --git a/apps/site/components/Common/ProgressionSidebar/index.module.css b/apps/site/components/Common/ProgressionSidebar/index.module.css index c986e4572678c..bdc3584038d42 100644 --- a/apps/site/components/Common/ProgressionSidebar/index.module.css +++ b/apps/site/components/Common/ProgressionSidebar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .wrapper { @apply flex w-full diff --git a/apps/site/components/Common/Select/index.module.css b/apps/site/components/Common/Select/index.module.css index 1e13248039a83..638404fc39d4c 100644 --- a/apps/site/components/Common/Select/index.module.css +++ b/apps/site/components/Common/Select/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .select { @apply inline-flex flex-col @@ -13,8 +15,7 @@ } .trigger { - @apply shadow-xs - inline-flex + @apply inline-flex h-11 w-full min-w-[17rem] @@ -31,6 +32,7 @@ text-base font-medium text-neutral-900 + shadow-xs outline-none focus:border-neutral-500 focus:ring-1 @@ -72,12 +74,12 @@ dark:bg-neutral-950; .item { - @apply select-none - truncate + @apply truncate px-2.5 py-1.5 text-sm - font-medium; + font-medium + select-none; } .text { @@ -134,12 +136,12 @@ .text { @apply text-neutral-900 - data-[highlighted]:bg-neutral-100 data-[disabled]:text-neutral-600 + data-[highlighted]:bg-neutral-100 data-[highlighted]:text-neutral-900 dark:text-white - dark:data-[highlighted]:bg-neutral-900 dark:data-[disabled]:text-neutral-700 + dark:data-[highlighted]:bg-neutral-900 dark:data-[highlighted]:text-white; } diff --git a/apps/site/components/Common/Skeleton/index.module.css b/apps/site/components/Common/Skeleton/index.module.css index 389dc00ca4499..89c6b060fdebc 100644 --- a/apps/site/components/Common/Skeleton/index.module.css +++ b/apps/site/components/Common/Skeleton/index.module.css @@ -1,15 +1,17 @@ +@reference "../../../styles/index.css"; + .skeleton { @apply dark:animate-pulse-dark pointer-events-none animate-pulse cursor-default - select-none rounded-md border-none bg-clip-border text-transparent shadow-none - outline-none; + outline-none + select-none; } .skeleton[data-inline-skeleton] { diff --git a/apps/site/components/Common/Tabs/index.module.css b/apps/site/components/Common/Tabs/index.module.css index 1703d143e6b3a..02699ad79bae4 100644 --- a/apps/site/components/Common/Tabs/index.module.css +++ b/apps/site/components/Common/Tabs/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .tabsRoot { @apply max-w-full; @@ -9,13 +11,13 @@ overflow-x-auto; .tabsTrigger { - @apply whitespace-nowrap - border-b-2 + @apply border-b-2 border-b-transparent px-1 pb-[11px] text-sm font-semibold + whitespace-nowrap text-neutral-800 dark:text-neutral-200; diff --git a/apps/site/components/Common/ThemeToggle/index.module.css b/apps/site/components/Common/ThemeToggle/index.module.css index c2cd6bb230a91..2d7031977e663 100644 --- a/apps/site/components/Common/ThemeToggle/index.module.css +++ b/apps/site/components/Common/ThemeToggle/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .themeToggle { @apply size-9 rounded-md diff --git a/apps/site/components/Common/Tooltip/index.module.css b/apps/site/components/Common/Tooltip/index.module.css index 475db244ae82b..041d72b0f3af1 100644 --- a/apps/site/components/Common/Tooltip/index.module.css +++ b/apps/site/components/Common/Tooltip/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .content { @apply rounded-md border From 198a7d3941b969650245606348d2a22cc6415577 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sun, 23 Feb 2025 23:00:22 +0000 Subject: [PATCH 05/10] update container components imports --- apps/site/components/Containers/Footer/index.module.css | 2 ++ apps/site/components/Containers/MetaBar/index.module.css | 2 ++ apps/site/components/Containers/NavBar/NavItem/index.module.css | 2 ++ apps/site/components/Containers/NavBar/index.module.css | 2 ++ .../components/Containers/Sidebar/SidebarGroup/index.module.css | 2 ++ .../components/Containers/Sidebar/SidebarItem/index.module.css | 2 ++ apps/site/components/Containers/Sidebar/index.module.css | 2 ++ 7 files changed, 14 insertions(+) diff --git a/apps/site/components/Containers/Footer/index.module.css b/apps/site/components/Containers/Footer/index.module.css index e388fa5341dba..7ddf02a8baedf 100644 --- a/apps/site/components/Containers/Footer/index.module.css +++ b/apps/site/components/Containers/Footer/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .footer { @apply flex flex-col diff --git a/apps/site/components/Containers/MetaBar/index.module.css b/apps/site/components/Containers/MetaBar/index.module.css index 8d867a2b2e0d1..b3cdd6e0ccbc2 100644 --- a/apps/site/components/Containers/MetaBar/index.module.css +++ b/apps/site/components/Containers/MetaBar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .wrapper { @apply flex w-full diff --git a/apps/site/components/Containers/NavBar/NavItem/index.module.css b/apps/site/components/Containers/NavBar/NavItem/index.module.css index 17ccfee6aab58..639ae8dde0ac0 100644 --- a/apps/site/components/Containers/NavBar/NavItem/index.module.css +++ b/apps/site/components/Containers/NavBar/NavItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .navItem { @apply inline-flex items-center diff --git a/apps/site/components/Containers/NavBar/index.module.css b/apps/site/components/Containers/NavBar/index.module.css index 77f318d069a88..0d57d37162397 100644 --- a/apps/site/components/Containers/NavBar/index.module.css +++ b/apps/site/components/Containers/NavBar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .container { @apply border-neutral-200 bg-white diff --git a/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css b/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css index 52f0d7507fadf..e45cb0219a397 100644 --- a/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css +++ b/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .group { @apply flex w-full diff --git a/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css b/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css index 38c89b9fd6028..5ad6ebbd364e7 100644 --- a/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css +++ b/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .sideBarItem { @apply flex w-full diff --git a/apps/site/components/Containers/Sidebar/index.module.css b/apps/site/components/Containers/Sidebar/index.module.css index 7324ae7ba9f29..0936af78362e6 100644 --- a/apps/site/components/Containers/Sidebar/index.module.css +++ b/apps/site/components/Containers/Sidebar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .wrapper { @apply flex w-full From e3eb8a5ee51d147371738659d2d9c8eb6a9f3436 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sun, 2 Mar 2025 23:02:43 +0000 Subject: [PATCH 06/10] refactor: reorder CSS properties and update references to index.css --- .../next-data/og/[category]/[title]/route.tsx | 7 +- apps/site/components/Common/Search/utils.ts | 67 ++++---- .../Downloads/Release/ReleaseCodeBox.tsx | 2 +- .../MDX/Calendar/Event/index.module.css | 2 + .../MDX/Calendar/calendar.module.css | 2 + .../__design__/font-family.stories.tsx | 2 +- apps/site/layouts/layouts.module.css | 34 ++-- apps/site/styles/index.css | 151 +++++++++--------- apps/site/styles/locals.css | 6 +- apps/site/tailwind.config.ts | 140 ---------------- 10 files changed, 138 insertions(+), 275 deletions(-) diff --git a/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx b/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx index 844c9fa6753f5..9783979f7b67a 100644 --- a/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx +++ b/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx @@ -4,13 +4,12 @@ import HexagonGrid from '@/components/Icons/HexagonGrid'; import JsIconWhite from '@/components/Icons/Logos/JsIconWhite'; import { DEFAULT_CATEGORY_OG_TYPE } from '@/next.constants.mjs'; import { defaultLocale } from '@/next.locales.mjs'; -import tailwindConfig from '@/tailwind.config'; import { hexToRGBA } from '@/util/hexToRGBA'; const CATEGORY_TO_THEME_COLOUR_MAP = { - announcement: tailwindConfig.theme.colors.green['700'], - release: tailwindConfig.theme.colors.info['600'], - vulnerability: tailwindConfig.theme.colors.warning['600'], + announcement: 'var(--color-green-900)', + release: 'var(--color-info-600)', + vulnerability: 'var(--color-warning-600)', }; type Category = keyof typeof CATEGORY_TO_THEME_COLOUR_MAP; diff --git a/apps/site/components/Common/Search/utils.ts b/apps/site/components/Common/Search/utils.ts index fdab2c893008f..1b9597ae8fd51 100644 --- a/apps/site/components/Common/Search/utils.ts +++ b/apps/site/components/Common/Search/utils.ts @@ -1,46 +1,43 @@ -import tailwindConfig from '@/tailwind.config'; - -const colors = tailwindConfig.theme.colors; export const themeConfig = { typography: { '--font-primary': 'var(--font-open-sans)', }, colors: { light: { - '--text-color-primary': colors.neutral[900], - '--text-color-accent': colors.green[600], - '--background-color-secondary': colors.neutral[100], - '--background-color-tertiary': colors.neutral[300], - '--border-color-accent': colors.green[600], - '--border-color-primary': colors.neutral[200], - '--border-color-tertiary': colors.green[700], - '--button-background-color-primary': colors.green[600], - '--button-background-color-secondary': colors.white, - '--button-background-color-secondary-hover': colors.neutral[100], - '--button-border-color-secondary': colors.neutral[300], - '--button-text-color-secondary': colors.neutral[900], - '--chat-button-border-color-gradientThree': colors.green[400], - '--chat-button-border-color-gradientFour': colors.green[700], - '--chat-button-background-color-gradientOne': colors.green[600], - '--chat-button-background-color-gradientTwo': colors.green[300], + '--text-color-primary': 'var(--text-neutral-900)', + '--text-color-accent': 'var(--text-green-600)', + '--background-color-secondary': 'var(--bg-neutral-100)', + '--background-color-tertiary': 'var(--bg-neutral-300)', + '--border-color-accent': 'var(--border-green-600)', + '--border-color-primary': 'var(--border-neutral-200)', + '--border-color-tertiary': 'var(--border-green-700)', + '--button-background-color-primary': 'var(--bg-green-600)', + '--button-background-color-secondary': 'var(--bg-white)', + '--button-background-color-secondary-hover': 'var(--bg-neutral-100)', + '--button-border-color-secondary': 'var(--border-neutral-200)', + '--button-text-color-secondary': 'var(--text-neutral-900)', + '--chat-button-border-color-gradientThree': 'var(--border-green-700)', + '--chat-button-border-color-gradientFour': 'var(--border-green-600)', + '--chat-button-background-color-gradientOne': 'var(--bg-green-600)', + '--chat-button-background-color-gradientTwo': 'var(--bg-green-300)', }, dark: { - '--text-color-primary': colors.neutral[100], - '--text-color-accent': colors.green[400], - '--background-color-secondary': colors.neutral[950], - '--background-color-tertiary': colors.neutral[900], - '--border-color-accent': colors.green[400], - '--border-color-primary': colors.neutral[900], - '--border-color-tertiary': colors.green[300], - '--button-background-color-primary': colors.green[400], - '--button-background-color-secondary': colors.neutral[950], - '--button-background-color-secondary-hover': colors.neutral[900], - '--button-border-color-secondary': colors.neutral[900], - '--button-text-color-secondary': colors.neutral[200], - '--chat-button-border-color-gradientThree': colors.green[400], - '--chat-button-border-color-gradientFour': colors.green[700], - '--chat-button-background-color-gradientOne': colors.green[400], - '--chat-button-background-color-gradientTwo': colors.green[800], + '--text-color-primary': 'var(--text-neutral-100)', + '--text-color-accent': 'var(--text-green-400)', + '--background-color-secondary': 'var(--bg-neutral-950)', + '--background-color-tertiary': 'var(--bg-neutral-900)', + '--border-color-accent': 'var(--border-green-400)', + '--border-color-primary': 'var(--border-neutral-900)', + '--border-color-tertiary': 'var(--border-green-300)', + '--button-background-color-primary': 'var(--bg-green-600)', + '--button-background-color-secondary': 'var(--bg-neutral-900)', + '--button-background-color-secondary-hover': 'var(--bg-neutral-800)', + '--button-border-color-secondary': 'var(--border-neutral-900)', + '--button-text-color-secondary': 'var(--text-neutral-200)', + '--chat-button-border-color-gradientThree': 'var(--border-green-400)', + '--chat-button-border-color-gradientFour': 'var(--border-green-700)', + '--chat-button-background-color-gradientOne': 'var(--bg-green-400)', + '--chat-button-background-color-gradientTwo': 'var(--bg-green-800)', }, }, }; diff --git a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx index 70de6d02fc989..146c81544cdf1 100644 --- a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx +++ b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx @@ -94,7 +94,7 @@ const ReleaseCodeBox: FC = () => { } = currentPlatform ?? {}; return ( -
+