Merge pull request #159 from objectstack-ai/copilot/fix-styles-for-calendar-buttons

Author: hotlong

apps/site/app/global.css

@@ -8,6 +8,38 @@
 @source '../../packages/react/src/**/*.{ts,tsx}';
 @source '../../packages/plugin-*/src/**/*.{ts,tsx}';
 
+/* Tailwind plugin for animations */
+@plugin 'tailwindcss-animate';
+
+/* Define theme colors for Tailwind 4 */
+@theme {
+  /* Border radius tokens */
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+
+  /* Color tokens mapped to CSS variables */
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+}
+
 /* ObjectUI component CSS custom properties */
 :root {
   --background: 0 0% 100%;

apps/site/package.json

@@ -12,13 +12,13 @@
   "dependencies": {
     "@object-ui/components": "workspace:*",
     "@object-ui/core": "workspace:*",
-    "@object-ui/react": "workspace:*",
-    "@object-ui/types": "workspace:*",
-    "@object-ui/plugin-editor": "workspace:*",
     "@object-ui/plugin-charts": "workspace:*",
+    "@object-ui/plugin-editor": "workspace:*",
     "@object-ui/plugin-kanban": "workspace:*",
     "@object-ui/plugin-markdown": "workspace:*",
     "@object-ui/plugin-object": "workspace:*",
+    "@object-ui/react": "workspace:*",
+    "@object-ui/types": "workspace:*",
     "fumadocs-core": "^16.4.7",
     "fumadocs-mdx": "^14.2.6",
     "fumadocs-ui": "^16.4.7",
@@ -36,6 +36,7 @@
     "autoprefixer": "^10.4.23",
     "postcss": "^8.4.49",
     "tailwindcss": "^4.1.18",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.9.3"
   }
 }