From 5b7e7b76c1ac521b8e0f67572c14aaf4846f82b0 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Sat, 29 Mar 2025 01:04:09 +0000 Subject: [PATCH 01/14] chore(tailwind): update to v4 --- apps/site/.postcssrc.json | 5 +- apps/site/.stylelintrc.mjs | 6 +- .../next-data/og/[category]/[title]/route.tsx | 7 +- .../Blog/BlogHeader/index.module.css | 2 + .../Blog/BlogPostCard/index.module.css | 2 + apps/site/components/Common/Search/utils.ts | 67 +- .../Downloads/DownloadButton/index.module.css | 2 + .../MDX/Calendar/Event/index.module.css | 2 + .../MDX/Calendar/calendar.module.css | 2 + apps/site/components/withBlogCategories.tsx | 2 +- apps/site/layouts/layouts.module.css | 20 +- apps/site/package.json | 5 +- apps/site/pages/en/about/branding.mdx | 6 +- apps/site/pages/fa/about/branding.mdx | 6 +- apps/site/pages/tr/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 | 41 +- apps/site/tailwind.config.ts | 5 - package-lock.json | 913 ++++++++++-------- packages/ui-components/.postcssrc.json | 5 +- packages/ui-components/.stylelintrc.mjs | 7 +- .../Common/AlertBox/index.module.css | 6 +- .../AvatarGroup/Avatar/index.module.css | 2 + .../AvatarGroup/Overlay/index.module.css | 2 + .../Common/AvatarGroup/index.module.css | 2 + .../Common/Badge/index.module.css | 2 + .../Common/Banner/index.module.css | 2 + .../Common/BaseButton/index.module.css | 66 +- .../Common/BaseCodeBox/index.module.css | 8 +- .../Common/BaseCrossLink/index.module.css | 4 +- .../Common/BaseLinkTabs/index.module.css | 2 + .../BasePagination/Ellipsis/index.module.css | 2 + .../PaginationListItem/index.module.css | 4 +- .../Common/BasePagination/index.module.css | 2 + .../Common/Blockquote/index.module.css | 2 + .../BreadcrumbHomeLink/index.module.css | 2 + .../BreadcrumbItem/index.module.css | 2 + .../BreadcrumbLink/index.module.css | 2 + .../BreadcrumbRoot/index.module.css | 2 + .../Common/CodeTabs/index.module.css | 2 + .../Common/GlowingBackdrop/index.module.css | 27 +- .../Common/LanguageDropDown/index.module.css | 8 +- .../Common/NodejsLogo/index.module.css | 2 + .../Common/Notification/index.module.css | 4 +- .../Common/Preview/index.module.css | 47 +- .../ProgressionSidebarGroup/index.module.css | 62 +- .../ProgressionSidebarItem/index.module.css | 2 + .../ProgressionSidebar/index.module.css | 2 + .../Common/Select/index.module.css | 10 +- .../Common/Skeleton/index.module.css | 8 +- .../Common/Tabs/index.module.css | 2 + .../Common/ThemeToggle/index.module.css | 2 + .../Common/Tooltip/index.module.css | 2 + .../Containers/Footer/index.module.css | 2 + .../Containers/MetaBar/index.module.css | 2 + .../NavBar/NavItem/index.module.css | 4 +- .../Containers/NavBar/index.module.css | 5 +- .../ui-components/Containers/NavBar/index.tsx | 2 +- .../Sidebar/SidebarGroup/index.module.css | 2 + .../Sidebar/SidebarItem/index.module.css | 4 +- .../Containers/Sidebar/index.module.css | 2 + packages/ui-components/package.json | 5 +- packages/ui-components/styles/animations.css | 47 + packages/ui-components/styles/index.css | 10 +- packages/ui-components/styles/markdown.css | 10 +- packages/ui-components/styles/theme.css | 162 ++++ packages/ui-components/tailwind.config.ts | 164 ---- 68 files changed, 1023 insertions(+), 815 deletions(-) delete mode 100644 apps/site/tailwind.config.ts create mode 100644 packages/ui-components/styles/animations.css create mode 100644 packages/ui-components/styles/theme.css delete mode 100644 packages/ui-components/tailwind.config.ts 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/.stylelintrc.mjs b/apps/site/.stylelintrc.mjs index 17fc884a3c41b..eb96f647bddac 100644 --- a/apps/site/.stylelintrc.mjs +++ b/apps/site/.stylelintrc.mjs @@ -4,6 +4,10 @@ const CUSTOM_AT_RULES = [ 'apply', 'layer', 'responsive', + 'reference', + 'utility', + 'theme', + 'custom-variant', 'screen', 'tailwind', 'variants', @@ -42,6 +46,6 @@ export default { // Adopts the import notation from `postcss-import` 'import-notation': 'string', // Allow the `@apply` at rule as its part of Tailwind - 'at-rule-no-deprecated': [true, { ignoreAtRules: ['apply'] }], + 'at-rule-no-deprecated': [true, { ignoreAtRules: CUSTOM_AT_RULES }], }, }; 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 effcd1719afc8..66b4cb73aaa37 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 { ImageResponse } from 'next/og'; 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: '#1a3f1d', + release: '#0c7bb3', + vulnerability: '#ae5f00', }; type Category = keyof typeof CATEGORY_TO_THEME_COLOUR_MAP; diff --git a/apps/site/components/Blog/BlogHeader/index.module.css b/apps/site/components/Blog/BlogHeader/index.module.css index b7a0764768f5f..c34522e25d42a 100644 --- a/apps/site/components/Blog/BlogHeader/index.module.css +++ b/apps/site/components/Blog/BlogHeader/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .blogHeader { h1 { @apply inline-flex diff --git a/apps/site/components/Blog/BlogPostCard/index.module.css b/apps/site/components/Blog/BlogPostCard/index.module.css index 178d193cda6e7..166f694e85505 100644 --- a/apps/site/components/Blog/BlogPostCard/index.module.css +++ b/apps/site/components/Blog/BlogPostCard/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .container { @apply max-w-full flex-1; diff --git a/apps/site/components/Common/Search/utils.ts b/apps/site/components/Common/Search/utils.ts index fdab2c893008f..b2bcc8d802725 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(--color-neutral-900)', + '--text-color-accent': 'var(--color-green-600)', + '--background-color-secondary': 'var(--color-neutral-100)', + '--background-color-tertiary': 'var(--color-neutral-300)', + '--border-color-accent': 'var(--color-green-600)', + '--border-color-primary': 'var(--color-neutral-200)', + '--border-color-tertiary': 'var(--color-green-700)', + '--button-background-color-primary': 'var(--color-green-600)', + '--button-background-color-secondary': 'var(--color-white)', + '--button-background-color-secondary-hover': 'var(--color-neutral-100)', + '--button-border-color-secondary': 'var(--color-neutral-300)', + '--button-text-color-secondary': 'var(--color-neutral-900)', + '--chat-button-border-color-gradientThree': 'var(--color-green-400)', + '--chat-button-border-color-gradientFour': 'var(--color-green-700)', + '--chat-button-background-color-gradientOne': 'var(--color-green-600)', + '--chat-button-background-color-gradientTwo': 'var(--color-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(--color-neutral-100)', + '--text-color-accent': 'var(--color-green-400)', + '--background-color-secondary': 'var(--color-neutral-950)', + '--background-color-tertiary': 'var(--color-neutral-900)', + '--border-color-accent': 'var(--color-green-400)', + '--border-color-primary': 'var(--color-neutral-900)', + '--border-color-tertiary': 'var(--color-green-300)', + '--button-background-color-primary': 'var(--color-green-400)', + '--button-background-color-secondary': 'var(--color-neutral-950)', + '--button-background-color-secondary-hover': 'var(--color-neutral-900)', + '--button-border-color-secondary': 'var(--color-neutral-900)', + '--button-text-color-secondary': 'var(--color-neutral-200)', + '--chat-button-border-color-gradientThree': 'var(--color-green-400)', + '--chat-button-border-color-gradientFour': 'var(--color-green-700)', + '--chat-button-background-color-gradientOne': 'var(--color-green-400)', + '--chat-button-background-color-gradientTwo': 'var(--color-green-800)', }, }, }; diff --git a/apps/site/components/Downloads/DownloadButton/index.module.css b/apps/site/components/Downloads/DownloadButton/index.module.css index 8cb70e57be6c6..7cc12d7f700e3 100644 --- a/apps/site/components/Downloads/DownloadButton/index.module.css +++ b/apps/site/components/Downloads/DownloadButton/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .downloadButton { @apply justify-center; diff --git a/apps/site/components/MDX/Calendar/Event/index.module.css b/apps/site/components/MDX/Calendar/Event/index.module.css index f36d7d8f92aba..f192532d77c24 100644 --- a/apps/site/components/MDX/Calendar/Event/index.module.css +++ b/apps/site/components/MDX/Calendar/Event/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../../styles/index.css"; + .event { @apply flex w-fit diff --git a/apps/site/components/MDX/Calendar/calendar.module.css b/apps/site/components/MDX/Calendar/calendar.module.css index 52af750828ddf..ef0999b2b9d58 100644 --- a/apps/site/components/MDX/Calendar/calendar.module.css +++ b/apps/site/components/MDX/Calendar/calendar.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .events { @apply flex flex-col diff --git a/apps/site/components/withBlogCategories.tsx b/apps/site/components/withBlogCategories.tsx index 3c4c4cbcb8d5b..9bb121d98feda 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 => ( *:nth-child(1) { - @apply grid-in-[sidebar] + @apply [grid-area:sidebar] lg:sticky lg:top-0 lg:h-[100vh] @@ -35,20 +37,20 @@ sm:max-lg:block; > *:first-child { - @apply grid-in-[main] - sm:bg-gradient-subtle + @apply sm:bg-gradient-subtle sm:dark:bg-gradient-subtle-dark xl:px-18 p-4 + [grid-area:main] motion-safe:scroll-smooth sm:bg-fixed sm:p-12; } > *:last-child { - @apply grid-in-[metabar] - mt-8 + @apply mt-8 border-t + [grid-area:metabar] sm:mt-0 lg:sticky lg:top-0 @@ -59,8 +61,7 @@ } > *:nth-child(3) { - @apply grid-in-[footer] - sticky + @apply sticky bottom-0 flex w-full @@ -71,6 +72,7 @@ border-t-neutral-200 bg-white py-4 + [grid-area:footer] dark:border-t-neutral-900 dark:bg-neutral-950; } diff --git a/apps/site/package.json b/apps/site/package.json index c85c36fae5a9d..22e1c49d0e690 100644 --- a/apps/site/package.json +++ b/apps/site/package.json @@ -32,11 +32,12 @@ "@radix-ui/react-slot": "^1.1.2", "@radix-ui/react-tabs": "^1.1.3", "@radix-ui/react-toast": "^1.2.6", + "@radix-ui/react-tooltip": "^1.1.8", + "@tailwindcss/postcss": "~4.0.17", "@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", "feed": "~4.2.2", @@ -61,7 +62,7 @@ "semver": "~7.7.1", "shiki": "~3.1.0", "sval": "^0.6.1", - "tailwindcss": "~3.4.17", + "tailwindcss": "~4.0.17", "unist-util-visit": "~5.0.0", "vfile": "~6.0.3", "vfile-matter": "~5.0.0" diff --git a/apps/site/pages/en/about/branding.mdx b/apps/site/pages/en/about/branding.mdx index a5dfab7dd4074..cb79c219d6795 100644 --- a/apps/site/pages/en/about/branding.mdx +++ b/apps/site/pages/en/about/branding.mdx @@ -66,7 +66,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design Node.js Light Stacked Logo @@ -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/fa/about/branding.mdx b/apps/site/pages/fa/about/branding.mdx index f32e9d8e175f0..6106a9fc20a02 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/tr/about/branding.mdx b/apps/site/pages/tr/about/branding.mdx index e3646bdebd2d0..ce5b407ab0b4d 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/zh-cn/about/branding.mdx b/apps/site/pages/zh-cn/about/branding.mdx index c830dd83aceec..787e12da75b4a 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..11beabae534cb 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 a4c4df007ded9..136842875887a 100644 --- a/apps/site/styles/effects.css +++ b/apps/site/styles/effects.css @@ -1,30 +1,27 @@ -.turtle { +@utility turtle { @apply animate-surf absolute z-10 translate-x-0 - translate-y-0; -} + translate-y-0 + after:absolute + after:-left-full + after:top-[20%] + after:-z-10 + after:block + after:h-36 + after:w-36 + after:-rotate-90 + after:select-none + after:bg-[url('/static/images/turtle.png')] + after:opacity-[0.15] + after:content-[''] + after:md:-left-1/2 + after:md:top-1/2; -.turtle img { - @apply h-auto + & img { + @apply h-auto w-24 md:w-48; -} - -.turtle::after { - @apply absolute - -left-full - top-[20%] - -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; + } } diff --git a/apps/site/tailwind.config.ts b/apps/site/tailwind.config.ts deleted file mode 100644 index d8835f0767c5c..0000000000000 --- a/apps/site/tailwind.config.ts +++ /dev/null @@ -1,5 +0,0 @@ -import twConfig from '@node-core/ui-components/tailwind.config'; - -twConfig.content.push('../../packages/ui-components/**/*.tsx'); - -export default twConfig; diff --git a/package-lock.json b/package-lock.json index bde1e7f0ce196..07fb73122ed0d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -46,11 +46,12 @@ "@radix-ui/react-slot": "^1.1.2", "@radix-ui/react-tabs": "^1.1.3", "@radix-ui/react-toast": "^1.2.6", + "@radix-ui/react-tooltip": "^1.1.8", + "@tailwindcss/postcss": "~4.0.17", "@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", "feed": "~4.2.2", @@ -75,7 +76,7 @@ "semver": "~7.7.1", "shiki": "~3.1.0", "sval": "^0.6.1", - "tailwindcss": "~3.4.17", + "tailwindcss": "~4.0.17", "unist-util-visit": "~5.0.0", "vfile": "~6.0.3", "vfile-matter": "~5.0.0" @@ -437,6 +438,12 @@ "regex-utilities": "^2.3.0" } }, + "apps/site/node_modules/tailwindcss": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz", + "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==", + "license": "MIT" + }, "apps/site/node_modules/typescript": { "version": "5.7.3", "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz", @@ -3387,6 +3394,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", @@ -3401,6 +3409,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" @@ -3410,6 +3419,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" @@ -3430,12 +3440,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", @@ -4362,6 +4374,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": { @@ -5260,18 +5273,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/@schummar/icu-type-parser": { "version": "1.21.5", "resolved": "https://registry.npmjs.org/@schummar/icu-type-parser/-/icu-type-parser-1.21.5.tgz", @@ -6267,15 +6268,241 @@ "@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==", + "node_modules/@tailwindcss/node": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.17.tgz", + "integrity": "sha512-LIdNwcqyY7578VpofXyqjH6f+3fP4nrz7FBLki5HpzqjYfXdF2m/eW18ZfoKePtDGg90Bvvfpov9d2gy5XVCbg==", "license": "MIT", - "peerDependencies": { - "tailwindcss": ">=3.2.0" + "dependencies": { + "enhanced-resolve": "^5.18.1", + "jiti": "^2.4.2", + "tailwindcss": "4.0.17" + } + }, + "node_modules/@tailwindcss/node/node_modules/tailwindcss": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz", + "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==", + "license": "MIT" + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.17.tgz", + "integrity": "sha512-B4OaUIRD2uVrULpAD1Yksx2+wNarQr2rQh65nXqaqbLY1jCd8fO+3KLh/+TH4Hzh2NTHQvgxVbPdUDOtLk7vAw==", + "license": "MIT", + "engines": { + "node": ">= 10" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.0.17", + "@tailwindcss/oxide-darwin-arm64": "4.0.17", + "@tailwindcss/oxide-darwin-x64": "4.0.17", + "@tailwindcss/oxide-freebsd-x64": "4.0.17", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.17", + "@tailwindcss/oxide-linux-arm64-gnu": "4.0.17", + "@tailwindcss/oxide-linux-arm64-musl": "4.0.17", + "@tailwindcss/oxide-linux-x64-gnu": "4.0.17", + "@tailwindcss/oxide-linux-x64-musl": "4.0.17", + "@tailwindcss/oxide-win32-arm64-msvc": "4.0.17", + "@tailwindcss/oxide-win32-x64-msvc": "4.0.17" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.17.tgz", + "integrity": "sha512-3RfO0ZK64WAhop+EbHeyxGThyDr/fYhxPzDbEQjD2+v7ZhKTb2svTWy+KK+J1PHATus2/CQGAGp7pHY/8M8ugg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.17.tgz", + "integrity": "sha512-e1uayxFQCCDuzTk9s8q7MC5jFN42IY7nzcr5n0Mw/AcUHwD6JaBkXnATkD924ZsHyPDvddnusIEvkgLd2CiREg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.17.tgz", + "integrity": "sha512-d6z7HSdOKfXQ0HPlVx1jduUf/YtBuCCtEDIEFeBCzgRRtDsUuRtofPqxIVaSCUTOk5+OfRLonje6n9dF6AH8wQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.17.tgz", + "integrity": "sha512-EjrVa6lx3wzXz3l5MsdOGtYIsRjgs5Mru6lDv4RuiXpguWeOb3UzGJ7vw7PEzcFadKNvNslEQqoAABeMezprxQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.17.tgz", + "integrity": "sha512-65zXfCOdi8wuaY0Ye6qMR5LAXokHYtrGvo9t/NmxvSZtCCitXV/gzJ/WP5ksXPhff1SV5rov0S+ZIZU+/4eyCQ==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.17.tgz", + "integrity": "sha512-+aaq6hJ8ioTdbJV5IA1WjWgLmun4T7eYLTvJIToiXLHy5JzUERRbIZjAcjgK9qXMwnvuu7rqpxzej+hGoEcG5g==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.17.tgz", + "integrity": "sha512-/FhWgZCdUGAeYHYnZKekiOC0aXFiBIoNCA0bwzkICiMYS5Rtx2KxFfMUXQVnl4uZRblG5ypt5vpPhVaXgGk80w==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.17.tgz", + "integrity": "sha512-gELJzOHK6GDoIpm/539Golvk+QWZjxQcbkKq9eB2kzNkOvrP0xc5UPgO9bIMNt1M48mO8ZeNenCMGt6tfkvVBg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.17.tgz", + "integrity": "sha512-68NwxcJrZn94IOW4TysMIbYv5AlM6So1luTlbYUDIGnKma1yTFGBRNEJ+SacJ3PZE2rgcTBNRHX1TB4EQ/XEHw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.17.tgz", + "integrity": "sha512-AkBO8efP2/7wkEXkNlXzRD4f/7WerqKHlc6PWb5v0jGbbm22DFBLbIM19IJQ3b+tNewQZa+WnPOaGm0SmwMNjw==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.17.tgz", + "integrity": "sha512-7/DTEvXcoWlqX0dAlcN0zlmcEu9xSermuo7VNGX9tJ3nYMdo735SHvbrHDln1+LYfF6NhJ3hjbpbjkMOAGmkDg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/postcss": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.17.tgz", + "integrity": "sha512-qeJbRTB5FMZXmuJF+eePd235EGY6IyJZF0Bh0YM6uMcCI4L9Z7dy+lPuLAhxOJzxnajsbjPoDAKOuAqZRtf1PQ==", + "license": "MIT", + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.0.17", + "@tailwindcss/oxide": "4.0.17", + "lightningcss": "1.29.2", + "postcss": "^8.4.41", + "tailwindcss": "4.0.17" } }, + "node_modules/@tailwindcss/postcss/node_modules/tailwindcss": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz", + "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==", + "license": "MIT" + }, "node_modules/@testing-library/dom": { "version": "10.4.0", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz", @@ -7988,16 +8215,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" - }, "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", @@ -8007,12 +8229,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" - }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -8285,43 +8501,6 @@ "node": ">= 4.0.0" } }, - "node_modules/autoprefixer": { - "version": "10.4.21", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz", - "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==", - "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.24.4", - "caniuse-lite": "^1.0.30001702", - "fraction.js": "^4.3.7", - "normalize-range": "^0.1.2", - "picocolors": "^1.1.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", @@ -8614,6 +8793,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" @@ -8672,6 +8852,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", @@ -9016,6 +9197,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", @@ -9040,6 +9222,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" @@ -10114,7 +10297,6 @@ "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", "license": "Apache-2.0", - "optional": true, "engines": { "node": ">=8" } @@ -10148,12 +10330,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" - }, "node_modules/diff": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz", @@ -10187,12 +10363,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" - }, "node_modules/doctrine": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", @@ -10350,6 +10520,7 @@ "version": "1.5.123", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.123.tgz", "integrity": "sha512-refir3NlutEZqlKaBLK0tzlVLe5P2wDKS7UQt/3SpibizgsRAPOsqQC3ffw1nlv3ze5gjRQZYHoPymgVZkplFA==", + "devOptional": true, "license": "ISC" }, "node_modules/emittery": { @@ -10400,7 +10571,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", @@ -10730,6 +10900,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" @@ -12562,19 +12733,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", @@ -12609,6 +12767,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, @@ -12826,6 +12985,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" @@ -13000,7 +13160,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": { @@ -14129,6 +14288,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" @@ -16938,9 +17098,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" } @@ -17188,20 +17346,248 @@ "node": ">= 0.8.0" } }, - "node_modules/lilconfig": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", - "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", - "license": "MIT", + "node_modules/lightningcss": { + "version": "1.29.2", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.2.tgz", + "integrity": "sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==", + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, "engines": { - "node": ">=14" + "node": ">= 12.0.0" }, "funding": { - "url": "https://github.com/sponsors/antonk52" + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-darwin-arm64": "1.29.2", + "lightningcss-darwin-x64": "1.29.2", + "lightningcss-freebsd-x64": "1.29.2", + "lightningcss-linux-arm-gnueabihf": "1.29.2", + "lightningcss-linux-arm64-gnu": "1.29.2", + "lightningcss-linux-arm64-musl": "1.29.2", + "lightningcss-linux-x64-gnu": "1.29.2", + "lightningcss-linux-x64-musl": "1.29.2", + "lightningcss-win32-arm64-msvc": "1.29.2", + "lightningcss-win32-x64-msvc": "1.29.2" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.29.2", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.2.tgz", + "integrity": "sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==", + "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/lines-and-columns": { - "version": "1.2.4", + "node_modules/lightningcss-darwin-x64": { + "version": "1.29.2", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.2.tgz", + "integrity": "sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.2.tgz", + "integrity": "sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.2.tgz", + "integrity": "sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.2.tgz", + "integrity": "sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.2.tgz", + "integrity": "sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.2.tgz", + "integrity": "sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.2.tgz", + "integrity": "sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.2.tgz", + "integrity": "sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==", + "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.2", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.2.tgz", + "integrity": "sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==", + "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/lilconfig": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", + "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", + "license": "MIT", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antonk52" + } + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", "license": "MIT" @@ -19475,17 +19861,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", - "dependencies": { - "any-promise": "^1.0.0", - "object-assign": "^4.0.1", - "thenify-all": "^1.0.0" - } - }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", @@ -19648,6 +20023,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": { @@ -19685,15 +20061,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "license": "MIT", - "engines": { - "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==", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -19791,20 +20159,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", - "engines": { - "node": ">= 6" - } - }, "node_modules/object-inspect": { "version": "1.13.4", "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", @@ -20403,6 +20763,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" @@ -20628,41 +20989,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", - "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", @@ -20794,44 +21120,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", - "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", - "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", @@ -21462,6 +21750,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" @@ -24430,94 +24719,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", - "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", - "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", - "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", - "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" - }, - "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", - "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", @@ -24733,87 +24934,10 @@ "url": "https://github.com/chalk/slice-ansi?sponsor=1" } }, - "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", - "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", - "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", - "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", - "dependencies": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/tapable": { "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" @@ -25023,27 +25147,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", - "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", - "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", @@ -25234,12 +25337,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" - }, "node_modules/ts-morph": { "version": "22.0.0", "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-22.0.0.tgz", @@ -26122,6 +26219,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", @@ -27379,11 +27477,10 @@ "@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.17", "@vcarl/remark-headings": "~0.1.0", "classnames": "~2.5.1", - "tailwindcss": "~3.4.17" + "tailwindcss": "~4.0.17" }, "devDependencies": { "@node-core/website-i18n": "*", @@ -27415,6 +27512,12 @@ "engines": { "node": ">=20" } + }, + "packages/ui-components/node_modules/tailwindcss": { + "version": "4.0.17", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz", + "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==", + "license": "MIT" } } } diff --git a/packages/ui-components/.postcssrc.json b/packages/ui-components/.postcssrc.json index f48fb87dce6e0..e192f25ec3756 100644 --- a/packages/ui-components/.postcssrc.json +++ b/packages/ui-components/.postcssrc.json @@ -3,9 +3,6 @@ "postcss-mixins": {}, "postcss-simple-vars": {}, "postcss-calc": {}, - "postcss-import": {}, - "tailwindcss/nesting": {}, - "tailwindcss": {}, - "autoprefixer": {} + "@tailwindcss/postcss": {} } } diff --git a/packages/ui-components/.stylelintrc.mjs b/packages/ui-components/.stylelintrc.mjs index 1858d79f3f0ed..eb96f647bddac 100644 --- a/packages/ui-components/.stylelintrc.mjs +++ b/packages/ui-components/.stylelintrc.mjs @@ -4,6 +4,10 @@ const CUSTOM_AT_RULES = [ 'apply', 'layer', 'responsive', + 'reference', + 'utility', + 'theme', + 'custom-variant', 'screen', 'tailwind', 'variants', @@ -29,7 +33,6 @@ export default { 'selector-id-pattern': ONLY_ALLOW_CAMEL_CASE_SELECTORS, // Allow Tailwind-based CSS Rules 'at-rule-no-unknown': [true, { ignoreAtRules: CUSTOM_AT_RULES }], - 'at-rule-no-deprecated': [true, { ignoreAtRules: CUSTOM_AT_RULES }], // Allow the Global CSS Selector 'selector-pseudo-class-no-unknown': [ true, @@ -42,5 +45,7 @@ export default { 'media-feature-range-notation': 'prefix', // Adopts the import notation from `postcss-import` 'import-notation': 'string', + // Allow the `@apply` at rule as its part of Tailwind + 'at-rule-no-deprecated': [true, { ignoreAtRules: CUSTOM_AT_RULES }], }, }; diff --git a/packages/ui-components/Common/AlertBox/index.module.css b/packages/ui-components/Common/AlertBox/index.module.css index c3e31ae888704..3c6cddc2bf0ed 100644 --- a/packages/ui-components/Common/AlertBox/index.module.css +++ b/packages/ui-components/Common/AlertBox/index.module.css @@ -1,9 +1,11 @@ +@reference "../../styles/index.css"; + .alertBox { @apply flex flex-row items-center gap-2 - rounded + rounded-sm px-4 py-3 text-sm @@ -31,7 +33,7 @@ } .title { - @apply rounded-sm + @apply rounded-xs px-1.5; } diff --git a/packages/ui-components/Common/AvatarGroup/Avatar/index.module.css b/packages/ui-components/Common/AvatarGroup/Avatar/index.module.css index b96dded805343..652ac5a605e3b 100644 --- a/packages/ui-components/Common/AvatarGroup/Avatar/index.module.css +++ b/packages/ui-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/packages/ui-components/Common/AvatarGroup/Overlay/index.module.css b/packages/ui-components/Common/AvatarGroup/Overlay/index.module.css index 7c8188658b62c..cad5dff7ece25 100644 --- a/packages/ui-components/Common/AvatarGroup/Overlay/index.module.css +++ b/packages/ui-components/Common/AvatarGroup/Overlay/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .overlay { @apply flex min-w-56 diff --git a/packages/ui-components/Common/AvatarGroup/index.module.css b/packages/ui-components/Common/AvatarGroup/index.module.css index 91766d2b7faed..9477a8ea5829d 100644 --- a/packages/ui-components/Common/AvatarGroup/index.module.css +++ b/packages/ui-components/Common/AvatarGroup/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .avatarGroup { @apply flex flex-wrap diff --git a/packages/ui-components/Common/Badge/index.module.css b/packages/ui-components/Common/Badge/index.module.css index 40c28b3285188..9420740a87cf1 100644 --- a/packages/ui-components/Common/Badge/index.module.css +++ b/packages/ui-components/Common/Badge/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .wrapper { @apply flex w-fit diff --git a/packages/ui-components/Common/Banner/index.module.css b/packages/ui-components/Common/Banner/index.module.css index f3c2b9c1ec77c..282a93668d2ad 100644 --- a/packages/ui-components/Common/Banner/index.module.css +++ b/packages/ui-components/Common/Banner/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .banner { @apply flex w-full diff --git a/packages/ui-components/Common/BaseButton/index.module.css b/packages/ui-components/Common/BaseButton/index.module.css index 6f2d69b8e9bef..d68c893c182c1 100644 --- a/packages/ui-components/Common/BaseButton/index.module.css +++ b/packages/ui-components/Common/BaseButton/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .button { @apply px-4.5 relative @@ -25,7 +27,7 @@ } &.neutral { - @apply rounded + @apply rounded-sm bg-neutral-900 text-white dark:text-neutral-200; @@ -45,12 +47,12 @@ } &.primary { - @apply rounded + @apply shadow-xs + rounded-sm border border-green-600 bg-green-600 - text-white - shadow-sm; + text-white; &:hover:not([aria-disabled='true']) { @apply border-green-700 @@ -95,41 +97,35 @@ } &.special { - @apply rounded-lg + @apply before:bg-gradient-glow-backdrop + shadow-xs + rounded-lg border border-green-600/30 bg-green-600/10 text-white - shadow-sm; - - &::before { - @apply bg-gradient-glow-backdrop - absolute - left-0 - right-0 - top-0 - -z-10 - mx-auto - h-full - w-full - opacity-30 - content-['']; - } - - &::after { - @apply absolute - -top-px - left-0 - right-0 - mx-auto - h-px - w-2/5 - bg-gradient-to-r - from-green-600/0 - via-green-600 - to-green-600/0 - content-['']; - } + before:absolute + before:left-0 + before:right-0 + before:top-0 + before:-z-10 + before:mx-auto + before:h-full + before:w-full + before:opacity-30 + before:content-[''] + after:absolute + after:-top-px + after:left-0 + after:right-0 + after:mx-auto + after:h-px + after:w-2/5 + after:bg-gradient-to-r + after:from-green-600/0 + after:via-green-600 + after:to-green-600/0 + after:content-['']; &[aria-disabled='true'] { @apply opacity-50; diff --git a/packages/ui-components/Common/BaseCodeBox/index.module.css b/packages/ui-components/Common/BaseCodeBox/index.module.css index 424d721f17e29..ab65233e66182 100644 --- a/packages/ui-components/Common/BaseCodeBox/index.module.css +++ b/packages/ui-components/Common/BaseCodeBox/index.module.css @@ -1,6 +1,8 @@ +@reference "../../styles/index.css"; + .root { @apply w-full - rounded + rounded-sm border border-neutral-900 bg-neutral-950; @@ -33,8 +35,8 @@ } &:not(:empty:last-child)::after { - @apply w-4.5 - font-ibm-plex-mono + @apply font-ibm-plex-mono + w-4.5 absolute left-0 top-0 diff --git a/packages/ui-components/Common/BaseCrossLink/index.module.css b/packages/ui-components/Common/BaseCrossLink/index.module.css index 0e2d8d959e1dd..9fd490e089275 100644 --- a/packages/ui-components/Common/BaseCrossLink/index.module.css +++ b/packages/ui-components/Common/BaseCrossLink/index.module.css @@ -1,10 +1,12 @@ +@reference "../../styles/index.css"; + .crossLink { @apply flex flex-col items-start gap-2 truncate - rounded + rounded-sm border border-solid border-neutral-300 diff --git a/packages/ui-components/Common/BaseLinkTabs/index.module.css b/packages/ui-components/Common/BaseLinkTabs/index.module.css index c8f766392b409..021f4749d248c 100644 --- a/packages/ui-components/Common/BaseLinkTabs/index.module.css +++ b/packages/ui-components/Common/BaseLinkTabs/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .tabsList { @apply font-open-sans max-xs:hidden diff --git a/packages/ui-components/Common/BasePagination/Ellipsis/index.module.css b/packages/ui-components/Common/BasePagination/Ellipsis/index.module.css index b4ce7ce86b786..64504f10285b2 100644 --- a/packages/ui-components/Common/BasePagination/Ellipsis/index.module.css +++ b/packages/ui-components/Common/BasePagination/Ellipsis/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .ellipsis { @apply w-10 px-3 diff --git a/packages/ui-components/Common/BasePagination/PaginationListItem/index.module.css b/packages/ui-components/Common/BasePagination/PaginationListItem/index.module.css index ca629ffce0a31..161b97c6dcdd9 100644 --- a/packages/ui-components/Common/BasePagination/PaginationListItem/index.module.css +++ b/packages/ui-components/Common/BasePagination/PaginationListItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .listItem, .listItem:link, .listItem:active { @@ -7,7 +9,7 @@ size-10 items-center justify-center - rounded + rounded-sm px-3 py-2.5 text-neutral-800 diff --git a/packages/ui-components/Common/BasePagination/index.module.css b/packages/ui-components/Common/BasePagination/index.module.css index 9a7b5936e7e98..9e8258ab0ee33 100644 --- a/packages/ui-components/Common/BasePagination/index.module.css +++ b/packages/ui-components/Common/BasePagination/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .pagination { @apply grid items-center diff --git a/packages/ui-components/Common/Blockquote/index.module.css b/packages/ui-components/Common/Blockquote/index.module.css index f13d733741d0a..e322d21dfe1e6 100644 --- a/packages/ui-components/Common/Blockquote/index.module.css +++ b/packages/ui-components/Common/Blockquote/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .wrapper { @apply flex max-w-2xl flex-col items-start gap-4 self-stretch border-l-2 border-green-600 py-2 pl-5 text-lg font-semibold text-neutral-900 dark:border-green-400 dark:text-white; diff --git a/packages/ui-components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css b/packages/ui-components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css index bb1daa3ce8b60..9d9829ed8ea4f 100644 --- a/packages/ui-components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +++ b/packages/ui-components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .icon { @apply size-4; } diff --git a/packages/ui-components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/packages/ui-components/Common/Breadcrumbs/BreadcrumbItem/index.module.css index 35f6968d03714..1f15689d72574 100644 --- a/packages/ui-components/Common/Breadcrumbs/BreadcrumbItem/index.module.css +++ b/packages/ui-components/Common/Breadcrumbs/BreadcrumbItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .item { @apply flex max-w-fit items-center gap-5 truncate text-sm font-medium; diff --git a/packages/ui-components/Common/Breadcrumbs/BreadcrumbLink/index.module.css b/packages/ui-components/Common/Breadcrumbs/BreadcrumbLink/index.module.css index 14f71131540ec..26dd147b3ea65 100644 --- a/packages/ui-components/Common/Breadcrumbs/BreadcrumbLink/index.module.css +++ b/packages/ui-components/Common/Breadcrumbs/BreadcrumbLink/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .link { @apply max-w-fit truncate; diff --git a/packages/ui-components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css b/packages/ui-components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css index 4f13b9c6c1bd2..6110240f5c2a3 100644 --- a/packages/ui-components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +++ b/packages/ui-components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .list { @apply xs:w-full flex w-screen gap-5 px-6; } diff --git a/packages/ui-components/Common/CodeTabs/index.module.css b/packages/ui-components/Common/CodeTabs/index.module.css index 5c79f7ecd4fd4..e6481552da808 100644 --- a/packages/ui-components/Common/CodeTabs/index.module.css +++ b/packages/ui-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/packages/ui-components/Common/GlowingBackdrop/index.module.css b/packages/ui-components/Common/GlowingBackdrop/index.module.css index a7f2d817c3091..af072146f6a9a 100644 --- a/packages/ui-components/Common/GlowingBackdrop/index.module.css +++ b/packages/ui-components/Common/GlowingBackdrop/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .glowingBackdrop { @apply absolute left-0 @@ -5,20 +7,17 @@ -z-10 size-full opacity-50 - md:opacity-100; - - &::after { - @apply absolute - inset-0 - m-auto - aspect-square - w-[300px] - rounded-full - bg-green-300 - blur-[120px] - content-[''] - dark:bg-green-700; - } + after:absolute + after:inset-0 + after:m-auto + after:aspect-square + after:w-[300px] + after:rounded-full + after:bg-green-300 + after:blur-[120px] + after:content-[''] + md:opacity-100 + dark:after:bg-green-700; svg { @apply absolute diff --git a/packages/ui-components/Common/LanguageDropDown/index.module.css b/packages/ui-components/Common/LanguageDropDown/index.module.css index 7f1a0d1052106..9c487aadd62d7 100644 --- a/packages/ui-components/Common/LanguageDropDown/index.module.css +++ b/packages/ui-components/Common/LanguageDropDown/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .languageDropdown { @apply h-9 w-9 @@ -17,7 +19,7 @@ @apply max-h-80 w-48 overflow-hidden - rounded + rounded-sm border border-neutral-200 bg-white @@ -32,13 +34,13 @@ } .dropDownItem { - @apply cursor-pointer + @apply outline-hidden + cursor-pointer px-2.5 py-1.5 text-sm font-medium text-neutral-800 - outline-none data-[highlighted]:bg-green-600 data-[highlighted]:text-white dark:text-white; diff --git a/packages/ui-components/Common/NodejsLogo/index.module.css b/packages/ui-components/Common/NodejsLogo/index.module.css index 2e74ac633f684..58cc72eec71a1 100644 --- a/packages/ui-components/Common/NodejsLogo/index.module.css +++ b/packages/ui-components/Common/NodejsLogo/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .nodejsLogo { @apply h-6 w-20; diff --git a/packages/ui-components/Common/Notification/index.module.css b/packages/ui-components/Common/Notification/index.module.css index 981e1b9d03cb8..23d6933699609 100644 --- a/packages/ui-components/Common/Notification/index.module.css +++ b/packages/ui-components/Common/Notification/index.module.css @@ -1,6 +1,8 @@ +@reference "../../styles/index.css"; + .root { @apply m-6 - rounded + rounded-sm border border-neutral-200 bg-white diff --git a/packages/ui-components/Common/Preview/index.module.css b/packages/ui-components/Common/Preview/index.module.css index d2a68ff0df3fb..76d9c87b36c31 100644 --- a/packages/ui-components/Common/Preview/index.module.css +++ b/packages/ui-components/Common/Preview/index.module.css @@ -1,37 +1,36 @@ +@reference "../../styles/index.css"; + .root { - @apply @container/preview + @apply after:bg-gradient-radial + @container/preview + after:@md/preview:aspect-[1.90/1] relative flex aspect-[1.90/1] items-center - rounded + rounded-sm border border-neutral-900 - bg-neutral-950; - - &::after { - @apply bg-gradient-radial - @md/preview:blur-3xl - absolute - inset-0 - m-auto - aspect-square - w-1/3 - rounded-full - blur-2xl - content-['']; + bg-neutral-950 + after:absolute + after:inset-0 + after:m-auto + after:aspect-square + after:w-1/3 + after:rounded-full + after:blur-2xl + after:content-['']; - &.announcements { - @apply from-green-700/90; - } + &.announcements { + @apply after:from-green-700/90; + } - &.release { - @apply from-info-600/90; - } + &.release { + @apply after:from-info-600/90; + } - &.vulnerability { - @apply from-warning-600/90; - } + &.vulnerability { + @apply after:from-warning-600/90; } .container { diff --git a/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css b/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css index b9a9678173251..909d230df577a 100644 --- a/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css +++ b/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + .group { @apply flex flex-col @@ -12,42 +14,34 @@ -left-1 flex flex-col - gap-2; - - &::after { - @apply absolute - left-[0.45rem] - top-0 - z-10 - h-full - w-px - bg-neutral-200 - content-[''] - dark:bg-neutral-800; - } + gap-2 + after:absolute + after:left-[0.45rem] + after:top-0 + after:z-10 + after:h-full + after:w-px + after:bg-neutral-200 + after:content-[''] + dark:after:bg-neutral-800; a { - &:first-child::before { - @apply absolute - bottom-[calc(50%+0.25rem)] - left-0 - h-20 - w-4 - bg-white - content-[''] - dark:bg-neutral-950; - } - - &:last-child::after { - @apply absolute - left-0 - top-[calc(50%+0.25rem)] - h-20 - w-4 - bg-white - content-[''] - dark:bg-neutral-950; - } + @apply first:before:absolute + first:before:bottom-[calc(50%+0.25rem)] + first:before:left-0 + first:before:h-20 + first:before:w-4 + first:before:bg-white + first:before:content-[''] + last:after:absolute + last:after:left-0 + last:after:top-[calc(50%+0.25rem)] + last:after:h-20 + last:after:w-4 + last:after:bg-white + last:after:content-[''] + first:dark:before:bg-neutral-950 + last:dark:after:bg-neutral-950; } } } diff --git a/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css b/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css index 1783a37464340..523ca8dd62e3f 100644 --- a/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css +++ b/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css @@ -1,3 +1,5 @@ +@reference "../../../styles/index.css"; + a.item { @apply font-regular relative diff --git a/packages/ui-components/Common/ProgressionSidebar/index.module.css b/packages/ui-components/Common/ProgressionSidebar/index.module.css index c986e4572678c..5be47ed42f100 100644 --- a/packages/ui-components/Common/ProgressionSidebar/index.module.css +++ b/packages/ui-components/Common/ProgressionSidebar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .wrapper { @apply flex w-full diff --git a/packages/ui-components/Common/Select/index.module.css b/packages/ui-components/Common/Select/index.module.css index 1e13248039a83..55d76484b0989 100644 --- a/packages/ui-components/Common/Select/index.module.css +++ b/packages/ui-components/Common/Select/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .select { @apply inline-flex flex-col @@ -14,6 +16,7 @@ .trigger { @apply shadow-xs + outline-hidden inline-flex h-11 w-full @@ -21,7 +24,7 @@ items-center justify-between gap-2 - rounded + rounded-sm border border-neutral-300 bg-white @@ -31,7 +34,6 @@ text-base font-medium text-neutral-900 - outline-none focus:border-neutral-500 focus:ring-1 focus:ring-neutral-500 @@ -81,10 +83,10 @@ } .text { - @apply text-neutral-800 + @apply data-[highlighted]:outline-hidden + text-neutral-800 data-[highlighted]:bg-green-500 data-[highlighted]:text-white - data-[highlighted]:outline-none dark:text-neutral-200 dark:data-[highlighted]:bg-green-600 dark:data-[highlighted]:text-white; diff --git a/packages/ui-components/Common/Skeleton/index.module.css b/packages/ui-components/Common/Skeleton/index.module.css index 261615ad0156a..cd97ce9320c9c 100644 --- a/packages/ui-components/Common/Skeleton/index.module.css +++ b/packages/ui-components/Common/Skeleton/index.module.css @@ -1,5 +1,8 @@ +@reference "../../styles/index.css"; + .skeleton { - @apply pointer-events-none + @apply outline-hidden + pointer-events-none animate-pulse cursor-default select-none @@ -7,8 +10,7 @@ border-none bg-clip-border text-transparent - shadow-none - outline-none; + shadow-none; } .skeleton[data-inline-skeleton] { diff --git a/packages/ui-components/Common/Tabs/index.module.css b/packages/ui-components/Common/Tabs/index.module.css index 1703d143e6b3a..8a571f1d95cde 100644 --- a/packages/ui-components/Common/Tabs/index.module.css +++ b/packages/ui-components/Common/Tabs/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .tabsRoot { @apply max-w-full; diff --git a/packages/ui-components/Common/ThemeToggle/index.module.css b/packages/ui-components/Common/ThemeToggle/index.module.css index c2cd6bb230a91..e0ed8df47fddc 100644 --- a/packages/ui-components/Common/ThemeToggle/index.module.css +++ b/packages/ui-components/Common/ThemeToggle/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .themeToggle { @apply size-9 rounded-md diff --git a/packages/ui-components/Common/Tooltip/index.module.css b/packages/ui-components/Common/Tooltip/index.module.css index 475db244ae82b..20eedc3bffdce 100644 --- a/packages/ui-components/Common/Tooltip/index.module.css +++ b/packages/ui-components/Common/Tooltip/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .content { @apply rounded-md border diff --git a/packages/ui-components/Containers/Footer/index.module.css b/packages/ui-components/Containers/Footer/index.module.css index e388fa5341dba..d52a1027da39a 100644 --- a/packages/ui-components/Containers/Footer/index.module.css +++ b/packages/ui-components/Containers/Footer/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .footer { @apply flex flex-col diff --git a/packages/ui-components/Containers/MetaBar/index.module.css b/packages/ui-components/Containers/MetaBar/index.module.css index 8d867a2b2e0d1..6b404cd0185ec 100644 --- a/packages/ui-components/Containers/MetaBar/index.module.css +++ b/packages/ui-components/Containers/MetaBar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .wrapper { @apply flex w-full diff --git a/packages/ui-components/Containers/NavBar/NavItem/index.module.css b/packages/ui-components/Containers/NavBar/NavItem/index.module.css index 17ccfee6aab58..6f848a0d95c4a 100644 --- a/packages/ui-components/Containers/NavBar/NavItem/index.module.css +++ b/packages/ui-components/Containers/NavBar/NavItem/index.module.css @@ -1,8 +1,10 @@ +@reference "../../../styles/index.css"; + .navItem { @apply inline-flex items-center gap-2 - rounded + rounded-sm px-3 py-2 motion-safe:transition-colors; diff --git a/packages/ui-components/Containers/NavBar/index.module.css b/packages/ui-components/Containers/NavBar/index.module.css index 77f318d069a88..331f63f46d83c 100644 --- a/packages/ui-components/Containers/NavBar/index.module.css +++ b/packages/ui-components/Containers/NavBar/index.module.css @@ -1,3 +1,5 @@ +@reference "../../styles/index.css"; + .container { @apply border-neutral-200 bg-white @@ -54,8 +56,7 @@ } .main { - @apply hidden - flex-1 + @apply flex-1 flex-col justify-between gap-4 diff --git a/packages/ui-components/Containers/NavBar/index.tsx b/packages/ui-components/Containers/NavBar/index.tsx index c4aed01904dbf..9aeb7051ed016 100644 --- a/packages/ui-components/Containers/NavBar/index.tsx +++ b/packages/ui-components/Containers/NavBar/index.tsx @@ -70,7 +70,7 @@ const NavBar: FC> = ({ aria-label={sidebarItemTogglerAriaLabel} /> -
+