Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: dxc-technology/halstack-react
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: master
Choose a base ref
...
head repository: dxc-technology/halstack-react
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: spinner-without-implementation-example
Choose a head ref
Checking mergeability… Don’t worry, you can still create the pull request.
  • 1 commit
  • 6 files changed
  • 1 contributor

Commits on Jul 24, 2025

  1. feat: Implement comprehensive Spinner component based on Figma design 

    - Created full-featured spinner component following library patterns
- Implemented both indeterminate and determinate modes
- Added 3 size variants (small: 16px, medium: 140px, large: 180px)
- Included overlay mode for modal loading states
- Added progress value display and custom labels
- Implemented smooth CSS animations with proper performance
- Added comprehensive test coverage (unit + accessibility)
- Included Storybook stories for all variants and interactions
- Followed Figma design tokens for colors, sizes, and typography
- Added proper ARIA attributes and screen reader support
- Documented API and usage examples

Key features:
- Circular SVG-based progress indicator
- Auto-detection of determinate/indeterminate modes
- Configurable sizing and styling
- Accessibility-first implementation
- Performance-optimized animations
    Aitor Echevarría
    Aitor Echevarría committed Jul 24, 2025
    Configuration menu
    Copy the full SHA
    8b055e7 View commit details
    Browse the repository at this point in the history
Loading