feat(02-03): install Schedule-X stack + CSS token layer + main.tsx imports

- Install @schedule-x/{calendar,react,theme-default,event-modal,events-service}@4.x
- Install temporal-polyfill@0.3.2 and lucide-react@1.17.0
- Create src/styles/tokens.css: all color/spacing/typography/breakpoint tokens
  plus --sx-color-* Schedule-X overrides mapped to project tokens
- Create src/styles/tokens.ts: TypeScript mirror of token values for inline styles
- Create src/styles/index.css: imports tokens.css + minimal global reset
- Update main.tsx: Temporal polyfill first, then SX theme CSS, then styles/index.css
This commit is contained in:
Lucas Berger
2026-06-05 09:42:34 -04:00
parent 6dc5d77f60
commit 0911a2330a
6 changed files with 367 additions and 0 deletions
+7
View File
@@ -11,10 +11,17 @@
"test": "vitest run"
},
"dependencies": {
"@schedule-x/calendar": "4.6.0",
"@schedule-x/event-modal": "4.6.0",
"@schedule-x/events-service": "4.6.0",
"@schedule-x/react": "4.1.0",
"@schedule-x/theme-default": "4.6.0",
"@tanstack/react-query": "5.101.0",
"ical.js": "2.2.1",
"lucide-react": "1.17.0",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"temporal-polyfill": "0.3.2",
"zustand": "5.0.14"
},
"devDependencies": {