@howssatoshi/quantumcss 1.7.1 → 1.7.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.
Files changed (6) hide show
  1. package/README.md +1 -1
  2. package/dist/quantum.min.css +2 -2
  3. package/examples/chat-messaging.html +8 -5
  4. package/examples/index.html +1 -1
  5. package/package.json +1 -1
  6. package/src/styles/quantum-base.css +1 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Quantum CSS - Next-Generation Utility Framework
2
2
 
3
- ![Quantum CSS](https://img.shields.io/badge/Quantum%20CSS-v1.7.1-blue)
3
+ ![Quantum CSS](https://img.shields.io/badge/Quantum%20CSS-v1.7.2-blue)
4
4
  ![License](https://img.shields.io/badge/license-MIT-green)
5
5
  ![Bundle Size](https://img.shields.io/badge/bundle%20size-24%20KB%20(gzipped)-brightgreen)
6
6
 
package/dist/quantum.min.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * QuantumCSS + Starlight UI v1.7.1 - Advanced Utility-First CSS Framework
2
+ * QuantumCSS + Starlight UI v1.7.2 - Advanced Utility-First CSS Framework
3
3
  * https://github.com/macroadster/quantumcss
4
4
  * Copyright (c) 2026 Eric Yang
5
5
  * License: MIT
@@ -8,7 +8,7 @@
8
8
  /*!
9
9
  * QuantumCSS + Starlight UI
10
10
  * Advanced utility-first framework with ethereal cosmic aesthetics
11
- * Version: 1.7.1
11
+ * Version: 1.7.2
12
12
  * Features: Modern CSS, JIT Engine, Starlight Components, Dark Mode
13
13
  */
14
14
 
package/examples/chat-messaging.html CHANGED
@@ -59,12 +59,15 @@
59
59
  .message.sent .message-bubble { background: linear-gradient(135deg, var(--color-starlight, #00d4ff), #3b82f6); color: white; border-bottom-right-radius: 0.25rem; }
60
60
  .message-time { font-size: 0.75rem; color: var(--text-muted, #64748b); align-self: flex-start; margin-left: 0.5rem; }
61
61
  .message.sent .message-time { align-self: flex-end; margin-left: 0; margin-right: 0.5rem; }
62
- .chat-input-container { padding: 1rem 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.02); }
63
- .chat-input-wrapper { display: flex; align-items: flex-end; gap: 0.75rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 1.5rem; padding: 0.625rem 0.75rem; }
64
- .chat-input { flex: 1; background: transparent; border: none; color: var(--text-primary, #f1f5f9); font-size: 0.9375rem; resize: none; max-height: 120px; padding: 0.5rem 0; outline: none; }
62
+ .chat-input-container { padding: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.02); }
63
+ .chat-input-wrapper { display: flex; align-items: flex-end; gap: 0.75rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 1.25rem; padding: 0.5rem 0.75rem; }
64
+ .chat-input { flex: 1; background: transparent; border: none; color: var(--text-primary, #f1f5f9); font-size: 0.9375rem; resize: none; max-height: 120px; padding: 0.625rem 0; outline: none; }
65
65
  .chat-input::placeholder { color: var(--text-muted, #64748b); }
66
- .send-btn { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--color-starlight, #00d4ff), #3b82f6); border: none; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; }
67
- .send-btn:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4); }
66
+ .send-btn { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--color-starlight, #00d4ff), #3b82f6); border: none; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; margin-bottom: 0.125rem; }
67
+ .theme-toggle-wrapper { padding: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.06); }
68
+ .theme-btn { width: 100%; display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0.75rem; color: var(--text-primary, #f1f5f9); cursor: pointer; transition: all 0.2s ease; }
69
+ .theme-btn:hover { background: rgba(255, 255, 255, 0.08); }
70
+ .theme-label { font-size: 0.875rem; font-weight: 500; }
68
71
  .sun-icon { display: none; }
69
72
  body.light-mode .sun-icon { display: inline; }
70
73
  body.light-mode .moon-icon { display: none; }
package/examples/index.html CHANGED
@@ -61,7 +61,7 @@
61
61
 
62
62
  <header class="hero container">
63
63
  <div class="pt-8 pb-12 text-center">
64
- <span class="text-[10px] font-black tracking-[0.3em] text-starlight uppercase mb-6 block">QuantumCSS v1.7.1</span>
64
+ <span class="text-[10px] font-black tracking-[0.3em] text-starlight uppercase mb-6 block">QuantumCSS v1.7.2</span>
65
65
  <h1 class="text-7xl md:text-8xl text-gradient-starlight font-black uppercase italic tracking-tighter mb-8">Starlight Design</h1>
66
66
  <p class="text-xl text-slate-400 max-w-3xl mx-auto mb-12 font-medium leading-relaxed">
67
67
  A standardized, high-performance UI library.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@howssatoshi/quantumcss",
3
- "version": "1.7.1",
3
+ "version": "1.7.2",
4
4
  "description": "Advanced utility-first CSS framework with JIT generation and modern components",
5
5
  "main": "dist/quantum.min.css",
6
6
  "bin": {
package/src/styles/quantum-base.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * QuantumCSS + Starlight UI
3
3
  * Advanced utility-first framework with ethereal cosmic aesthetics
4
- * Version: 1.7.1
4
+ * Version: 1.7.2
5
5
  * Features: Modern CSS, JIT Engine, Starlight Components, Dark Mode
6
6
  */
7
7