@almadar/ui 5.0.0 → 5.1.1

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": "@almadar/ui",
3
- "version": "5.0.0",
3
+ "version": "5.1.1",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -139,6 +139,8 @@
139
139
  "@dnd-kit/core": "^6.3.1",
140
140
  "@dnd-kit/sortable": "^10.0.0",
141
141
  "@dnd-kit/utilities": "^3.2.2",
142
+ "@phosphor-icons/react": "^2.1.10",
143
+ "@tabler/icons-react": "^3.44.0",
142
144
  "@xyflow/react": "12.10.1",
143
145
  "clsx": "^2.1.0",
144
146
  "elkjs": "0.11.1",
@@ -146,6 +148,7 @@
146
148
  "leaflet": "1.9.4",
147
149
  "lucide-react": "^0.344.0",
148
150
  "parse-entities": "^4.0.0",
151
+ "react-icons": "^5.6.0",
149
152
  "react-leaflet": "^4.2.1",
150
153
  "react-markdown": "^9.0.0",
151
154
  "react-syntax-highlighter": "^16.1.0",
@@ -165,10 +165,11 @@
165
165
  --dialog-padding: 40px;
166
166
  --section-gap: 64px;
167
167
 
168
- /* Icon styling - Phosphor fill, larger default */
169
- --icon-family: phosphor-fill;
168
+ /* Icon styling - Tabler outline, larger default. Architectural strokes
169
+ distinct from lucide's friendly outline — fits atelier's editorial-display drama. */
170
+ --icon-family: tabler;
170
171
  --icon-default-size: 22px;
171
- --icon-stroke-width: 0;
172
+ --icon-stroke-width: 1.25;
172
173
  --icon-color: currentColor;
173
174
 
174
175
  /* Elevation - All none, hairlines do the work */
package/themes/index.css CHANGED
@@ -8,6 +8,11 @@
8
8
  * IMPORTANT: @import must precede all other statements (Vite requirement).
9
9
  */
10
10
 
11
+ /* Layer 1 skin axes — font families consumed by prism / gazette / terminal / atelier / kiosk.
12
+ * Combined into a single Google Fonts request for fewer round-trips. font-display: swap
13
+ * means body text renders immediately with the fallback chain while the web fonts load. */
14
+ @import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;700;900&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Manrope:wght@400;500;600;700;800&display=swap");
15
+
11
16
  /* Core themes */
12
17
  @import "./wireframe.css";
13
18
  @import "./minimalist.css";
package/themes/kiosk.css CHANGED
@@ -190,8 +190,9 @@
190
190
  --easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
191
191
  --easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
192
192
  --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
193
- /* Iconography axis - filled phosphor, large */
194
- --icon-family: phosphor-fill;
193
+ /* Iconography axis - FontAwesome solid, large. Chunky filled silhouettes
194
+ distinct from phosphor-fill's refined geometric forms — fits kiosk's touch-first energy. */
195
+ --icon-family: fa-solid;
195
196
  --icon-default-size: 26px;
196
197
  /* Elevation axis - lifted, prominent */
197
198
  --elevation-card: var(--shadow-lg);
@@ -393,8 +394,9 @@
393
394
  --easing-standard: cubic-bezier(0.16, 1, 0.3, 1);
394
395
  --easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
395
396
  --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
396
- /* Iconography axis - filled phosphor, large */
397
- --icon-family: phosphor-fill;
397
+ /* Iconography axis - FontAwesome solid, large. Chunky filled silhouettes
398
+ distinct from phosphor-fill's refined geometric forms — fits kiosk's touch-first energy. */
399
+ --icon-family: fa-solid;
398
400
  --icon-default-size: 26px;
399
401
  /* Elevation axis - lifted, prominent */
400
402
  --elevation-card: var(--shadow-lg);