@formant/aesthetics 0.1.4 → 0.1.5

package/README.md

@@ -4,6 +4,12 @@ A classless CSS framework based on the Formant Design System. No classes require
 
 ## Quick Start
 
+Prompt an AI:
+
+```
+read https://cdn.jsdelivr.net/npm/@formant/aesthetics/formant-aesthetics.css and https://cdn.jsdelivr.net/npm/@formant/aesthetics/DESIGN.md
+```
+
 Add the CDN link to your HTML:
 
 ```html

package/formant-aesthetics.css

@@ -2,9 +2,31 @@
  * Formant Aesthetics - Classless CSS
  * Version: 2026.1-theme
  * 
- * A single-file classless CSS framework that styles standard HTML elements
- * according to the Formant Design System. Includes all design tokens,
- * dark/light theme support, and semantic element styles.
+ * WHAT IS CLASSLESS CSS?
+ * ----------------------
+ * A classless CSS framework styles standard HTML elements directly using
+ * element selectors (like `h1`, `p`, `button`, `input`) rather than requiring
+ * you to add CSS classes to every element. Just write semantic HTML and
+ * it looks great automatically.
+ * 
+ * BENEFITS:
+ * - No need to learn or remember CSS class names
+ * - Clean, semantic HTML markup
+ * - Rapid prototyping - just write HTML
+ * - Accessible by default (proper contrast, focus states, etc.)
+ * - Consistent styling across all standard elements
+ * 
+ * HOW TO USE:
+ *   1. Include the stylesheet: <link rel="stylesheet" href="formant-aesthetics.css">
+ *   2. Write standard HTML elements - they are automatically styled
+ *   3. Optional: Use data attributes like data-variant, data-theme for variations
+ * 
+ * FEATURES:
+ * - Complete Formant Design System styling
+ * - Dark mode (default) and light mode support
+ * - Responsive typography and spacing
+ * - Styled forms, tables, buttons, and all semantic elements
+ * - Accessible focus states and color contrast
  * 
  * Design System Reference: ~/formant/aesthetics/DESIGN.md
  * 
@@ -602,6 +624,7 @@ table[data-variant="data"] td {
 /* ==========================================================================
    11. Forms - Input Fields
    ========================================================================== */
+input:not([type]),
 input[type="text"],
 input[type="email"],
 input[type="password"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formant/aesthetics",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Classless CSS framework based on the Formant Design System. Styles standard HTML elements without requiring any classes.",
   "main": "formant-aesthetics.css",
   "files": [