diff --git a/packages/shadcn-ui/components.json b/packages/shadcn-ui/components.json index a950c0c4..ef4a0d9b 100644 --- a/packages/shadcn-ui/components.json +++ b/packages/shadcn-ui/components.json @@ -5,7 +5,7 @@ "tsx": true, "tailwind": { "config": "", - "css": "src/styles/globals.css", + "css": "@repo/shadcn-ui/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" diff --git a/packages/shadcn-ui/src/styles/globals.css b/packages/shadcn-ui/src/styles/globals.css index 12404306..68060dc8 100644 --- a/packages/shadcn-ui/src/styles/globals.css +++ b/packages/shadcn-ui/src/styles/globals.css @@ -1,6 +1,4 @@ @import "tailwindcss"; - -@plugin "tailwindcss-animate"; @import "tw-animate-css"; @import "shadcn/tailwind.css"; @@ -15,37 +13,37 @@ @source "../**/*.{ts,tsx}"; :root { - --background: oklch(1 0 0); - --foreground: oklch(0.145 0 0); - --card: oklch(1 0 0); - --card-foreground: oklch(0.145 0 0); - --popover: oklch(1 0 0); - --popover-foreground: oklch(0.145 0 0); - --primary: oklch(0.205 0 0); - --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.97 0 0); - --secondary-foreground: oklch(0.205 0 0); - --muted: oklch(0.97 0 0); - --muted-foreground: oklch(0.556 0 0); - --accent: oklch(0.97 0 0); - --accent-foreground: oklch(0.205 0 0); - --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.922 0 0); - --input: oklch(0.922 0 0); - --ring: oklch(0.708 0 0); - --chart-1: oklch(0.87 0 0); - --chart-2: oklch(0.556 0 0); - --chart-3: oklch(0.439 0 0); - --chart-4: oklch(0.371 0 0); - --chart-5: oklch(0.269 0 0); - --sidebar: oklch(0.985 0 0); - --sidebar-foreground: oklch(0.145 0 0); - --sidebar-primary: oklch(0.205 0 0); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.97 0 0); - --sidebar-accent-foreground: oklch(0.205 0 0); - --sidebar-border: oklch(0.922 0 0); - --sidebar-ring: oklch(0.708 0 0); + --background: #ffffff; + --foreground: #0a0a0a; + --card: #ffffff; + --card-foreground: #0a0a0a; + --popover: #ffffff; + --popover-foreground: #0a0a0a; + --primary: #0b7ad0; + --primary-foreground: #ffffff; + --secondary: #e4e8ef; + --secondary-foreground: #6a8aa3; + --muted: #f5f5f5; + --muted-foreground: #737373; + --accent: #e1e7fd; + --accent-foreground: #364050; + --destructive: #e7000b; + --border: #e5e5e5; + --input: #c5c5c5; + --ring: #0b7ad0; + --chart-1: #8ec5ff; + --chart-2: #2b7fff; + --chart-3: #155dfc; + --chart-4: #1447e6; + --chart-5: #193cb8; + --sidebar: #0b7ad0; + --sidebar-foreground: #ffffff; + --sidebar-primary: #ffffff; + --sidebar-primary-foreground: #0b7ad0; + --sidebar-accent: #4a8fe0; + --sidebar-accent-foreground: #ffffff; + --sidebar-border: #4a8fe0; + --sidebar-ring: #ffffff; --font-sans: "Geist Variable", sans-serif; --font-serif: "Geist Variable", serif; @@ -53,59 +51,59 @@ --radius: 0.625rem; - --shadow-2xs: 0 1px 3px 0px oklch(0 0 0 / 0.05); - --shadow-xs: 0 1px 3px 0px oklch(0 0 0 / 0.05); - --shadow-sm: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1); - --shadow: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1); - --shadow-md: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 2px 4px -1px oklch(0 0 0 / 0.1); - --shadow-lg: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 4px 6px -1px oklch(0 0 0 / 0.1); - --shadow-xl: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 8px 10px -1px oklch(0 0 0 / 0.1); - --shadow-2xl: 0 1px 3px 0px oklch(0 0 0 / 0.25); + --shadow-2xs: 0 1px 3px 0px rgb(0 0 0 / 0.05); + --shadow-xs: 0 1px 3px 0px rgb(0 0 0 / 0.05); + --shadow-sm: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --shadow: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --shadow-md: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1); + --shadow-lg: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 4px 6px -1px rgb(0 0 0 / 0.1); + --shadow-xl: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 8px 10px -1px rgb(0 0 0 / 0.1); + --shadow-2xl: 0 1px 3px 0px rgb(0 0 0 / 0.25); --spacing: 0.24rem; } .dark { - --background: oklch(0.145 0 0); - --foreground: oklch(0.985 0 0); - --card: oklch(0.205 0 0); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.205 0 0); - --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.922 0 0); - --primary-foreground: oklch(0.205 0 0); - --secondary: oklch(0.269 0 0); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.269 0 0); - --muted-foreground: oklch(0.708 0 0); - --accent: oklch(0.269 0 0); - --accent-foreground: oklch(0.985 0 0); - --destructive: oklch(0.704 0.191 22.216); - --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); - --chart-1: oklch(0.87 0 0); - --chart-2: oklch(0.556 0 0); - --chart-3: oklch(0.439 0 0); - --chart-4: oklch(0.371 0 0); - --chart-5: oklch(0.269 0 0); - --sidebar: oklch(0.205 0 0); - --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.488 0.243 264.376); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.269 0 0); - --sidebar-accent-foreground: oklch(0.985 0 0); - --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.556 0 0); + --background: #0a0a0a; + --foreground: #fafafa; + --card: #171717; + --card-foreground: #fafafa; + --popover: #171717; + --popover-foreground: #fafafa; + --primary: #125cff; + --primary-foreground: #eff6ff; + --secondary: #26262b; + --secondary-foreground: #fafafa; + --muted: #262626; + --muted-foreground: #a1a1a1; + --accent: #374151; + --accent-foreground: #d1d5db; + --destructive: #ff6467; + --border: #a1a1a1; + --input: #d1d5db; + --ring: #003dfa; + --chart-1: #003dfa; + --chart-2: #00bc7d; + --chart-3: #fe9a00; + --chart-4: #ad46ff; + --chart-5: #ff2056; + --sidebar: #171717; + --sidebar-foreground: #fafafa; + --sidebar-primary: #125cff; + --sidebar-primary-foreground: #eff6ff; + --sidebar-accent: #262626; + --sidebar-accent-foreground: #fafafa; + --sidebar-border: #ffffff; + --sidebar-ring: #003dfa; - --shadow-2xs: 1px 1px 6px 0px oklch(0 0 0 / 0.05); - --shadow-xs: 1px 1px 6px 0px oklch(0 0 0 / 0.05); - --shadow-sm: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 1px 2px -1px oklch(0 0 0 / 0.1); - --shadow: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 1px 2px -1px oklch(0 0 0 / 0.1); - --shadow-md: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 2px 4px -1px oklch(0 0 0 / 0.1); - --shadow-lg: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 4px 6px -1px oklch(0 0 0 / 0.1); - --shadow-xl: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 8px 10px -1px oklch(0 0 0 / 0.1); - --shadow-2xl: 1px 1px 6px 0px oklch(0 0 0 / 0.25); + --shadow-2xs: 1px 1px 6px 0px rgb(0 0 0 / 0.05); + --shadow-xs: 1px 1px 6px 0px rgb(0 0 0 / 0.05); + --shadow-sm: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 1px 2px -1px rgb(0 0 0 / 0.1); + --shadow: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 1px 2px -1px rgb(0 0 0 / 0.1); + --shadow-md: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 2px 4px -1px rgb(0 0 0 / 0.1); + --shadow-lg: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 4px 6px -1px rgb(0 0 0 / 0.1); + --shadow-xl: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 8px 10px -1px rgb(0 0 0 / 0.1); + --shadow-2xl: 1px 1px 6px 0px rgb(0 0 0 / 0.25); } @theme inline { @@ -158,9 +156,6 @@ --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); - --radius-2xl: calc(var(--radius) * 1.8); - --radius-3xl: calc(var(--radius) * 2.2); - --radius-4xl: calc(var(--radius) * 2.6); } @layer base { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 533cc04a..11c9a9c0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -977,7 +977,7 @@ importers: version: 7.14.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5) recharts: specifier: ^3.8.1 - version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1) + version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1) sonner: specifier: ^2.0.7 version: 2.0.7(react-dom@19.2.5(react@19.2.5))(react@19.2.5) @@ -1117,10 +1117,10 @@ importers: version: 7.72.1(react@19.2.5) react-resizable-panels: specifier: ^4.9.0 - version: 4.9.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5) + version: 4.10.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5) recharts: specifier: 3.8.0 - version: 3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1) + version: 3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1) sonner: specifier: ^2.0.7 version: 2.0.7(react-dom@19.2.5(react@19.2.5))(react@19.2.5) @@ -6101,9 +6101,6 @@ packages: react-is@16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} - react-is@18.3.1: - resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==} - react-qr-code@2.0.18: resolution: {integrity: sha512-v1Jqz7urLMhkO6jkgJuBYhnqvXagzceg3qJUWayuCK/c6LTIonpWbwxR1f1APGd4xrW/QcQEovNrAojbUz65Tg==} peerDependencies: @@ -6141,8 +6138,8 @@ packages: '@types/react': optional: true - react-resizable-panels@4.9.0: - resolution: {integrity: sha512-sEl+hA6y9/kxa0aPlrUC+G1lcShAf/PiIjoeC8kWXxa53RfAVplVCIxEl01Nwa4L2iRa5JXBXq1/mI8ch6qOZQ==} + react-resizable-panels@4.10.0: + resolution: {integrity: sha512-frjewRQt7TCv/vCH1pJfjZ7RxAhr5pKuqVQtVgzFq/vherxBFOWyC3xMbryx5Ti2wylViGUFc93Etg4rB3E0UA==} peerDependencies: react: ^18.0.0 || ^19.0.0 react-dom: ^18.0.0 || ^19.0.0 @@ -11855,8 +11852,6 @@ snapshots: react-is@16.13.1: {} - react-is@18.3.1: {} - react-qr-code@2.0.18(react@19.2.5): dependencies: prop-types: 15.8.1 @@ -11891,7 +11886,7 @@ snapshots: optionalDependencies: '@types/react': 19.2.14 - react-resizable-panels@4.9.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5): + react-resizable-panels@4.10.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5): dependencies: react: 19.2.5 react-dom: 19.2.5(react@19.2.5) @@ -11945,7 +11940,7 @@ snapshots: tiny-invariant: 1.3.3 tslib: 2.8.1 - recharts@3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1): + recharts@3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1): dependencies: '@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1))(react@19.2.5) clsx: 2.1.1 @@ -11955,7 +11950,7 @@ snapshots: immer: 10.2.0 react: 19.2.5 react-dom: 19.2.5(react@19.2.5) - react-is: 18.3.1 + react-is: 16.13.1 react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1) reselect: 5.1.1 tiny-invariant: 1.3.3 @@ -11965,7 +11960,7 @@ snapshots: - '@types/react' - redux - recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1): + recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1): dependencies: '@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1))(react@19.2.5) clsx: 2.1.1 @@ -11975,7 +11970,7 @@ snapshots: immer: 10.2.0 react: 19.2.5 react-dom: 19.2.5(react@19.2.5) - react-is: 18.3.1 + react-is: 16.13.1 react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1) reselect: 5.1.1 tiny-invariant: 1.3.3