New UI Components: - Modal/Dialog with sizes, focus trap, backdrop - Toast/Notification with variants, stacking, actions - Drawer/Sheet with directions and widths - Popover with triggers and positioning - Tooltip with delays and placements - DropdownMenu with items, dividers, keyboard nav - Breadcrumbs with separators and collapsing - Pagination with full/simple/minimal variants - Accordion with single/multi expand modes - Skeleton with text/avatar/card/table variants - InstallSnippet with package manager toggle - QualityScore with tier badges - ToolCard for registry display Design System Enhancements: - Complete token specification (shadows, radius, z-index, opacity) - Full dark mode palette in globals.css - Updated component variants for dark mode support Style Guide Expansion: - Split into 21 modular section files - Pattern library: navigation, forms, feedback, tables, search - Governance: a11y checklists, content guidelines, icon system - Interactive examples throughout
29 lines
787 B
TypeScript
29 lines
787 B
TypeScript
import baseConfig from '@tpmjs/tailwind-config/base';
|
|
import type { Config } from 'tailwindcss';
|
|
|
|
export default {
|
|
...baseConfig,
|
|
content: [
|
|
'./src/app/**/*.{ts,tsx}',
|
|
'./src/components/**/*.{ts,tsx}',
|
|
'../../packages/ui/src/**/*.ts',
|
|
],
|
|
safelist: [
|
|
...(baseConfig.safelist || []),
|
|
// Extended color utilities for style guide
|
|
'bg-accent-strong',
|
|
'bg-accent-muted',
|
|
'bg-surface-2',
|
|
'bg-surface-3',
|
|
'bg-success-light',
|
|
'bg-warning-light',
|
|
'bg-error-light',
|
|
'bg-info-light',
|
|
'text-foreground-secondary',
|
|
'text-foreground-tertiary',
|
|
'text-foreground-muted',
|
|
'border-border-strong',
|
|
'border-border-subtle',
|
|
],
|
|
plugins: [...(baseConfig.plugins || []), require('@tailwindcss/typography')],
|
|
} satisfies Config;
|