Dhairyashil ShindeandGitHub
9203cb262c
* react compiler * remove compilation mode 'all', it will use infer by default * feat(companion): add theme tokens, path aliases, and component improvements - Extend tailwind.config.js with Cal.com brand color tokens (cal.text, cal.bg, cal.border, cal.accent, cal.brand) - Create theme/colors.ts for JS usage where Tailwind classes can't be used - Configure path aliases in tsconfig.json (@/components, @/hooks, @/utils, etc.) - Add expo-image and expo-haptics dependencies - Enhance AppPressable with Reanimated animations (opacity + scale) and haptic feedback - Extract shared logic from BookingListItem into useBookingListItemData hook and BookingListItemParts - Extract shared logic from EventTypeListItem into useEventTypeListItemData hook and EventTypeListItemParts - Extract shared logic from AvailabilityListItem into AvailabilityListItemParts - Update all list item components to use new theme tokens instead of hardcoded hex values * fix react compiler non memo issue * feat(companion): migrate to path aliases and expo-image - Remove theme/colors.ts and theme/index.ts (defer dark mode to future PR) - Replace colors import with hardcoded hex values in components - Migrate all files to use path aliases (@/components/*, @/hooks/*, etc.) - Migrate SvgImage to use expo-image for better performance - Update tsconfig.json to remove @/theme/* alias * fix(companion): add path aliases to extension tsconfig Add baseUrl and paths configuration to tsconfig.extension.json to support path aliases in shared types used by the extension build.
45 lines
1.0 KiB
JavaScript
45 lines
1.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./app/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
|
|
presets: [require("nativewind/preset")],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
cal: {
|
|
text: {
|
|
DEFAULT: "#333333",
|
|
secondary: "#666666",
|
|
muted: "#8E8E93",
|
|
emphasis: "#3C3F44",
|
|
},
|
|
bg: {
|
|
DEFAULT: "#FFFFFF",
|
|
secondary: "#F8F9FA",
|
|
muted: "#F2F2F7",
|
|
},
|
|
border: {
|
|
DEFAULT: "#E5E5EA",
|
|
light: "#C6C6C8",
|
|
},
|
|
accent: {
|
|
DEFAULT: "#007AFF",
|
|
success: "#34C759",
|
|
warning: "#FF9500",
|
|
error: "#FF3B30",
|
|
destructive: "#DC2626",
|
|
},
|
|
brand: {
|
|
DEFAULT: "#292929",
|
|
black: "#000000",
|
|
},
|
|
},
|
|
},
|
|
spacing: {
|
|
18: "4.5rem",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|