@pegasusheavy/ngx-tailwindcss 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/pegasusheavy-ngx-tailwindcss.mjs +13163 -0
- package/fesm2022/pegasusheavy-ngx-tailwindcss.mjs.map +1 -0
- package/package.json +25 -70
- package/src/lib/styles/theme.css +362 -0
- package/types/pegasusheavy-ngx-tailwindcss.d.ts +5073 -0
- package/.prettierignore +0 -19
- package/CHANGELOG.md +0 -163
- package/commitlint.config.cjs +0 -4
package/.prettierignore
DELETED
package/CHANGELOG.md
DELETED
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file.
|
|
4
|
-
|
|
5
|
-
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
|
-
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
|
-
|
|
8
|
-
## [0.1.0] - 2025-12-19
|
|
9
|
-
|
|
10
|
-
### ✨ Features
|
|
11
|
-
|
|
12
|
-
- Introduced a configurable theming system based on CSS custom properties, the `TwThemeService`, and `provideTwTheme()` so apps can swap palettes, override individual components, and keep `dark:` styles optional.
|
|
13
|
-
- Added a default `theme.css` bundle with semantic light/dark values and exposed the CSS variables through `ng-packagr` assets, letting downstream consumers tweak every shade without touching the library source.
|
|
14
|
-
- Delivered `TwDatatablesComponent`, a ready-to-go dashboard table with headers, toolbar slots, filters, pagination, and selection wired to the existing `tw-table` data layer.
|
|
15
|
-
|
|
16
|
-
### 📝 Content & polish
|
|
17
|
-
|
|
18
|
-
- Documented how to configure themes and added the DataTables docs page, ensuring the sidebar, nav, and theming routes all reach the new experiences.
|
|
19
|
-
- Rebalanced the docs palette so dark mode text, containers, stack/grid/spacer demos, sticky/scroll-area/columns/bleed examples, and tabs are legible, spacing works, and the navbar no longer looks cramped.
|
|
20
|
-
- Fixed the horizontal spacer sample to honor `size="auto"` by giving it `flex-1` and updated copy snippets throughout the docs to reflect the new UX.
|
|
21
|
-
|
|
22
|
-
### 🛠 Tooling & quality
|
|
23
|
-
|
|
24
|
-
- Added comprehensive `.npmignore`, removed single-use scripts, and wired Husky with linting pre-commit, test pre-push, and commitlint hooks.
|
|
25
|
-
- Documented the new changelog entry, ensured dark-mode demos showcase `dark:text-slate-300`, and kept existing Tailwind `dark:` utilities as safe defaults while giving users CSS variable overrides for Tw components.
|
|
26
|
-
|
|
27
|
-
## [0.1.0-beta.1] - 2025-12-15
|
|
28
|
-
|
|
29
|
-
### 🎉 Initial Release
|
|
30
|
-
|
|
31
|
-
First public release of `@pegasus-heavy/ngx-tailwindcss` - A highly customizable Angular component library for Tailwind CSS 4+.
|
|
32
|
-
|
|
33
|
-
### ✨ Features
|
|
34
|
-
|
|
35
|
-
#### Core
|
|
36
|
-
- **TwClassService** - Intelligent Tailwind class merging with conflict resolution
|
|
37
|
-
- **Global Configuration** - `provideTwConfig()` for app-wide default styling
|
|
38
|
-
- **Class Override System** - `classOverride` and `classReplace` inputs on all components
|
|
39
|
-
|
|
40
|
-
#### Form Components
|
|
41
|
-
- **Button** - Multiple variants (primary, secondary, outline, ghost, link, danger), sizes, icons, loading states
|
|
42
|
-
- **Input** - Text, password, email, number inputs with validation, prefixes, suffixes
|
|
43
|
-
- **Checkbox** - Single and group checkboxes with indeterminate state
|
|
44
|
-
- **Radio** - Radio buttons with group support
|
|
45
|
-
- **Switch** - Toggle switches with labels
|
|
46
|
-
- **Select** - Dropdown select with search, multi-select, custom templates
|
|
47
|
-
- **Slider** - Range sliders with single/dual handles, steps, marks
|
|
48
|
-
- **Rating** - Star rating with half-star support
|
|
49
|
-
|
|
50
|
-
#### Layout Components
|
|
51
|
-
- **Card** - Flexible card layouts with header, body, footer directives
|
|
52
|
-
- **Accordion** - Collapsible panels with single/multiple open modes
|
|
53
|
-
- **Tabs** - Tab navigation with lazy loading support
|
|
54
|
-
- **Divider** - Horizontal/vertical dividers with labels
|
|
55
|
-
|
|
56
|
-
#### Data Display Components
|
|
57
|
-
- **Badge** - Status indicators with variants and sizes
|
|
58
|
-
- **Avatar** - User avatars with images, initials, status indicators, groups
|
|
59
|
-
- **Chip** - Removable chips/tags
|
|
60
|
-
- **Table** - Data tables with sorting, pagination, row selection
|
|
61
|
-
- **Tree** - Hierarchical tree view with expand/collapse
|
|
62
|
-
- **Timeline** - Vertical timeline for events
|
|
63
|
-
|
|
64
|
-
#### Navigation Components
|
|
65
|
-
- **Breadcrumb** - Navigation breadcrumbs with custom separators
|
|
66
|
-
- **Pagination** - Page navigation with customizable display
|
|
67
|
-
- **Steps** - Step indicators for multi-step processes
|
|
68
|
-
- **Menu** - Context menus and menu bars
|
|
69
|
-
|
|
70
|
-
#### Feedback Components
|
|
71
|
-
- **Alert** - Dismissible alerts with variants (info, success, warning, error)
|
|
72
|
-
- **Toast** - Toast notifications with positioning and auto-dismiss
|
|
73
|
-
- **Progress** - Linear and circular progress bars
|
|
74
|
-
- **Spinner** - Loading spinners (border, dots, pulse, bars)
|
|
75
|
-
- **Skeleton** - Loading placeholders (text, cards, tables)
|
|
76
|
-
|
|
77
|
-
#### Overlay Components
|
|
78
|
-
- **Modal** - Dialog modals with sizes and animations
|
|
79
|
-
- **Dropdown** - Dropdown menus with portal rendering
|
|
80
|
-
- **Sidebar** - Slide-out sidebar panels
|
|
81
|
-
- **Popover** - Floating popovers with positioning
|
|
82
|
-
|
|
83
|
-
#### Media Components
|
|
84
|
-
- **Image** - Responsive images with lazy loading, preview mode
|
|
85
|
-
|
|
86
|
-
#### Utility Components
|
|
87
|
-
- **ScrollTop** - Scroll-to-top button
|
|
88
|
-
|
|
89
|
-
### 🎯 Directives
|
|
90
|
-
|
|
91
|
-
#### Core Directives
|
|
92
|
-
- **TwRippleDirective** - Material-style ripple effects
|
|
93
|
-
- **TwTooltipDirective** - Tooltip on hover
|
|
94
|
-
- **TwClickOutsideDirective** - Detect clicks outside element
|
|
95
|
-
- **TwFocusTrapDirective** - Trap focus within modals
|
|
96
|
-
|
|
97
|
-
#### DX Enhancement Directives
|
|
98
|
-
- **TwAutoFocusDirective** - Auto-focus elements on render
|
|
99
|
-
- **TwInViewDirective** - Intersection Observer for visibility
|
|
100
|
-
- **TwLongPressDirective** - Detect long press gestures
|
|
101
|
-
- **TwDebounceClickDirective** - Debounce rapid clicks
|
|
102
|
-
- **TwCopyClipboardDirective** - Copy text to clipboard
|
|
103
|
-
- **TwKeyboardShortcutDirective** - Handle keyboard shortcuts
|
|
104
|
-
- **TwSwipeDirective** - Detect swipe gestures
|
|
105
|
-
- **TwResizeObserverDirective** - Observe element resize
|
|
106
|
-
- **TwLazyImageDirective** - Lazy load images
|
|
107
|
-
- **TwScrollToDirective** - Smooth scroll navigation
|
|
108
|
-
- **TwHoverClassDirective** - Dynamic hover classes
|
|
109
|
-
- **TwTrapScrollDirective** - Prevent scroll propagation
|
|
110
|
-
|
|
111
|
-
#### ARIA Accessibility Directives
|
|
112
|
-
- **TwSrOnlyDirective** - Screen reader only content
|
|
113
|
-
- **TwAnnounceDirective** - Screen reader announcements
|
|
114
|
-
- **TwAriaExpandedDirective** - Manage expanded state
|
|
115
|
-
- **TwAriaSelectedDirective** - Manage selected state
|
|
116
|
-
- **TwAriaCheckedDirective** - Manage checked state
|
|
117
|
-
- **TwAriaPressedDirective** - Manage pressed state
|
|
118
|
-
- **TwAriaDisabledDirective** - Manage disabled state
|
|
119
|
-
- **TwAriaHiddenDirective** - Hide from assistive tech
|
|
120
|
-
- **TwAriaLiveDirective** - Live region management
|
|
121
|
-
- **TwAriaCurrentDirective** - Current navigation item
|
|
122
|
-
- **TwAriaBusyDirective** - Busy/loading state
|
|
123
|
-
- **TwAriaDescribedbyDirective** - Description relationships
|
|
124
|
-
- **TwAriaLabelledbyDirective** - Label relationships
|
|
125
|
-
- **TwAriaLabelDirective** - Accessible labels
|
|
126
|
-
- **TwAriaValueDirective** - Range widget values
|
|
127
|
-
- **TwRoleDirective** - ARIA roles
|
|
128
|
-
- **TwAriaModalDirective** - Modal dialogs
|
|
129
|
-
- **TwAriaHaspopupDirective** - Popup indicators
|
|
130
|
-
|
|
131
|
-
### ♿ Accessibility
|
|
132
|
-
- **TwAriaService** - Screen reader announcements (polite/assertive)
|
|
133
|
-
- **AriaUtils** - Helper functions for ARIA IDs and attributes
|
|
134
|
-
- All components built with WCAG 2.1 guidelines
|
|
135
|
-
- Keyboard navigation support
|
|
136
|
-
- Focus management
|
|
137
|
-
|
|
138
|
-
### 🌐 Internationalization
|
|
139
|
-
- **TwI18nService** - Translation and locale management
|
|
140
|
-
- **provideTwTranslations()** - Custom translation provider
|
|
141
|
-
- **provideTwLocale()** - Locale configuration
|
|
142
|
-
- Default English translations for all components
|
|
143
|
-
- RTL language support (Arabic, Hebrew, Persian, Urdu, etc.)
|
|
144
|
-
- String interpolation for dynamic content
|
|
145
|
-
|
|
146
|
-
### 📚 Documentation
|
|
147
|
-
- Comprehensive docs website with live examples
|
|
148
|
-
- Interactive component demos
|
|
149
|
-
- Code snippets with copy functionality
|
|
150
|
-
- SEO optimized with Open Graph and Twitter Cards
|
|
151
|
-
- AI-friendly documentation (llms.txt, structured data)
|
|
152
|
-
|
|
153
|
-
### 🛠️ Developer Experience
|
|
154
|
-
- Angular 19, 20, and 21 support
|
|
155
|
-
- Standalone components (no NgModule required)
|
|
156
|
-
- Full TypeScript support with strict types
|
|
157
|
-
- Tree-shakeable exports
|
|
158
|
-
- Zero bundled CSS - works with your Tailwind config
|
|
159
|
-
- Signals-based reactive state management
|
|
160
|
-
|
|
161
|
-
[0.1.0]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.0
|
|
162
|
-
[0.1.0-beta.1]: https://github.com/pegasusheavy/ngx-tailwindcss/releases/tag/v0.1.0-beta.1
|
|
163
|
-
|
package/commitlint.config.cjs
DELETED