diff --git a/packages/jsonresume-theme-cv/src/ui/Projects.js b/packages/jsonresume-theme-cv/src/ui/Projects.js
index c62ad4a9..1814cbe8 100644
--- a/packages/jsonresume-theme-cv/src/ui/Projects.js
+++ b/packages/jsonresume-theme-cv/src/ui/Projects.js
@@ -10,9 +10,9 @@ const Projects = ({ projects }) => {
-
{projects.map(
- ({ url, description, highlights, name, isActive, github }) => {
+ ({ url, description, highlights, name, isActive, github }, index) => {
return (
-
- +
-
@@ -38,8 +38,8 @@ const Projects = ({ projects }) => {
{description}
Projects - {projects.slice(0, 1).map((w) => { + {projects.map((w) => { return ( -+{w.position} - diff --git a/packages/jsonresume-theme-tailwind/.eslintrc b/packages/jsonresume-theme-tailwind/.eslintrc deleted file mode 100644 index 39acc20b..00000000 --- a/packages/jsonresume-theme-tailwind/.eslintrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": ["custom/react"] -} diff --git a/packages/jsonresume-theme-tailwind/.eslintrc.js b/packages/jsonresume-theme-tailwind/.eslintrc.js new file mode 100644 index 00000000..578b383f --- /dev/null +++ b/packages/jsonresume-theme-tailwind/.eslintrc.js @@ -0,0 +1,8 @@ +/* eslint-disable */ + +module.exports = { + root: true, + extends: ['@repo/eslint-config-custom'], + parser: '@typescript-eslint/parser', + rules: {}, +}; diff --git a/packages/jsonresume-theme-tailwind/package.json b/packages/jsonresume-theme-tailwind/package.json index 5ade3b54..2fd2f5ae 100644 --- a/packages/jsonresume-theme-tailwind/package.json +++ b/packages/jsonresume-theme-tailwind/package.json @@ -5,7 +5,7 @@ "main": "./src/index.js", "license": "MIT", "devDependencies": { - "eslint-config-custom": "workspace:*", + "@repo/eslint-config-custom": "workspace:*", "react": "^18", "styled-components": "^6", "tailwindcss": "^3.4.3" diff --git a/packages/jsonresume-theme-tailwind/src/ui/Experience.js b/packages/jsonresume-theme-tailwind/src/ui/Experience.js index fe95a12a..ec6f6046 100644 --- a/packages/jsonresume-theme-tailwind/src/ui/Experience.js +++ b/packages/jsonresume-theme-tailwind/src/ui/Experience.js @@ -4,35 +4,37 @@ const ExperienceComponent = ({ work }) => { return (-
- {work.map(({ name, startDate, endDate, position, summary, url }) => {
- const startYear = new Date(startDate).getFullYear();
- const endYear =
- endDate != null ? new Date(endDate).getFullYear() : 'Present';
- const years = `${startYear} - ${endYear}`;
+ {work.map(
+ ({ name, startDate, endDate, position, summary, url }, index) => {
+ const startYear = new Date(startDate).getFullYear();
+ const endYear =
+ endDate != null ? new Date(endDate).getFullYear() : 'Present';
+ const years = `${startYear} - ${endYear}`;
- return (
-
-
-
- -- - --+ return ( +- - {name} - -
-{position}
-- +
+ + + ++- -+ + {name} + +
+{position}
+
- );
- })}
+
+
+
+ );
+ }
+ )}
- +
Work Experience
- {work.map((w) => { + {work.map((w, index) => { return ( -+ @@ -39,8 +39,8 @@ const Work = ({ work }) => {
-
- {w.highlights?.map((h) => {
- return
- - {h} ; + {w.highlights?.map((h, index) => { + return
- - {h} ; })}
, + VariantProps { + asChild?: boolean +} + +const Button = React.forwardRef + ) + } +) +Button.displayName = "Button" + +export { Button, buttonVariants } diff --git a/packages/ui/src/components/ui/card.tsx b/packages/ui/src/components/ui/card.tsx new file mode 100644 index 00000000..543bd117 --- /dev/null +++ b/packages/ui/src/components/ui/card.tsx @@ -0,0 +1,79 @@ +import * as React from "react" + +import { cn } from "@repo/ui/lib/utils" + +const Card = React.forwardRef< + HTMLDivElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( + +)) +Card.displayName = "Card" + +const CardHeader = React.forwardRef< + HTMLDivElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( + +)) +CardHeader.displayName = "CardHeader" + +const CardTitle = React.forwardRef< + HTMLParagraphElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( + +)) +CardTitle.displayName = "CardTitle" + +const CardDescription = React.forwardRef< + HTMLParagraphElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( + +)) +CardDescription.displayName = "CardDescription" + +const CardContent = React.forwardRef< + HTMLDivElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( + +)) +CardContent.displayName = "CardContent" + +const CardFooter = React.forwardRef< + HTMLDivElement, + React.HTMLAttributes +>(({ className, ...props }, ref) => ( + +)) +CardFooter.displayName = "CardFooter" + +export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } diff --git a/packages/ui/src/components/ui/sonner.tsx b/packages/ui/src/components/ui/sonner.tsx new file mode 100644 index 00000000..e011bc4b --- /dev/null +++ b/packages/ui/src/components/ui/sonner.tsx @@ -0,0 +1,31 @@ +'use client'; +/* eslint-disable */ +import { useTheme } from 'next-themes'; +import { Toaster as Sonner } from 'sonner'; + +type ToasterProps = React.ComponentProps ; + +const Toaster = ({ ...props }: ToasterProps) => { + const { theme = 'system' } = useTheme(); + + return ( + + ); +}; + +export { Toaster }; diff --git a/packages/ui/src/globals.css b/packages/ui/src/globals.css new file mode 100644 index 00000000..e808c10e --- /dev/null +++ b/packages/ui/src/globals.css @@ -0,0 +1,81 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer base { + :root { + --background: 0 0% 100%; + --foreground: 222.2 84% 4.9%; + + --card: 0 0% 100%; + --card-foreground: 222.2 84% 4.9%; + + --popover: 0 0% 100%; + --popover-foreground: 222.2 84% 4.9%; + + --primary: 222.2 47.4% 11.2%; + --primary-foreground: 210 40% 98%; + + --secondary: 210 40% 96.1%; + --secondary-foreground: 222.2 47.4% 11.2%; + + --muted: 210 40% 96.1%; + --muted-foreground: 215.4 16.3% 46.9%; + + --accent: 210 40% 96.1%; + --accent-foreground: 222.2 47.4% 11.2%; + + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 210 40% 98%; + + --border: 214.3 31.8% 91.4%; + --input: 214.3 31.8% 91.4%; + --ring: 222.2 84% 4.9%; + + --radius: 0.5rem; + } + + .dark { + --background: 222.2 84% 4.9%; + --foreground: 210 40% 98%; + + --card: 222.2 84% 4.9%; + --card-foreground: 210 40% 98%; + + --popover: 222.2 84% 4.9%; + --popover-foreground: 210 40% 98%; + + --primary: 210 40% 98%; + --primary-foreground: 222.2 47.4% 11.2%; + + --secondary: 217.2 32.6% 17.5%; + --secondary-foreground: 210 40% 98%; + + --muted: 217.2 32.6% 17.5%; + --muted-foreground: 215 20.2% 65.1%; + + --accent: 217.2 32.6% 17.5%; + --accent-foreground: 210 40% 98%; + + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 210 40% 98%; + + --border: 217.2 32.6% 17.5%; + --input: 217.2 32.6% 17.5%; + --ring: 212.7 26.8% 83.9%; + } +} + +@layer base { + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } +} + +html, body { + font-family: 'Open Sans', sans-serif; + font-size: 12px; +} \ No newline at end of file diff --git a/packages/ui/src/lib/theme.js b/packages/ui/src/lib/theme.js deleted file mode 100644 index ab295e65..00000000 --- a/packages/ui/src/lib/theme.js +++ /dev/null @@ -1,55 +0,0 @@ -// @todo - anyone know how to make a modern color pallette? - -const colors = Object.freeze({ - primary: { - light: '#7986cb', - main: '#fff18f', - dark: '#303f9f', - contrastText: '#000', - }, - secondary: { - light: '#ff4081', - main: '#f50057', - dark: '#c51162', - contrastText: '#ffffff', - }, - success: { - light: '#81c784', - main: '#4caf50', - dark: '#388e3c', - contrastText: '#ffffff', - }, - error: { - light: '#e57373', - main: '#f44336', - dark: '#d32f2f', - contrastText: '#ffffff', - }, - warning: { - light: '#ffb74d', - main: '#ff9800', - dark: '#f57c00', - contrastText: '#ffffff', - }, - info: { - light: '#64b5f6', - main: '#2196f3', - dark: '#1976d2', - contrastText: '#ffffff', - }, - background: { - default: '#fafafa', - paper: '#ffffff', - }, - text: { - primary: '#212121', - secondary: '#757575', - disabled: '#bdbdbd', - hint: '#9e9e9e', - }, -}); - -const theme = { - colors, -}; -export default theme; diff --git a/packages/ui/src/lib/utils.js b/packages/ui/src/lib/utils.js new file mode 100644 index 00000000..0ae73e11 --- /dev/null +++ b/packages/ui/src/lib/utils.js @@ -0,0 +1,6 @@ +import { clsx } from 'clsx'; +import { twMerge } from 'tailwind-merge'; + +export function cn(...inputs) { + return twMerge(clsx(inputs)); +} diff --git a/packages/ui/tailwind.config.js b/packages/ui/tailwind.config.js new file mode 100644 index 00000000..f6d4d4c3 --- /dev/null +++ b/packages/ui/tailwind.config.js @@ -0,0 +1,81 @@ +import tailwindcssAnimate from 'tailwindcss-animate'; + +const config = { + darkMode: ['class'], + content: [ + './pages/**/*.{js,jsx,ts,tsx}', + './components/**/*.{js,jsx,ts,tsx}', + './app/**/*.{js,jsx,ts,tsx}', + './src/**/*.{js,jsx,ts,tsx}', + '../../packages/ui/src/**/*.{js,jsx,ts,tsx}', + ], + prefix: '', + theme: { + container: { + center: true, + padding: '2rem', + screens: { + '2xl': '1400px', + }, + }, + extend: { + colors: { + border: 'hsl(var(--border))', + input: 'hsl(var(--input))', + ring: 'hsl(var(--ring))', + background: 'hsl(var(--background))', + foreground: 'hsl(var(--foreground))', + primary: { + DEFAULT: 'hsl(var(--primary))', + foreground: 'hsl(var(--primary-foreground))', + }, + secondary: { + DEFAULT: 'hsl(var(--secondary))', + foreground: 'hsl(var(--secondary-foreground))', + }, + destructive: { + DEFAULT: 'hsl(var(--destructive))', + foreground: 'hsl(var(--destructive-foreground))', + }, + muted: { + DEFAULT: 'hsl(var(--muted))', + foreground: 'hsl(var(--muted-foreground))', + }, + accent: { + DEFAULT: 'hsl(var(--accent))', + foreground: 'hsl(var(--accent-foreground))', + }, + popover: { + DEFAULT: 'hsl(var(--popover))', + foreground: 'hsl(var(--popover-foreground))', + }, + card: { + DEFAULT: 'hsl(var(--card))', + foreground: 'hsl(var(--card-foreground))', + }, + }, + borderRadius: { + lg: 'var(--radius)', + md: 'calc(var(--radius) - 2px)', + sm: 'calc(var(--radius) - 4px)', + }, + keyframes: { + 'accordion-down': { + from: { height: '0' }, + to: { height: 'var(--radix-accordion-content-height)' }, + }, + 'accordion-up': { + from: { height: 'var(--radix-accordion-content-height)' }, + to: { height: '0' }, + }, + }, + animation: { + 'accordion-down': 'accordion-down 0.2s ease-out', + 'accordion-up': 'accordion-up 0.2s ease-out', + }, + }, + }, + plugins: [tailwindcssAnimate], +}; + +export default config; diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json new file mode 100644 index 00000000..9e3cc66c --- /dev/null +++ b/packages/ui/tsconfig.json @@ -0,0 +1,11 @@ +{ + "extends": "@repo/typescript-config-custom", + "compilerOptions": { + "baseUrl": ".", + "paths": { + "@repo/ui/*": ["./src/*"] + } + }, + "include": ["src"], + "exclude": ["node_modules"] + } \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 95ac26ec..4ed2acab 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -11,12 +11,12 @@ importers: specifier: ^16.0.3 version: 16.0.3 devDependencies: + '@repo/eslint-config-custom': + specifier: workspace:* + version: link:packages/eslint-config-custom eslint: specifier: ^8 version: 8.55.0 - eslint-config-custom: - specifier: workspace:* - version: link:packages/eslint-config-custom husky: specifier: ^8.0.3 version: 8.0.3 @@ -44,15 +44,15 @@ importers: '@jsonresume/theme-stackoverflow': specifier: workspace:* version: link:../../themes/stackoverflow - '@jsonresume/ui': - specifier: workspace:* - version: link:../../packages/ui '@pinecone-database/pinecone': specifier: ^0.1.6 version: 0.1.6 '@prisma/client': specifier: ^4.15.0 version: 4.15.0(prisma@4.15.0) + '@repo/ui': + specifier: workspace:* + version: link:../../packages/ui '@supabase/supabase-js': specifier: ^2.39.6 version: 2.39.6 @@ -159,6 +159,9 @@ importers: specifier: ^9.0.0 version: 9.0.0 devDependencies: + '@repo/eslint-config-custom': + specifier: workspace:* + version: link:../../packages/eslint-config-custom '@types/node': specifier: ^20.10.0 version: 20.10.0 @@ -168,9 +171,6 @@ importers: eslint: specifier: ^8.55.0 version: 8.55.0 - eslint-config-custom: - specifier: workspace:* - version: link:../../packages/eslint-config-custom eslint-config-next: specifier: ^14.2.5 version: 14.2.5(eslint@8.55.0)(typescript@5.3.2) @@ -195,9 +195,6 @@ importers: '@jsonresume/theme-stackoverflow': specifier: workspace:* version: link:../../themes/stackoverflow - '@jsonresume/ui': - specifier: workspace:* - version: link:../../packages/ui '@monaco-editor/react': specifier: ^4.6.0 version: 4.6.0(monaco-editor@0.50.0)(react-dom@18.3.1)(react@18.3.1) @@ -207,6 +204,9 @@ importers: '@prisma/client': specifier: ^4.15.0 version: 4.15.0(prisma@4.15.0) + '@repo/ui': + specifier: workspace:* + version: link:../../packages/ui '@supabase/supabase-js': specifier: ^2.39.6 version: 2.39.6 @@ -453,6 +453,9 @@ importers: resume-schema: specifier: ^1.0.0 version: 1.0.0 + sonner: + specifier: ^1.5.0 + version: 1.5.0(react-dom@18.3.1)(react@18.3.1) styled-components: specifier: 6.1.11 version: 6.1.11(react-dom@18.3.1)(react@18.3.1) @@ -466,6 +469,9 @@ importers: '@playwright/test': specifier: ^1.40.0 version: 1.40.0 + '@repo/eslint-config-custom': + specifier: workspace:* + version: link:../../packages/eslint-config-custom '@types/node': specifier: ^20.10.0 version: 20.10.0 @@ -475,15 +481,15 @@ importers: eslint: specifier: ^8.55.0 version: 8.55.0 - eslint-config-custom: - specifier: workspace:* - version: link:../../packages/eslint-config-custom eslint-config-next: specifier: ^14.2.5 version: 14.2.5(eslint@8.55.0)(typescript@5.3.2) playwright: specifier: ^1.40.0 version: 1.40.0 + tsconfig: + specifier: workspace:* + version: link:../../packages/tsconfig typescript: specifier: ^5.3.2 version: 5.3.2 @@ -522,7 +528,7 @@ importers: specifier: ^5.0.1 version: 5.0.1(react@18.3.1) devDependencies: - eslint-config-custom: + '@repo/eslint-config-custom': specifier: workspace:^ version: link:../eslint-config-custom react: @@ -585,7 +591,7 @@ importers: specifier: ^5.0.1 version: 5.0.1(react@18.3.1) devDependencies: - eslint-config-custom: + '@repo/eslint-config-custom': specifier: workspace:^ version: link:../eslint-config-custom react: @@ -606,8 +612,8 @@ importers: packages/jsonresume-theme-standard: devDependencies: - eslint-config-custom: - specifier: workspace:^ + '@repo/eslint-config-custom': + specifier: workspace:* version: link:../eslint-config-custom react: specifier: ^18 @@ -646,7 +652,7 @@ importers: specifier: ^0.16.19 version: 0.16.19 devDependencies: - eslint-config-custom: + '@repo/eslint-config-custom': specifier: workspace:* version: link:../eslint-config-custom react: @@ -663,16 +669,58 @@ importers: packages/ui: dependencies: - styled-components: - specifier: ^6.1.11 - version: 6.1.11(react-dom@18.3.1)(react@18.3.1) + '@radix-ui/react-slot': + specifier: ^1.0.2 + version: 1.0.2(@types/react@18.2.39)(react@18.3.1) + class-variance-authority: + specifier: ^0.7.0 + version: 0.7.0 + clsx: + specifier: ^2.1.1 + version: 2.1.1 + lucide-react: + specifier: ^0.395.0 + version: 0.395.0(react@18.3.1) + next-themes: + specifier: ^0.3.0 + version: 0.3.0(react-dom@18.3.1)(react@18.3.1) + react: + specifier: ^18 + version: 18.3.1 + sonner: + specifier: ^1.5.0 + version: 1.5.0(react-dom@18.3.1)(react@18.3.1) + tailwind-merge: + specifier: ^2.3.0 + version: 2.3.0 + tailwindcss-animate: + specifier: ^1.0.7 + version: 1.0.7(tailwindcss@3.4.4) devDependencies: - eslint-config-custom: + '@repo/eslint-config-custom': specifier: workspace:* version: link:../eslint-config-custom - react: + '@types/node': + specifier: ^20 + version: 20.10.0 + '@types/react': specifier: ^18 - version: 18.3.1 + version: 18.2.39 + autoprefixer: + specifier: ^10.4.19 + version: 10.4.19(postcss@8.4.39) + postcss: + specifier: ^8.4.38 + version: 8.4.39 + postcss-load-config: + specifier: ^6.0.1 + version: 6.0.1(postcss@8.4.39) + tailwindcss: + specifier: ^3.4.4 + version: 3.4.4 + typescript: + specifier: ^5.4.5 + version: 5.4.5 themes/papirus: dependencies: @@ -771,6 +819,9 @@ importers: '@esbuild-plugins/node-globals-polyfill': specifier: ^0.2.3 version: 0.2.3(esbuild@0.23.0) + '@repo/eslint-config-custom': + specifier: workspace:* + version: link:../../packages/eslint-config-custom '@storybook/addon-essentials': specifier: ^7.0.7 version: 7.0.7(react-dom@18.3.1)(react@18.3.1) @@ -828,9 +879,6 @@ importers: babel-plugin-named-exports-order: specifier: ^0.0.2 version: 0.0.2 - eslint-config-custom: - specifier: workspace:* - version: link:../../packages/eslint-config-custom prop-types: specifier: ^15.8.1 version: 15.8.1 @@ -18884,6 +18932,11 @@ packages: resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==} engines: {node: '>=14'} + /lilconfig@3.1.2: + resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==} + engines: {node: '>=14'} + dev: true + /lines-and-columns@1.2.4: resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} @@ -19161,6 +19214,14 @@ packages: yallist: 4.0.0 dev: false + /lucide-react@0.395.0(react@18.3.1): + resolution: {integrity: sha512-6hzdNH5723A4FLaYZWpK50iyZH8iS2Jq5zuPRRotOFkhu6kxxJiebVdJ72tCR5XkiIeYFOU5NUawFZOac+VeYw==} + peerDependencies: + react: ^16.5.1 || ^17.0.0 || ^18.0.0 + dependencies: + react: 18.3.1 + dev: false + /lucide-react@0.407.0(react@18.3.1): resolution: {integrity: sha512-+dRIu9Sry+E8wPF9+sY5eKld2omrU4X5IKXxrgqBt+o11IIHVU0QOfNoVWFuj0ZRDrxr4Wci26o2mKZqLGE0lA==} peerDependencies: @@ -20135,6 +20196,16 @@ packages: react: 18.3.1 dev: false + /next-themes@0.3.0(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-/QHIrsYpd6Kfk7xakK4svpDI5mmXP0gfvCoJdGpZQ2TOrQZmsW0QxjaiLn8wbIKjtm4BTSqLoix4lxYYOnLJ/w==} + peerDependencies: + react: ^16.8 || ^17 || ^18 + react-dom: ^16.8 || ^17 || ^18 + dependencies: + react: 18.3.1 + react-dom: 18.3.1(react@18.3.1) + dev: false + /next@14.2.5(@playwright/test@1.40.0)(react-dom@18.3.1)(react@18.3.1): resolution: {integrity: sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==} engines: {node: '>=18.17.0'} @@ -21472,6 +21543,28 @@ packages: postcss: 8.4.39 yaml: 2.3.4 + /postcss-load-config@6.0.1(postcss@8.4.39): + resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==} + engines: {node: '>= 18'} + peerDependencies: + jiti: '>=1.21.0' + postcss: '>=8.0.9' + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + jiti: + optional: true + postcss: + optional: true + tsx: + optional: true + yaml: + optional: true + dependencies: + lilconfig: 3.1.2 + postcss: 8.4.39 + dev: true + /postcss-loader@6.2.1(postcss@8.4.39)(webpack@5.89.0): resolution: {integrity: sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==} engines: {node: '>= 12.13.0'} @@ -22779,7 +22872,7 @@ packages: semver: 7.6.2 source-map-loader: 3.0.2(webpack@5.89.0) style-loader: 3.3.3(webpack@5.89.0) - tailwindcss: 3.4.3 + tailwindcss: 3.4.4 terser-webpack-plugin: 5.3.9(@swc/core@1.3.99)(esbuild@0.23.0)(webpack@5.89.0) typescript: 4.9.5 webpack: 5.89.0(@swc/core@1.3.99)(esbuild@0.23.0) @@ -23892,6 +23985,16 @@ packages: swr-store: 0.10.6 dev: false + /sonner@1.5.0(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-FBjhG/gnnbN6FY0jaNnqZOMmB73R+5IiyYAw8yBj7L54ER7HB3fOSE5OFiQiE2iXWxeXKvg6fIP4LtVppHEdJA==} + peerDependencies: + react: ^18.0.0 + react-dom: ^18.0.0 + dependencies: + react: 18.3.1 + react-dom: 18.3.1(react@18.3.1) + dev: false + /source-list-map@2.0.1: resolution: {integrity: sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==} @@ -24653,6 +24756,14 @@ packages: '@babel/runtime': 7.24.7 dev: false + /tailwindcss-animate@1.0.7(tailwindcss@3.4.4): + resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==} + peerDependencies: + tailwindcss: '>=3.0.0 || insiders' + dependencies: + tailwindcss: 3.4.4 + dev: false + /tailwindcss@3.4.3: resolution: {integrity: sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==} engines: {node: '>=14.0.0'} @@ -24683,6 +24794,36 @@ packages: transitivePeerDependencies: - ts-node + /tailwindcss@3.4.4: + resolution: {integrity: sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==} + engines: {node: '>=14.0.0'} + hasBin: 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.0 + lilconfig: 2.1.0 + micromatch: 4.0.7 + normalize-path: 3.0.0 + object-hash: 3.0.0 + picocolors: 1.0.1 + postcss: 8.4.39 + postcss-import: 15.1.0(postcss@8.4.39) + postcss-js: 4.0.1(postcss@8.4.39) + postcss-load-config: 4.0.2(postcss@8.4.39) + postcss-nested: 6.0.1(postcss@8.4.39) + postcss-selector-parser: 6.0.13 + resolve: 1.22.8 + sucrase: 3.34.0 + transitivePeerDependencies: + - ts-node + /tapable@1.1.3: resolution: {integrity: sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==} engines: {node: '>=6'} @@ -25273,6 +25414,12 @@ packages: engines: {node: '>=14.17'} hasBin: true + /typescript@5.4.5: + resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==} + engines: {node: '>=14.17'} + hasBin: true + dev: true + /uc.micro@1.0.6: resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==} dev: false diff --git a/themes/papirus/.eslintrc b/themes/papirus/.eslintrc deleted file mode 100644 index 39acc20b..00000000 --- a/themes/papirus/.eslintrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": ["custom/react"] -} diff --git a/themes/papirus/.eslintrc.cjs b/themes/papirus/.eslintrc.cjs new file mode 100644 index 00000000..f0388b49 --- /dev/null +++ b/themes/papirus/.eslintrc.cjs @@ -0,0 +1,14 @@ +/* eslint-disable */ + +module.exports = { + root: true, + extends: ['@repo/eslint-config-custom'], + parser: '@typescript-eslint/parser', + env: { + browser: true, + es2021: true, + jquery: true, + commonjs: true, + node: true, + }, +}; diff --git a/themes/papirus/src/style.js b/themes/papirus/src/style.js index 4909cbcd..dcb0482e 100644 --- a/themes/papirus/src/style.js +++ b/themes/papirus/src/style.js @@ -1,4 +1,4 @@ -export default `body { +const styles = `body { background: #e5ded4; font: 15px Arial, Helvetica, sans-serif; line-height: 1.4; @@ -656,3 +656,4 @@ section { color: #ffffff !important; } }`; +export default styles; diff --git a/themes/stackoverflow/.eslintrc b/themes/stackoverflow/.eslintrc deleted file mode 100644 index 39acc20b..00000000 --- a/themes/stackoverflow/.eslintrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": ["custom/react"] -} diff --git a/themes/stackoverflow/.eslintrc.cjs b/themes/stackoverflow/.eslintrc.cjs new file mode 100644 index 00000000..578b383f --- /dev/null +++ b/themes/stackoverflow/.eslintrc.cjs @@ -0,0 +1,8 @@ +/* eslint-disable */ + +module.exports = { + root: true, + extends: ['@repo/eslint-config-custom'], + parser: '@typescript-eslint/parser', + rules: {}, +}; diff --git a/themes/stackoverflow/package.json b/themes/stackoverflow/package.json index 03716183..304d01c7 100644 --- a/themes/stackoverflow/package.json +++ b/themes/stackoverflow/package.json @@ -61,7 +61,7 @@ "@types/styled-components": "^5.1.32", "@vitejs/plugin-react": "^4.2.1", "babel-plugin-named-exports-order": "^0.0.2", - "eslint-config-custom": "workspace:*", + "@repo/eslint-config-custom": "workspace:*", "prop-types": "^15.8.1", "rollup-plugin-node-polyfills": "^0.2.1", "storybook": "^7.0.7", -
-