@almadar/ui 2.23.0 → 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.
- package/dist/components/atoms/PatternTile.d.ts +41 -0
- package/dist/components/atoms/index.d.ts +1 -0
- package/dist/components/index.cjs +2136 -1124
- package/dist/components/index.js +1272 -264
- package/dist/components/molecules/EdgeDecoration.d.ts +35 -0
- package/dist/components/molecules/GeometricPattern.d.ts +33 -0
- package/dist/components/molecules/index.d.ts +2 -0
- package/dist/docs/index.cjs +3 -3
- package/dist/docs/index.js +3 -3
- package/dist/marketing/index.cjs +1035 -23
- package/dist/marketing/index.d.cts +112 -1
- package/dist/marketing/index.d.ts +6 -0
- package/dist/marketing/index.js +1034 -26
- package/dist/providers/index.cjs +125 -125
- package/dist/providers/index.js +37 -37
- package/dist/runtime/enrichFromResponse.d.ts +1 -1
- package/dist/runtime/index.cjs +1006 -998
- package/dist/runtime/index.js +247 -239
- package/package.json +1 -1
- package/themes/almadar-website.css +36 -34
package/package.json
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(
|
|
15
|
-
--shadow-sm: 0
|
|
16
|
-
--shadow-lg: 0
|
|
17
|
-
--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.
|
|
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
|
-
--shadow-active: 0 2px 8px rgba(
|
|
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:
|
|
25
|
-
--radius-md:
|
|
26
|
-
--radius-lg:
|
|
27
|
-
--radius-xl:
|
|
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: #
|
|
45
|
-
--color-accent-foreground: #
|
|
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
|
-
/*
|
|
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 -
|
|
108
|
-
--shadow-main: 0 4px 14px rgba(
|
|
109
|
-
--shadow-sm: 0
|
|
110
|
-
--shadow-lg: 0
|
|
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(
|
|
114
|
-
--shadow-active: 0 2px 8px rgba(
|
|
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:
|
|
119
|
-
--radius-md:
|
|
120
|
-
--radius-lg:
|
|
121
|
-
--radius-xl:
|
|
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: #
|
|
139
|
-
--color-accent-foreground: #
|
|
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: #
|
|
144
|
+
--color-foreground: #f8fafc;
|
|
146
145
|
--color-card: #1e293b;
|
|
147
|
-
--color-card-foreground: #
|
|
146
|
+
--color-card-foreground: #f8fafc;
|
|
148
147
|
--color-surface: #1e293b;
|
|
149
148
|
--color-border: #334155;
|
|
150
|
-
--color-input:
|
|
149
|
+
--color-input: #334155;
|
|
151
150
|
--color-ring: #14b8a6;
|
|
152
151
|
|
|
153
|
-
/*
|
|
154
|
-
--color-
|
|
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;
|