Skip to content

Commit 5f44a9d

Browse files
tjcouch-silclaude
andauthored
Upgrade to React 19, Tailwind 4, and new shadcn baseline (#153)
* Upgrade to React 19, Tailwind 4, and new shadcn baseline Propagate changes from paranext-core upgrade-shadcn branch: - Update package.json deps (React 19, TW4, @tailwindcss/postcss, @dreamsicle.io/stylelint-config-tailwindcss, tw-animate-css, shadcn@4.3.0, @fontsource-variable/ibm-plex-sans, lucide-react@1.8, eslint-plugin-react-hooks@5) - Slim tailwind.config.ts (TW4 moves theme/colors/etc into CSS) - postcss.config.ts uses @tailwindcss/postcss - .stylelintrc.js uses @Dreamsicle config and ignores new TW4 at-rules - src/tailwind.css rewritten for TW4: imports tailwindcss with prefix(tw), tw-animate-css, shadcn/tailwind.css, fontsource font; @theme inline, @custom-variant dark, oklch theme variables (light/dark/paratext-light/ paratext-dark) - web-view-resolve-webpack-plugin.ts: bind resolver.join to resolver Co-Authored-By: Claude Code <noreply@anthropic.com> * Propagated override * Added success color variable * Rename success → success-foreground, add warning theme variables - Rename CSS variable `--success` → `--success-foreground` (and the corresponding `--color-success` → `--color-success-foreground` in `@theme inline`) to align with shadcn's `*-foreground` naming. - Add `--warning` and `--warning-foreground` (amber-400/amber-950 in light themes, amber-900/amber-50 in dark themes) plus their `--color-warning` / `--color-warning-foreground` entries in `@theme inline`. Pulled from https://ui.shadcn.com/docs/theming#adding-new-tokens. - Add a CUSTOM "Theme variable policy" disclaimer at the top of the file reminding extension authors to prefer existing theme variables and to get UX approval before introducing new semantic colors. * Fixed package-lock.json, audit fix --------- Co-authored-by: Claude Code <noreply@anthropic.com>
1 parent 1d11985 commit 5f44a9d

7 files changed

Lines changed: 11849 additions & 6661 deletions

File tree

.stylelintrc.js

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ module.exports = {
44
extends: [
55
'stylelint-config-recommended',
66
'stylelint-config-sass-guidelines',
7-
'stylelint-config-tailwindcss/scss',
7+
'@dreamsicle.io/stylelint-config-tailwindcss',
88
],
99
overrides: [
1010
{
@@ -29,7 +29,18 @@ module.exports = {
2929
'scss/at-rule-no-unknown': [
3030
true,
3131
{
32-
ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
32+
ignoreAtRules: [
33+
'tailwind',
34+
'apply',
35+
'layer',
36+
'screen',
37+
'variants',
38+
'config',
39+
'theme',
40+
'plugin',
41+
'source',
42+
'custom-variant',
43+
],
3344
},
3445
],
3546
'selector-max-compound-selectors': 4,

0 commit comments

Comments
 (0)