@datafluxgrid/fluxgrid-css 1.0.3 → 1.0.5

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 (2) hide show
  1. package/README.md +45 -45
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -11,45 +11,45 @@ form components, and a full design token system built right in.
11
11
 
12
12
  ---
13
13
 
14
- ## ⚡ Why This Package?
15
-
16
- | Feature | Tailwind | Bootstrap | **@datafluxgrid/fluxgrid-css** |
17
- | --------------------------- | ---------------- | ---------- | ------------------------------ |
18
- | Zero build step | ❌ Requires CLI | ✅ | ✅ |
19
- | CDN ready | ⚠️ Partial | ✅ | ✅ |
20
- | Dark mode built-in | ⚠️ Config needed | ❌ | ✅ |
21
- | CSS Variable theming | ❌ | ❌ | ✅ |
22
- | Form components included | ❌ Plugin needed | ✅ | ✅ |
23
- | Animation library | ❌ | ❌ | ✅ |
24
- | Modular file imports | ❌ | ❌ | ✅ |
25
- | Conflict-free prefix (`c-`) | ❌ | ❌ | ✅ |
26
- | Reduced motion support | ❌ | ❌ | ✅ |
27
- | Print utilities | ❌ | ⚠️ Partial | ✅ |
14
+ ## Why This Package?
15
+
16
+ | Feature | Tailwind | Bootstrap | @datafluxgrid/fluxgrid-css |
17
+ | --------------------------- | ------------- | --------- | -------------------------- |
18
+ | Zero build step | Requires CLI | Yes | Yes |
19
+ | CDN ready | Partial | Yes | Yes |
20
+ | Dark mode built-in | Config needed | No | Yes |
21
+ | CSS Variable theming | No | No | Yes |
22
+ | Form components included | Plugin needed | Yes | Yes |
23
+ | Animation library | No | No | Yes |
24
+ | Modular file imports | No | No | Yes |
25
+ | Conflict-free prefix (`c-`) | No | No | Yes |
26
+ | Reduced motion support | No | No | Yes |
27
+ | Print utilities | No | Partial | Yes |
28
28
 
29
29
  ---
30
30
 
31
- ## 🚀 Features
32
-
33
- - ✅ **Zero build step** — no CLI, no config, no purge, no PostCSS
34
- - ✅ **Dark mode built-in** — via `data-theme="dark"` or `prefers-color-scheme`
35
- - ✅ **CSS Variables theming** — override any token with one line of CSS
36
- - ✅ **Modular imports** — use the full bundle or import only what you need
37
- - ✅ **Full CSS reset** — consistent cross-browser baseline
38
- - ✅ **Flexbox + CSS Grid** — 12-column responsive grid with `sm/md/lg/xl/2xl` breakpoints
39
- - ✅ **Spacing system** — complete `margin` and `padding` scale
40
- - ✅ **Typography utilities** — font size, weight, line height, tracking, transform
41
- - ✅ **Color system** — full palette for text, background, border with semantic tokens
42
- - ✅ **Effects** — shadows, borders, opacity, transforms, filters, backdrop-blur
43
- - ✅ **16 animations** — fade, slide, scale, spin, pulse, skeleton loader, float, and more
44
- - ✅ **Form components** — inputs, textarea, select, checkbox, radio, buttons (no JS)
45
- - ✅ **Scroll & snap** — scroll behavior, snap, custom scrollbar, touch-action
46
- - ✅ **Print utilities** — show/hide, page breaks, print-only elements
47
- - ✅ **Conflict-free** — `c-` prefix never clashes with existing CSS
48
- - ✅ **Reduced motion** — animations auto-disabled for accessibility
31
+ ## Features
32
+
33
+ - **Zero build step** — no CLI, no config, no purge, no PostCSS
34
+ - **Dark mode built-in** — via `data-theme="dark"` or `prefers-color-scheme`
35
+ - **CSS Variables theming** — override any token with one line of CSS
36
+ - **Modular imports** — use the full bundle or import only what you need
37
+ - **Full CSS reset** — consistent cross-browser baseline
38
+ - **Flexbox + CSS Grid** — 12-column responsive grid with `sm/md/lg/xl/2xl` breakpoints
39
+ - **Spacing system** — complete `margin` and `padding` scale
40
+ - **Typography utilities** — font size, weight, line height, tracking, transform
41
+ - **Color system** — full palette for text, background, border with semantic tokens
42
+ - **Effects** — shadows, borders, opacity, transforms, filters, backdrop-blur
43
+ - **16 animations** — fade, slide, scale, spin, pulse, skeleton loader, float, and more
44
+ - **Form components** — inputs, textarea, select, checkbox, radio, buttons (no JS required)
45
+ - **Scroll and snap** — scroll behavior, snap, custom scrollbar, touch-action
46
+ - **Print utilities** — show/hide, page breaks, print-only elements
47
+ - **Conflict-free** — `c-` prefix never clashes with existing CSS
48
+ - **Reduced motion** — animations auto-disabled for accessibility
49
49
 
50
50
  ---
51
51
 
52
- ## 📦 Installation
52
+ ## Installation
53
53
 
54
54
  ### via npm
55
55
 
@@ -86,7 +86,7 @@ cd fluxgrid-css
86
86
 
87
87
  ---
88
88
 
89
- ## 🛠️ Usage
89
+ ## Usage
90
90
 
91
91
  ### In HTML
92
92
 
@@ -130,7 +130,7 @@ import "@datafluxgrid/fluxgrid-css/src/spacing.css";
130
130
 
131
131
  ---
132
132
 
133
- ## 🗂️ File Structure
133
+ ## File Structure
134
134
 
135
135
  ```
136
136
  src/
@@ -152,7 +152,7 @@ src/
152
152
 
153
153
  ---
154
154
 
155
- ## 🌗 Dark Mode
155
+ ## Dark Mode
156
156
 
157
157
  No JavaScript required. Two ways to activate:
158
158
 
@@ -181,7 +181,7 @@ No JavaScript required. Two ways to activate:
181
181
 
182
182
  ---
183
183
 
184
- ## 📐 Grid System
184
+ ## Grid System
185
185
 
186
186
  12-column responsive flexbox grid with breakpoints at `md` (768px), `lg` (1024px), `xl` (1280px), and `2xl` (1536px).
187
187
 
@@ -214,7 +214,7 @@ No JavaScript required. Two ways to activate:
214
214
 
215
215
  ---
216
216
 
217
- ## 🎨 Design Tokens
217
+ ## Design Tokens
218
218
 
219
219
  Override any token globally:
220
220
 
@@ -229,7 +229,7 @@ Override any token globally:
229
229
 
230
230
  ---
231
231
 
232
- ## 🖊️ Form Components
232
+ ## Form Components
233
233
 
234
234
  Production-ready form elements with no JavaScript:
235
235
 
@@ -274,7 +274,7 @@ Production-ready form elements with no JavaScript:
274
274
 
275
275
  ---
276
276
 
277
- ## 🎞️ Animations
277
+ ## Animations
278
278
 
279
279
  16 built-in keyframe animations with full duration, delay, and iteration control:
280
280
 
@@ -295,7 +295,7 @@ Available: `fade-in` `fade-out` `slide-up` `slide-down` `slide-left` `slide-righ
295
295
 
296
296
  ---
297
297
 
298
- ## ✨ Effects & Hover Utilities
298
+ ## Effects & Hover Utilities
299
299
 
300
300
  ```html
301
301
  <div class="c-rounded-lg c-shadow c-hover-lift c-transition">Card</div>
@@ -306,7 +306,7 @@ Available: `fade-in` `fade-out` `slide-up` `slide-down` `slide-left` `slide-righ
306
306
 
307
307
  ---
308
308
 
309
- ## 📜 Scroll Utilities
309
+ ## Scroll Utilities
310
310
 
311
311
  ```html
312
312
  <!-- Horizontal scroll snap -->
@@ -321,7 +321,7 @@ Available: `fade-in` `fade-out` `slide-up` `slide-down` `slide-left` `slide-righ
321
321
 
322
322
  ---
323
323
 
324
- ## 🖨️ Print Utilities
324
+ ## Print Utilities
325
325
 
326
326
  ```html
327
327
  <nav class="c-print-hidden">Navigation</nav>
@@ -331,7 +331,7 @@ Available: `fade-in` `fade-out` `slide-up` `slide-down` `slide-left` `slide-righ
331
331
 
332
332
  ---
333
333
 
334
- ## 🤝 Contributing
334
+ ## Contributing
335
335
 
336
336
  Contributions are welcome!
337
337
 
@@ -345,6 +345,6 @@ Contributions are welcome!
345
345
 
346
346
  ---
347
347
 
348
- ## 📄 License
348
+ ## License
349
349
 
350
350
  MIT © [Datafluxgrid](https://www.linkedin.com/company/datafluxgrid)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datafluxgrid/fluxgrid-css",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "A utility-first CSS framework with zero build step — dark mode, animations, forms, and a full design token system built in.",
5
5
  "main": "src/index.css",
6
6
  "files": [