@almadar/ui 2.22.2 → 2.24.0

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 (36) hide show
  1. package/dist/avl/index.cjs +699 -343
  2. package/dist/avl/index.d.cts +47 -10
  3. package/dist/avl/index.d.ts +2 -0
  4. package/dist/avl/index.js +696 -345
  5. package/dist/components/atoms/PatternTile.d.ts +41 -0
  6. package/dist/components/atoms/avl/AvlEffect.d.ts +2 -0
  7. package/dist/components/atoms/avl/AvlState.d.ts +5 -0
  8. package/dist/components/atoms/avl/index.d.ts +2 -0
  9. package/dist/components/atoms/avl/types.d.ts +34 -0
  10. package/dist/components/atoms/index.d.ts +1 -0
  11. package/dist/components/index.cjs +2136 -1124
  12. package/dist/components/index.js +1272 -264
  13. package/dist/components/molecules/EdgeDecoration.d.ts +35 -0
  14. package/dist/components/molecules/GeometricPattern.d.ts +33 -0
  15. package/dist/components/molecules/avl/AvlSwimLane.d.ts +10 -0
  16. package/dist/components/molecules/avl/AvlTransitionLane.d.ts +18 -0
  17. package/dist/components/molecules/avl/index.d.ts +2 -0
  18. package/dist/components/molecules/index.d.ts +2 -0
  19. package/dist/components/organisms/avl/AvlTraitScene.d.ts +3 -3
  20. package/dist/components/organisms/avl/AvlTransitionScene.d.ts +3 -6
  21. package/dist/docs/index.cjs +3 -3
  22. package/dist/docs/index.js +3 -3
  23. package/dist/illustrations/index.cjs +65 -12
  24. package/dist/illustrations/index.d.cts +7 -0
  25. package/dist/illustrations/index.js +65 -12
  26. package/dist/marketing/index.cjs +1035 -23
  27. package/dist/marketing/index.d.cts +112 -1
  28. package/dist/marketing/index.d.ts +6 -0
  29. package/dist/marketing/index.js +1034 -26
  30. package/dist/providers/index.cjs +125 -125
  31. package/dist/providers/index.js +37 -37
  32. package/dist/runtime/enrichFromResponse.d.ts +1 -1
  33. package/dist/runtime/index.cjs +1006 -998
  34. package/dist/runtime/index.js +247 -239
  35. package/package.json +1 -1
  36. package/themes/almadar-website.css +36 -34
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "2.22.2",
3
+ "version": "2.24.0",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "main": "./dist/components/index.js",
package/themes/almadar-website.css CHANGED
@@ -10,21 +10,21 @@
10
10
  * LIGHT MODE (content sections)
11
11
  * ========================================================================== */
12
12
  [data-theme="almadar-website-light"] {
13
- /* Shadows */
14
- --shadow-main: 0 4px 14px rgba(20, 184, 166, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05);
15
- --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
16
- --shadow-lg: 0 8px 30px rgba(20, 184, 166, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04);
17
- --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.04);
13
+ /* Shadows - neutral midnight-based (per brand) */
14
+ --shadow-main: 0 4px 14px rgba(15, 23, 42, 0.1), 0 1px 3px rgba(15, 23, 42, 0.06);
15
+ --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
16
+ --shadow-lg: 0 10px 15px rgba(15, 23, 42, 0.15);
17
+ --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.05);
18
18
  --shadow-none: none;
19
- --shadow-hover: 0 12px 40px rgba(20, 184, 166, 0.15);
20
- --shadow-active: 0 2px 8px rgba(20, 184, 166, 0.1);
19
+ --shadow-hover: 0 12px 40px rgba(15, 23, 42, 0.15);
20
+ --shadow-active: 0 2px 8px rgba(15, 23, 42, 0.1);
21
21
 
22
- /* Border radius */
22
+ /* Border radius - per brand (4/8/12/16) */
23
23
  --radius-none: 0px;
24
- --radius-sm: 6px;
25
- --radius-md: 10px;
26
- --radius-lg: 14px;
27
- --radius-xl: 20px;
24
+ --radius-sm: 4px;
25
+ --radius-md: 8px;
26
+ --radius-lg: 12px;
27
+ --radius-xl: 16px;
28
28
  --radius-full: 9999px;
29
29
 
30
30
  /* Border width */
@@ -41,8 +41,8 @@
41
41
  --color-secondary-hover: #e2e8f0;
42
42
  --color-secondary-foreground: #0f172a;
43
43
 
44
- --color-accent: #06b6d4;
45
- --color-accent-foreground: #ffffff;
44
+ --color-accent: #c9a227;
45
+ --color-accent-foreground: #0f172a;
46
46
 
47
47
  --color-muted: #f1f5f9;
48
48
  --color-muted-foreground: #64748b;
@@ -56,8 +56,7 @@
56
56
  --color-input: #e2e8f0;
57
57
  --color-ring: #14b8a6;
58
58
 
59
- /* Sand Gold for special accents */
60
- --color-gold: #c9a227;
59
+ /* Accent is gold in Almadar brand */
61
60
 
62
61
  /* Semantic colors */
63
62
  --color-error: #dc2626;
@@ -104,21 +103,21 @@
104
103
  * DARK MODE (hero sections, dark backgrounds)
105
104
  * ========================================================================== */
106
105
  [data-theme="almadar-website-dark"] {
107
- /* Shadows - Teal glow */
108
- --shadow-main: 0 4px 14px rgba(20, 184, 166, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
109
- --shadow-sm: 0 2px 4px rgba(20, 184, 166, 0.1);
110
- --shadow-lg: 0 8px 30px rgba(20, 184, 166, 0.25), 0 4px 10px rgba(0, 0, 0, 0.1);
106
+ /* Shadows - dark mode, deeper (per brand) */
107
+ --shadow-main: 0 4px 14px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
108
+ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
109
+ --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
111
110
  --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.1);
112
111
  --shadow-none: none;
113
- --shadow-hover: 0 12px 40px rgba(20, 184, 166, 0.35), 0 4px 12px rgba(6, 182, 212, 0.2);
114
- --shadow-active: 0 2px 8px rgba(20, 184, 166, 0.2);
112
+ --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.5);
113
+ --shadow-active: 0 2px 8px rgba(0, 0, 0, 0.3);
115
114
 
116
- /* Border radius */
115
+ /* Border radius - per brand (4/8/12/16) */
117
116
  --radius-none: 0px;
118
- --radius-sm: 6px;
119
- --radius-md: 10px;
120
- --radius-lg: 14px;
121
- --radius-xl: 20px;
117
+ --radius-sm: 4px;
118
+ --radius-md: 8px;
119
+ --radius-lg: 12px;
120
+ --radius-xl: 16px;
122
121
  --radius-full: 9999px;
123
122
 
124
123
  /* Border width */
@@ -135,23 +134,26 @@
135
134
  --color-secondary-hover: #334155;
136
135
  --color-secondary-foreground: #f1f5f9;
137
136
 
138
- --color-accent: #06b6d4;
139
- --color-accent-foreground: #083344;
137
+ --color-accent: #d4b44a;
138
+ --color-accent-foreground: #0f172a;
140
139
 
141
140
  --color-muted: #1e293b;
142
141
  --color-muted-foreground: #94a3b8;
143
142
 
144
143
  --color-background: #0f172a;
145
- --color-foreground: #f1f5f9;
144
+ --color-foreground: #f8fafc;
146
145
  --color-card: #1e293b;
147
- --color-card-foreground: #f1f5f9;
146
+ --color-card-foreground: #f8fafc;
148
147
  --color-surface: #1e293b;
149
148
  --color-border: #334155;
150
- --color-input: rgba(20, 184, 166, 0.3);
149
+ --color-input: #334155;
151
150
  --color-ring: #14b8a6;
152
151
 
153
- /* Sand Gold for special accents */
154
- --color-gold: #c9a227;
152
+ /* Tertiary color (Gold in Almadar brand) */
153
+ --color-tertiary: #c9a227;
154
+ --color-tertiary-hover: #d4b44a;
155
+ --color-tertiary-foreground: #0f172a;
156
+ --color-tertiary-muted: rgba(201, 162, 39, 0.15);
155
157
 
156
158
  /* Semantic colors */
157
159
  --color-error: #f87171;