@howssatoshi/quantumcss 1.4.2 → 1.5.0

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.
Files changed (25) hide show
  1. package/README.md +8 -7
  2. package/dist/quantum.min.css +1 -4678
  3. package/examples/blog-template.html +268 -0
  4. package/examples/gaming-template.html +355 -0
  5. package/examples/images/starlight.jpg +0 -0
  6. package/examples/index.html +138 -0
  7. package/examples/kitchen-sink.html +1012 -0
  8. package/examples/news-template.html +320 -0
  9. package/examples/shopping/images/headset.jpg +0 -0
  10. package/examples/shopping/images/sneakers.jpg +0 -0
  11. package/examples/shopping/images/windbreaker.jpg +0 -0
  12. package/examples/shopping/index.html +330 -0
  13. package/examples/starlight.html +161 -0
  14. package/examples/theme-test.html +174 -0
  15. package/examples/travel/index.html +254 -0
  16. package/examples/verify_fixes.html +52 -0
  17. package/examples/verify_presets.html +32 -0
  18. package/package.json +8 -1
  19. package/src/generator.js +19 -8
  20. package/src/starlight.js +406 -15
  21. package/src/styles/quantum-animations.css +3 -2
  22. package/src/styles/quantum-base.css +295 -91
  23. package/src/styles/quantum-components.css +47 -47
  24. package/src/styles/quantum-responsive.css +5 -4
  25. package/src/styles/starlight.css +184 -184
package/README.md CHANGED
@@ -1,18 +1,19 @@
1
1
  # Quantum CSS - Next-Generation Utility Framework
2
2
 
3
- ![Quantum CSS](https://img.shields.io/badge/Quantum%20CSS-v1.3.0-blue)
3
+ ![Quantum CSS](https://img.shields.io/badge/Quantum%20CSS-v1.5.0-blue)
4
4
  ![License](https://img.shields.io/badge/license-MIT-green)
5
- ![Bundle Size](https://img.shields.io/badge/bundle%20size-15KB-brightgreen)
5
+ ![Bundle Size](https://img.shields.io/badge/bundle%20size-19KB-brightgreen)
6
6
 
7
7
  A modern, performance-optimized utility-first CSS framework with semantic naming, recursive component presets, and advanced cosmic effects.
8
8
 
9
9
  ## 🚀 Features
10
10
 
11
11
  ### Modern CSS Capabilities
12
- - **Recursive Component Presets** - Define custom components in config using existing utilities
13
- - **Cosmic Animation Library** - Advanced effects like parallax nebula drifts and orbit paths
14
- - **High Contrast Mode** - Native support for `prefers-contrast` and `forced-colors`
15
- - **JIT Dark Mode** - Dynamic generation of dark mode variants via `dark:` prefix
12
+ - **Robust Theme Engine** - Seamlessly follow OS settings with automatic `prefers-color-scheme` detection and dynamic live-switching.
13
+ - **Recursive Component Presets** - Define custom components in config using existing utilities.
14
+ - **Cosmic Animation Library** - Advanced effects like parallax nebula drifts and orbit paths.
15
+ - **High Contrast Mode** - Native support for `prefers-contrast` and `forced-colors`.
16
+ - **JIT Dark Mode** - Dynamic generation of dark mode variants via `dark:` prefix.
16
17
 
17
18
  ### Developer Experience
18
19
  - **Advanced CLI Scaffolding** - Instantly generate pre-styled templates (Gaming, Blog, News, Shopping, Travel)
@@ -99,7 +100,7 @@ QuantumCSS automatically optimizes contrast for accessibility when the user enab
99
100
  ## 📊 Performance
100
101
 
101
102
  ### Bundle Size
102
- - **QuantumCSS Core**: ~15KB gzipped
103
+ - **QuantumCSS Core**: ~19KB gzipped
103
104
  - **Optimized Selectors**: Minimal specificity for maximum performance
104
105
  - **Tree Shaking**: Only used utilities and presets are generated in JIT mode
105
106