@formant/aesthetics 0.0.8 → 0.0.10

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@formant/aesthetics",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "type": "module",
5
5
  "description": "Formant design system — themed React components built on shadcn/ui and Radix UI",
6
6
  "license": "MIT",
@@ -50,7 +50,7 @@
50
50
  "styles"
51
51
  ],
52
52
  "scripts": {
53
- "build": "tsup && node scripts/generate-css.mjs",
53
+ "build": "tsup && unocss components/**/*.{ts,tsx} -o dist/components.css",
54
54
  "dev": "tsup --watch",
55
55
  "typecheck": "tsc --noEmit",
56
56
  "prepublishOnly": "npm run build"
@@ -75,8 +75,10 @@
75
75
  "@types/node": "^25.5.0",
76
76
  "@types/react": "^19.2.14",
77
77
  "@types/react-dom": "^19.2.3",
78
+ "@unocss/cli": "^66.6.8",
78
79
  "tsup": "^8.5.1",
79
- "typescript": "^5.9.3"
80
+ "typescript": "^5.9.3",
81
+ "unocss": "^66.6.8"
80
82
  },
81
83
  "peerDependencies": {
82
84
  "react": "^19.0.0",
@@ -110,6 +110,19 @@ code, pre, .font-mono {
110
110
  .bg-terminal-amber { background-color: #E8AB7F; }
111
111
  .bg-interface-iris { background-color: #8B8CF4; }
112
112
 
113
+ /* Alpha variants */
114
+ .bg-fog-green\/10 { background-color: rgba(75, 94, 83, 0.1); }
115
+ .bg-fog-green\/20 { background-color: rgba(75, 94, 83, 0.2); }
116
+ .bg-fog-green\/30 { background-color: rgba(75, 94, 83, 0.3); }
117
+ .bg-fog-green\/40 { background-color: rgba(75, 94, 83, 0.4); }
118
+ .bg-ethereal-teal\/40 { background-color: rgba(44, 65, 66, 0.4); }
119
+ .bg-ethereal-teal\/60 { background-color: rgba(44, 65, 66, 0.6); }
120
+ .bg-terminal-amber\/10 { background-color: rgba(232, 171, 127, 0.1); }
121
+ .bg-terminal-amber\/25 { background-color: rgba(232, 171, 127, 0.25); }
122
+ .bg-terminal-amber\/80 { background-color: rgba(232, 171, 127, 0.8); }
123
+ .bg-interface-iris\/10 { background-color: rgba(139, 140, 244, 0.1); }
124
+ .bg-interface-iris\/25 { background-color: rgba(139, 140, 244, 0.25); }
125
+
113
126
  .text-deep-command { color: #0A0F11; }
114
127
  .text-slate-mist { color: #202428; }
115
128
  .text-formant-white { color: #F2F3F4; }
@@ -121,8 +134,15 @@ code, pre, .font-mono {
121
134
  .text-interface-iris { color: #8B8CF4; }
122
135
 
123
136
  .border-fog-green { border-color: rgba(75, 94, 83, 0.4); }
137
+ .border-fog-green\/40 { border-color: rgba(75, 94, 83, 0.4); }
138
+ .border-ethereal-teal\/60 { border-color: rgba(44, 65, 66, 0.6); }
124
139
  .border-terminal-amber { border-color: rgba(232, 171, 127, 0.25); }
140
+ .border-terminal-amber\/20 { border-color: rgba(232, 171, 127, 0.2); }
141
+ .border-terminal-amber\/25 { border-color: rgba(232, 171, 127, 0.25); }
125
142
  .border-interface-iris { border-color: rgba(139, 140, 244, 0.25); }
143
+ .border-interface-iris\/20 { border-color: rgba(139, 140, 244, 0.2); }
144
+ .border-interface-iris\/25 { border-color: rgba(139, 140, 244, 0.25); }
145
+ .border-system-neutral\/20 { border-color: rgba(163, 171, 169, 0.2); }
126
146
 
127
147
  /* Formant Animation Utilities */
128
148
  @keyframes fadeUp {