Commit Graph

6 Commits

Author SHA1 Message Date
skyai_dev
2bbbf1b9f1 Add comprehensive UI component expansion
- Add new components: enhanced-table, fab-menu, icon-button, snackbar, select, tag-input, bottom-navigation, stepper, command-palette, floating-toolbar, transfer-list
- Refactor table-actions and select components
- Update component styles and exports
- Add corresponding demo components

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-03 21:50:45 +10:00
skyai_dev
e9f975eb02 Add Color Picker component with interactive color wheel and hue selection
Features:
- Interactive color wheel for saturation/lightness selection
- Horizontal hue bar for full spectrum selection (0-360°)
- RGB/HSL/HEX color model support with conversion utilities
- ControlValueAccessor for Angular reactive forms integration
- Canvas API rendering for smooth color gradients
- Touch and mouse event support for intuitive color selection
- Keyboard navigation with arrow keys for accessibility
- Multiple size variants (sm, md, lg) and color themes
- Comprehensive demo with preset colors and interactive examples
- Full semantic design token integration following project standards

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-03 16:14:11 +10:00
skyai_dev
1aaef36763 Add split button component with comprehensive functionality
- Create new SplitButtonComponent with primary action and dropdown menu
- Support for three variants: filled, tonal, outlined
- Three size options: small, medium, large
- Icon support with configurable positioning
- Configurable dropdown menu items with icons and labels
- Full accessibility support with ARIA attributes and keyboard navigation
- Interactive states: hover, active, disabled, loading
- Responsive design using semantic design tokens
- Complete demo application with multiple examples
- Integration with dashboard navigation menu

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-03 14:41:16 +10:00
skyai_dev
6b8352a8a0 Add comprehensive toast notification component to feedback category
- Create new toast component with full TypeScript implementation
- Add SCSS styling using semantic design tokens exclusively
- Implement size variants (sm, md, lg) and color variants (primary, success, warning, danger, info)
- Include interactive features: auto-dismiss, manual dismiss, progress bar, hover pause/resume
- Add comprehensive accessibility support with ARIA attributes and keyboard navigation
- Create engaging demo component with interactive examples and live statistics
- Integrate toast into feedback category menu and routing system
- Follow established component patterns and design system conventions

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-03 12:01:35 +10:00
skyai_dev
6f0ab0cf5f Fix SCSS semantic token variable errors across components
- Replace incorrect semantic token names with correct ones:
  • $semantic-border-width-thin → $semantic-border-width-1
  • $semantic-color-border-default → $semantic-color-border-primary
  • $semantic-spacing-content-* → $semantic-spacing-component-*
  • $semantic-typography-body-* → $semantic-typography-font-size-*
  • $semantic-typography-caption-* → $semantic-typography-font-size-*
  • $semantic-motion-easing-standard → $semantic-easing-standard
  • $semantic-color-surface-tertiary → $semantic-color-surface-secondary
  • Various hover color tokens → base color tokens

- Fix typography map usage errors:
  • Replace heading map tokens with individual size tokens
  • $semantic-typography-heading-h* → $semantic-typography-heading-h*-size

- Update affected components:
  • tooltip, divider, progress-circle, range-slider components
  • Related demo components and SCSS files

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-03 07:50:34 +10:00
skyai_dev
5983722793 Add comprehensive component library and demo application
Added extensive component library with feedback components (empty state, loading spinner, skeleton loader), enhanced form components (autocomplete, date picker, file upload, form field, time picker), navigation components (pagination), and overlay components (backdrop, drawer, modal, overlay container). Updated demo application with comprehensive showcase components and enhanced styling throughout the project. Excluded font files from repository to reduce size.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-03 05:38:09 +10:00