@cranberry-money/shared-constants 8.15.364 → 8.15.366
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/ui/design-tokens.d.ts +124 -89
- package/dist/ui/design-tokens.d.ts.map +1 -1
- package/dist/ui/design-tokens.js +282 -393
- package/dist/ui/design-tokens.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,100 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Design tokens for consistent styling across platforms
|
|
3
|
-
*
|
|
3
|
+
* Optimized for React (CSS) and React Native (StyleSheet)
|
|
4
4
|
*/
|
|
5
5
|
export declare const DESIGN_TOKENS: {
|
|
6
6
|
readonly colors: {
|
|
7
|
-
readonly
|
|
8
|
-
readonly
|
|
9
|
-
readonly
|
|
10
|
-
readonly
|
|
11
|
-
readonly quaternary: "#4a5568";
|
|
12
|
-
readonly elevated: "#243247";
|
|
13
|
-
};
|
|
14
|
-
readonly content: {
|
|
15
|
-
readonly primary: "#fafbfc";
|
|
16
|
-
readonly secondary: "#e4e7ea";
|
|
17
|
-
readonly body: "#cbd2d8";
|
|
18
|
-
readonly muted: "#8b95a1";
|
|
19
|
-
readonly subtle: "#64748b";
|
|
20
|
-
};
|
|
21
|
-
readonly primary: {
|
|
22
|
-
readonly 100: "#e0e7ff";
|
|
23
|
-
readonly 300: "#a5b4fc";
|
|
24
|
-
readonly 400: "#818cf8";
|
|
25
|
-
readonly 500: "#6366f1";
|
|
26
|
-
readonly 600: "#4f46e5";
|
|
27
|
-
readonly 700: "#4338ca";
|
|
28
|
-
readonly 800: "#3730a3";
|
|
29
|
-
readonly 900: "#312e81";
|
|
30
|
-
readonly alpha: {
|
|
31
|
-
readonly 100: "#312e811A";
|
|
32
|
-
readonly 200: "#312e8133";
|
|
33
|
-
readonly 300: "#312e814D";
|
|
34
|
-
readonly 500: "#312e8180";
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
readonly success: {
|
|
38
|
-
readonly 300: "#86efac";
|
|
39
|
-
readonly 400: "#4ade80";
|
|
40
|
-
readonly 600: "#16a34a";
|
|
41
|
-
readonly 700: "#15803d";
|
|
42
|
-
readonly 900: "#14532d";
|
|
43
|
-
};
|
|
44
|
-
readonly error: {
|
|
45
|
-
readonly 300: "#fca5a5";
|
|
46
|
-
readonly 400: "#f87171";
|
|
47
|
-
readonly 600: "#dc2626";
|
|
48
|
-
readonly 700: "#b91c1c";
|
|
49
|
-
readonly 900: "#7f1d1d";
|
|
50
|
-
readonly subtle: "#fef2f2";
|
|
51
|
-
readonly backgroundSubtle: "rgba(220, 38, 38, 0.1)";
|
|
52
|
-
};
|
|
53
|
-
readonly warning: {
|
|
54
|
-
readonly 300: "#fbbf24";
|
|
55
|
-
readonly 600: "#d97706";
|
|
56
|
-
readonly 900: "#92400e";
|
|
57
|
-
readonly alpha: {
|
|
58
|
-
readonly 300: "#92400e4D";
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
readonly info: {
|
|
62
|
-
readonly 400: "#38bdf8";
|
|
63
|
-
readonly 600: "#0284c7";
|
|
64
|
-
};
|
|
65
|
-
readonly border: {
|
|
66
|
-
readonly default: "#334155";
|
|
67
|
-
readonly subtle: "#1e293b";
|
|
68
|
-
readonly strong: "#475569";
|
|
69
|
-
readonly focus: {
|
|
70
|
-
readonly primary: "#6366f1";
|
|
71
|
-
readonly subtle: "#6b7280";
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
readonly accent: {
|
|
75
|
-
readonly secondary: "#ec4899";
|
|
76
|
-
readonly warm: "#f97316";
|
|
77
|
-
readonly teal: "#14b8a6";
|
|
78
|
-
readonly violet: "#8b5cf6";
|
|
79
|
-
readonly gold: "#F5A623";
|
|
7
|
+
readonly semantic: {
|
|
8
|
+
readonly positive: "#16a34a";
|
|
9
|
+
readonly negative: "#dc2626";
|
|
10
|
+
readonly neutral: "#6B7280";
|
|
80
11
|
};
|
|
81
12
|
readonly financial: {
|
|
82
|
-
readonly positive: "#
|
|
83
|
-
readonly negative: "#
|
|
13
|
+
readonly positive: "#16a34a";
|
|
14
|
+
readonly negative: "#dc2626";
|
|
84
15
|
readonly distribution: "#8b5cf6";
|
|
85
16
|
};
|
|
86
|
-
readonly utility: {
|
|
87
|
-
readonly white: "#ffffff";
|
|
88
|
-
readonly black: "#000000";
|
|
89
|
-
readonly transparent: "transparent";
|
|
90
|
-
};
|
|
91
|
-
readonly chart: readonly ["#3B82F6", "#EF4444", "#10B981", "#F59E0B", "#8B5CF6", "#EC4899", "#06B6D4", "#84CC16", "#F97316", "#6366F1"];
|
|
92
|
-
readonly chartText: readonly ["#93C5FD", "#FCA5A5", "#6EE7B7", "#FDE68A", "#C4B5FD", "#FBCFE8", "#A5F3FC", "#BEF264", "#FDBA74", "#A5B4FC"];
|
|
93
|
-
readonly semantic: {
|
|
94
|
-
readonly positive: "#10B981";
|
|
95
|
-
readonly negative: "#EF4444";
|
|
96
|
-
readonly neutral: "#6B7280";
|
|
97
|
-
};
|
|
98
17
|
readonly chartUI: {
|
|
99
18
|
readonly dateText: "#6b7280";
|
|
100
19
|
readonly gridLines: "rgba(156, 163, 175, 0.3)";
|
|
@@ -257,6 +176,87 @@ export declare const DESIGN_TOKENS: {
|
|
|
257
176
|
readonly elevation: 1;
|
|
258
177
|
};
|
|
259
178
|
};
|
|
179
|
+
readonly surface: {
|
|
180
|
+
readonly primary: "#0c1426";
|
|
181
|
+
readonly secondary: "#1a2332";
|
|
182
|
+
readonly tertiary: "#2a3441";
|
|
183
|
+
readonly quaternary: "#4a5568";
|
|
184
|
+
readonly elevated: "#243247";
|
|
185
|
+
};
|
|
186
|
+
readonly content: {
|
|
187
|
+
readonly primary: "#fafbfc";
|
|
188
|
+
readonly secondary: "#e4e7ea";
|
|
189
|
+
readonly body: "#cbd2d8";
|
|
190
|
+
readonly muted: "#8b95a1";
|
|
191
|
+
readonly subtle: "#64748b";
|
|
192
|
+
};
|
|
193
|
+
readonly primary: {
|
|
194
|
+
readonly 100: "#e0e7ff";
|
|
195
|
+
readonly 300: "#a5b4fc";
|
|
196
|
+
readonly 400: "#818cf8";
|
|
197
|
+
readonly 500: "#6366f1";
|
|
198
|
+
readonly 600: "#4f46e5";
|
|
199
|
+
readonly 700: "#4338ca";
|
|
200
|
+
readonly 800: "#3730a3";
|
|
201
|
+
readonly 900: "#312e81";
|
|
202
|
+
readonly alpha: {
|
|
203
|
+
readonly 100: "#312e811A";
|
|
204
|
+
readonly 200: "#312e8133";
|
|
205
|
+
readonly 300: "#312e814D";
|
|
206
|
+
readonly 500: "#312e8180";
|
|
207
|
+
};
|
|
208
|
+
};
|
|
209
|
+
readonly success: {
|
|
210
|
+
readonly 300: "#86efac";
|
|
211
|
+
readonly 400: "#4ade80";
|
|
212
|
+
readonly 600: "#16a34a";
|
|
213
|
+
readonly 700: "#15803d";
|
|
214
|
+
readonly 900: "#14532d";
|
|
215
|
+
};
|
|
216
|
+
readonly error: {
|
|
217
|
+
readonly 300: "#fca5a5";
|
|
218
|
+
readonly 400: "#f87171";
|
|
219
|
+
readonly 600: "#dc2626";
|
|
220
|
+
readonly 700: "#b91c1c";
|
|
221
|
+
readonly 900: "#7f1d1d";
|
|
222
|
+
readonly subtle: "#fef2f2";
|
|
223
|
+
readonly backgroundSubtle: "rgba(220, 38, 38, 0.1)";
|
|
224
|
+
};
|
|
225
|
+
readonly warning: {
|
|
226
|
+
readonly 300: "#fbbf24";
|
|
227
|
+
readonly 600: "#d97706";
|
|
228
|
+
readonly 900: "#92400e";
|
|
229
|
+
readonly alpha: {
|
|
230
|
+
readonly 300: "#92400e4D";
|
|
231
|
+
};
|
|
232
|
+
};
|
|
233
|
+
readonly info: {
|
|
234
|
+
readonly 400: "#38bdf8";
|
|
235
|
+
readonly 600: "#0284c7";
|
|
236
|
+
};
|
|
237
|
+
readonly border: {
|
|
238
|
+
readonly default: "#334155";
|
|
239
|
+
readonly subtle: "#1e293b";
|
|
240
|
+
readonly strong: "#475569";
|
|
241
|
+
readonly focus: {
|
|
242
|
+
readonly primary: "#6366f1";
|
|
243
|
+
readonly subtle: "#6b7280";
|
|
244
|
+
};
|
|
245
|
+
};
|
|
246
|
+
readonly accent: {
|
|
247
|
+
readonly secondary: "#ec4899";
|
|
248
|
+
readonly warm: "#f97316";
|
|
249
|
+
readonly teal: "#0e4e74ff";
|
|
250
|
+
readonly violet: "#8b5cf6";
|
|
251
|
+
readonly gold: "#F5A623";
|
|
252
|
+
};
|
|
253
|
+
readonly utility: {
|
|
254
|
+
readonly white: "#ffffff";
|
|
255
|
+
readonly black: "#000000";
|
|
256
|
+
readonly transparent: "transparent";
|
|
257
|
+
};
|
|
258
|
+
readonly chart: readonly ["#3B82F6", "#EF4444", "#10B981", "#F59E0B", "#8B5CF6", "#EC4899", "#06B6D4", "#84CC16", "#F97316", "#6366F1"];
|
|
259
|
+
readonly chartText: readonly ["#93C5FD", "#FCA5A5", "#6EE7B7", "#FDE68A", "#C4B5FD", "#FBCFE8", "#A5F3FC", "#BEF264", "#FDBA74", "#A5B4FC"];
|
|
260
260
|
};
|
|
261
261
|
readonly spacing: {
|
|
262
262
|
readonly xs: 4;
|
|
@@ -370,6 +370,36 @@ export declare const DESIGN_TOKENS: {
|
|
|
370
370
|
readonly web: "0 8px 16px 0 rgba(0, 0, 0, 0.2)";
|
|
371
371
|
};
|
|
372
372
|
};
|
|
373
|
+
/**
|
|
374
|
+
* ICON SYSTEM - Phosphor React Native Icons
|
|
375
|
+
*
|
|
376
|
+
* Standardized icon usage for consistent UI across all platforms.
|
|
377
|
+
* Based on Phosphor icon library (phosphor-react-native).
|
|
378
|
+
*
|
|
379
|
+
* WEIGHT USAGE GUIDELINES:
|
|
380
|
+
* ------------------------
|
|
381
|
+
* - regular (DEFAULT): 95% of all icons - navigation, UI, lists, forms, standard actions
|
|
382
|
+
* - bold: Primary CTAs, important actions, selected states that need extra emphasis
|
|
383
|
+
* - fill: Toggle states (selected/active), badges, notifications, brand icons
|
|
384
|
+
* - light: Decorative icons, backgrounds, subtle watermarks (rarely used)
|
|
385
|
+
* - thin: Large display icons (xl/xxl sizes), minimalist designs (rarely used)
|
|
386
|
+
*
|
|
387
|
+
* STANDARD USAGE PATTERN:
|
|
388
|
+
* -----------------------
|
|
389
|
+
* <TrendUpIcon
|
|
390
|
+
* size={theme.icon.sizes.md}
|
|
391
|
+
* color={theme.icon.colors.success}
|
|
392
|
+
* weight={theme.icon.weights.regular}
|
|
393
|
+
* />
|
|
394
|
+
*
|
|
395
|
+
* COMMON SCENARIOS:
|
|
396
|
+
* -----------------
|
|
397
|
+
* Navigation Icons: size=md, weight=regular, color=default/primary
|
|
398
|
+
* Action Buttons: size=md/lg, weight=regular, color=primary/interactive
|
|
399
|
+
* Status Indicators: size=sm/md, weight=regular/fill, color=success/error/warning
|
|
400
|
+
* Selected States: size=md, weight=fill, color=interactive
|
|
401
|
+
* Large Features: size=xl/xxl, weight=regular/thin, color=primary
|
|
402
|
+
*/
|
|
373
403
|
readonly icon: {
|
|
374
404
|
readonly sizes: {
|
|
375
405
|
readonly xs: 12;
|
|
@@ -386,6 +416,7 @@ export declare const DESIGN_TOKENS: {
|
|
|
386
416
|
readonly bold: "bold";
|
|
387
417
|
readonly fill: "fill";
|
|
388
418
|
};
|
|
419
|
+
readonly defaultWeight: "regular";
|
|
389
420
|
readonly colors: {
|
|
390
421
|
readonly default: "#8b95a1";
|
|
391
422
|
readonly primary: "#fafbfc";
|
|
@@ -400,10 +431,14 @@ export declare const DESIGN_TOKENS: {
|
|
|
400
431
|
readonly interactiveHover: "#4338ca";
|
|
401
432
|
readonly accent: "#ec4899";
|
|
402
433
|
readonly gold: "#F5A623";
|
|
403
|
-
readonly teal: "#
|
|
434
|
+
readonly teal: "#0e4e74ff";
|
|
404
435
|
};
|
|
405
436
|
};
|
|
406
437
|
};
|
|
438
|
+
/**
|
|
439
|
+
* Alternative Z-Index system (legacy support)
|
|
440
|
+
* Prefer DESIGN_TOKENS.zIndex for new code
|
|
441
|
+
*/
|
|
407
442
|
export declare const Z_INDEX: {
|
|
408
443
|
readonly BASE: 0;
|
|
409
444
|
readonly DROPDOWN: 10;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-tokens.d.ts","sourceRoot":"","sources":["../../src/ui/design-tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;
|
|
1
|
+
{"version":3,"file":"design-tokens.d.ts","sourceRoot":"","sources":["../../src/ui/design-tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAqOH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0ExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDK,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;CAWV,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC;AAEX,eAAO,MAAM,SAAS;;CAEZ,CAAC;AAGX,MAAM,MAAM,MAAM,GAAG,OAAO,aAAa,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,OAAO,GAAG,OAAO,aAAa,CAAC,OAAO,CAAC;AACnD,MAAM,MAAM,YAAY,GAAG,OAAO,aAAa,CAAC,YAAY,CAAC;AAC7D,MAAM,MAAM,QAAQ,GAAG,OAAO,aAAa,CAAC,QAAQ,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,OAAO,aAAa,CAAC,UAAU,CAAC;AACzD,MAAM,MAAM,MAAM,GAAG,OAAO,aAAa,CAAC,OAAO,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,OAAO,aAAa,CAAC,IAAI,CAAC;AAC7C,MAAM,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC;AACpC,MAAM,MAAM,cAAc,GAAG,OAAO,gBAAgB,CAAC;AACrD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC"}
|
package/dist/ui/design-tokens.js
CHANGED
|
@@ -1,384 +1,241 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Design tokens for consistent styling across platforms
|
|
3
|
-
*
|
|
3
|
+
* Optimized for React (CSS) and React Native (StyleSheet)
|
|
4
4
|
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
5
|
+
// ============================================
|
|
6
|
+
// BASE COLOR PALETTE
|
|
7
|
+
// ============================================
|
|
8
|
+
const BASE_COLORS = {
|
|
9
|
+
// Surface colors (backgrounds and containers)
|
|
10
|
+
surface: {
|
|
11
|
+
primary: '#0c1426',
|
|
12
|
+
secondary: '#1a2332',
|
|
13
|
+
tertiary: '#2a3441',
|
|
14
|
+
quaternary: '#4a5568',
|
|
15
|
+
elevated: '#243247',
|
|
16
|
+
},
|
|
17
|
+
// Content colors (text and icons)
|
|
18
|
+
content: {
|
|
19
|
+
primary: '#fafbfc',
|
|
20
|
+
secondary: '#e4e7ea',
|
|
21
|
+
body: '#cbd2d8',
|
|
22
|
+
muted: '#8b95a1',
|
|
23
|
+
subtle: '#64748b',
|
|
24
|
+
},
|
|
25
|
+
// Primary brand scale
|
|
26
|
+
primary: {
|
|
27
|
+
100: '#e0e7ff',
|
|
28
|
+
300: '#a5b4fc',
|
|
29
|
+
400: '#818cf8',
|
|
30
|
+
500: '#6366f1',
|
|
31
|
+
600: '#4f46e5',
|
|
32
|
+
700: '#4338ca',
|
|
33
|
+
800: '#3730a3',
|
|
34
|
+
900: '#312e81',
|
|
35
|
+
alpha: { 100: '#312e811A', 200: '#312e8133', 300: '#312e814D', 500: '#312e8180' },
|
|
36
|
+
},
|
|
37
|
+
// Status color scales
|
|
38
|
+
success: { 300: '#86efac', 400: '#4ade80', 600: '#16a34a', 700: '#15803d', 900: '#14532d' },
|
|
39
|
+
error: {
|
|
40
|
+
300: '#fca5a5',
|
|
41
|
+
400: '#f87171',
|
|
42
|
+
600: '#dc2626',
|
|
43
|
+
700: '#b91c1c',
|
|
44
|
+
900: '#7f1d1d',
|
|
45
|
+
subtle: '#fef2f2',
|
|
46
|
+
backgroundSubtle: 'rgba(220, 38, 38, 0.1)',
|
|
47
|
+
},
|
|
48
|
+
warning: { 300: '#fbbf24', 600: '#d97706', 900: '#92400e', alpha: { 300: '#92400e4D' } },
|
|
49
|
+
info: { 400: '#38bdf8', 600: '#0284c7' },
|
|
50
|
+
// Border colors
|
|
51
|
+
border: {
|
|
52
|
+
default: '#334155',
|
|
53
|
+
subtle: '#1e293b',
|
|
54
|
+
strong: '#475569',
|
|
55
|
+
focus: { primary: '#6366f1', subtle: '#6b7280' },
|
|
56
|
+
},
|
|
57
|
+
// Accent colors
|
|
58
|
+
accent: {
|
|
59
|
+
secondary: '#ec4899',
|
|
60
|
+
warm: '#f97316',
|
|
61
|
+
teal: '#0e4e74ff',
|
|
62
|
+
violet: '#8b5cf6',
|
|
63
|
+
gold: '#F5A623',
|
|
64
|
+
},
|
|
65
|
+
// Utility colors
|
|
66
|
+
utility: { white: '#ffffff', black: '#000000', transparent: 'transparent' },
|
|
67
|
+
// Chart palettes
|
|
68
|
+
chart: ['#3B82F6', '#EF4444', '#10B981', '#F59E0B', '#8B5CF6', '#EC4899', '#06B6D4', '#84CC16', '#F97316', '#6366F1'],
|
|
69
|
+
chartText: [
|
|
70
|
+
'#93C5FD',
|
|
71
|
+
'#FCA5A5',
|
|
72
|
+
'#6EE7B7',
|
|
73
|
+
'#FDE68A',
|
|
74
|
+
'#C4B5FD',
|
|
75
|
+
'#FBCFE8',
|
|
76
|
+
'#A5F3FC',
|
|
77
|
+
'#BEF264',
|
|
78
|
+
'#FDBA74',
|
|
79
|
+
'#A5B4FC',
|
|
80
|
+
],
|
|
81
|
+
};
|
|
82
|
+
// ============================================
|
|
83
|
+
// SEMANTIC COLOR SYSTEM (references base palette)
|
|
84
|
+
// ============================================
|
|
85
|
+
const SEMANTIC_COLORS = {
|
|
86
|
+
// Financial colors
|
|
87
|
+
financial: {
|
|
88
|
+
positive: BASE_COLORS.success[600],
|
|
89
|
+
negative: BASE_COLORS.error[600],
|
|
90
|
+
distribution: BASE_COLORS.accent.violet,
|
|
91
|
+
},
|
|
92
|
+
// Chart UI elements
|
|
93
|
+
chartUI: {
|
|
94
|
+
dateText: '#6b7280',
|
|
95
|
+
gridLines: 'rgba(156, 163, 175, 0.3)',
|
|
96
|
+
tooltipBackground: 'rgba(17, 24, 39, 0.8)',
|
|
97
|
+
portfolioLine: BASE_COLORS.info[400],
|
|
98
|
+
},
|
|
99
|
+
// Interactive states
|
|
100
|
+
interactive: {
|
|
101
|
+
default: BASE_COLORS.primary[600],
|
|
102
|
+
defaultSubtle: BASE_COLORS.primary[500],
|
|
103
|
+
hover: BASE_COLORS.primary[700],
|
|
104
|
+
hoverSubtle: BASE_COLORS.primary[400],
|
|
105
|
+
pressed: BASE_COLORS.primary[800],
|
|
106
|
+
active: BASE_COLORS.primary[400],
|
|
107
|
+
disabled: BASE_COLORS.surface.quaternary,
|
|
108
|
+
disabledText: BASE_COLORS.content.subtle,
|
|
109
|
+
selected: {
|
|
110
|
+
background: BASE_COLORS.primary.alpha[300],
|
|
111
|
+
border: BASE_COLORS.primary[600],
|
|
112
|
+
text: BASE_COLORS.content.primary,
|
|
113
|
+
icon: BASE_COLORS.primary[600],
|
|
57
114
|
},
|
|
115
|
+
focus: { ring: BASE_COLORS.primary[500], background: BASE_COLORS.primary.alpha[100] },
|
|
116
|
+
},
|
|
117
|
+
// Badge variants
|
|
118
|
+
badge: {
|
|
119
|
+
success: { background: `${BASE_COLORS.success[900]}80`, text: BASE_COLORS.success[300] },
|
|
120
|
+
warning: { background: `${BASE_COLORS.warning[900]}80`, text: BASE_COLORS.warning[300] },
|
|
121
|
+
error: { background: `${BASE_COLORS.error[900]}80`, text: BASE_COLORS.error[300] },
|
|
122
|
+
info: { background: BASE_COLORS.surface.tertiary, text: BASE_COLORS.content.secondary },
|
|
123
|
+
neutral: { background: BASE_COLORS.surface.secondary, text: BASE_COLORS.content.muted },
|
|
124
|
+
},
|
|
125
|
+
// Asset type colors
|
|
126
|
+
assetType: {
|
|
127
|
+
etf: BASE_COLORS.primary[400],
|
|
128
|
+
fund: BASE_COLORS.warning[600],
|
|
129
|
+
crypto: BASE_COLORS.success[600],
|
|
130
|
+
stablecoin: BASE_COLORS.info[600],
|
|
131
|
+
stock: BASE_COLORS.content.muted,
|
|
132
|
+
},
|
|
133
|
+
// Status indicators
|
|
134
|
+
status: {
|
|
135
|
+
success: { icon: BASE_COLORS.success[400], text: BASE_COLORS.success[600], border: BASE_COLORS.success[700] },
|
|
136
|
+
error: { icon: BASE_COLORS.error[400], text: BASE_COLORS.error[400], border: BASE_COLORS.error[700] },
|
|
58
137
|
warning: {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
alpha: {
|
|
64
|
-
300: '#92400e4D', // 30% opacity
|
|
65
|
-
},
|
|
66
|
-
},
|
|
67
|
-
info: {
|
|
68
|
-
400: '#38bdf8',
|
|
69
|
-
600: '#0284c7',
|
|
70
|
-
},
|
|
71
|
-
// Border colors
|
|
72
|
-
border: {
|
|
73
|
-
default: '#334155', // Standard borders - navy-gray
|
|
74
|
-
subtle: '#1e293b', // Subtle dividers - dark navy
|
|
75
|
-
strong: '#475569', // Emphasis borders
|
|
76
|
-
focus: {
|
|
77
|
-
primary: '#6366f1', // Primary focus color
|
|
78
|
-
subtle: '#6b7280', // Subtle focus color
|
|
79
|
-
},
|
|
80
|
-
},
|
|
81
|
-
// Accent colors for special UI elements
|
|
82
|
-
accent: {
|
|
83
|
-
secondary: '#ec4899', // Pink accent for icons
|
|
84
|
-
warm: '#f97316', // Orange accent for icons
|
|
85
|
-
teal: '#14b8a6', // Teal accent for financial highlights
|
|
86
|
-
violet: '#8b5cf6', // Violet accent for premium features
|
|
87
|
-
gold: '#F5A623', // Gold accent for coins and value indicators
|
|
88
|
-
},
|
|
89
|
-
// Financial specific colors
|
|
90
|
-
financial: {
|
|
91
|
-
positive: '#10b981', // For positive values (gains, profits)
|
|
92
|
-
negative: '#ef4444', // For negative values (losses)
|
|
93
|
-
distribution: '#8b5cf6', // For distribution/gift transactions
|
|
94
|
-
},
|
|
95
|
-
// Utility colors
|
|
96
|
-
utility: {
|
|
97
|
-
white: '#ffffff',
|
|
98
|
-
black: '#000000',
|
|
99
|
-
transparent: 'transparent',
|
|
138
|
+
icon: BASE_COLORS.warning[300],
|
|
139
|
+
text: BASE_COLORS.warning[300],
|
|
140
|
+
border: BASE_COLORS.warning[600],
|
|
141
|
+
background: BASE_COLORS.warning[900],
|
|
100
142
|
},
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
neutral: '#6B7280', // Gray for unchanged
|
|
132
|
-
},
|
|
133
|
-
// Chart UI elements
|
|
134
|
-
chartUI: {
|
|
135
|
-
dateText: '#6b7280', // Date text in tooltips
|
|
136
|
-
gridLines: 'rgba(156, 163, 175, 0.3)', // Grid lines and subtle elements
|
|
137
|
-
tooltipBackground: 'rgba(17, 24, 39, 0.8)', // Dark tooltip background with opacity
|
|
138
|
-
portfolioLine: '#38bdf8', // info[400] - Main line color for portfolio value/return charts
|
|
139
|
-
},
|
|
140
|
-
// Interactive states - semantic tokens for user interactions
|
|
141
|
-
interactive: {
|
|
142
|
-
// Default/resting states
|
|
143
|
-
default: '#4f46e5', // primary[600] - Default interactive color (buttons, links, loaders)
|
|
144
|
-
defaultSubtle: '#6366f1', // primary[500] - Subtle interactive elements
|
|
145
|
-
// Hover states
|
|
146
|
-
hover: '#4338ca', // primary[700] - Hover state
|
|
147
|
-
hoverSubtle: '#818cf8', // primary[400] - Subtle hover
|
|
148
|
-
// Pressed/active states
|
|
149
|
-
pressed: '#3730a3', // primary[800] - Pressed state
|
|
150
|
-
active: '#818cf8', // primary[400] - Active/current state (tabs, navigation)
|
|
151
|
-
// Disabled states
|
|
152
|
-
disabled: '#4a5568', // surface.quaternary - Disabled elements
|
|
153
|
-
disabledText: '#64748b', // content.subtle - Disabled text
|
|
154
|
-
// Selected states
|
|
155
|
-
selected: {
|
|
156
|
-
background: '#312e814D', // primary.alpha[300] - Selected item background
|
|
157
|
-
border: '#4f46e5', // primary[600] - Selected item border
|
|
158
|
-
text: '#fafbfc', // content.primary - Selected item text
|
|
159
|
-
icon: '#4f46e5', // primary[600] - Selected item icon/checkmark
|
|
160
|
-
},
|
|
161
|
-
// Focus states
|
|
162
|
-
focus: {
|
|
163
|
-
ring: '#6366f1', // primary[500] - Focus ring color
|
|
164
|
-
background: '#312e811A', // primary.alpha[100] - Focus background
|
|
165
|
-
},
|
|
166
|
-
},
|
|
167
|
-
// Badge variants - for status badges, pills, and labels
|
|
168
|
-
badge: {
|
|
169
|
-
success: {
|
|
170
|
-
background: '#14532d80', // success[900] + 50% opacity - Semi-transparent dark green
|
|
171
|
-
text: '#86efac', // success[300] - Light green text
|
|
172
|
-
},
|
|
173
|
-
warning: {
|
|
174
|
-
background: '#92400e80', // warning[900] + 50% opacity - Semi-transparent dark orange
|
|
175
|
-
text: '#fbbf24', // warning[300] - Light orange text
|
|
176
|
-
},
|
|
177
|
-
error: {
|
|
178
|
-
background: '#7f1d1d80', // error[900] + 50% opacity - Semi-transparent dark red
|
|
179
|
-
text: '#fca5a5', // error[300] - Light red text
|
|
180
|
-
},
|
|
181
|
-
info: {
|
|
182
|
-
background: '#2a3441', // surface.tertiary - Dark blue-gray
|
|
183
|
-
text: '#e4e7ea', // content.secondary - Light gray text
|
|
184
|
-
},
|
|
185
|
-
neutral: {
|
|
186
|
-
background: '#1a2332', // surface.secondary - Navy background
|
|
187
|
-
text: '#8b95a1', // content.muted - Muted gray text
|
|
188
|
-
},
|
|
189
|
-
},
|
|
190
|
-
// Asset type colors - for financial asset categorization
|
|
191
|
-
assetType: {
|
|
192
|
-
etf: '#818cf8', // primary[400] - Blue for ETFs
|
|
193
|
-
fund: '#d97706', // warning[600] - Orange for Funds
|
|
194
|
-
crypto: '#16a34a', // success[600] - Green for Crypto
|
|
195
|
-
stablecoin: '#0284c7', // info[600] - Light blue for Stablecoins
|
|
196
|
-
stock: '#8b95a1', // content.muted - Gray for Stocks
|
|
143
|
+
info: { icon: '#60a5fa', text: '#3b82f6', border: '#2563eb' },
|
|
144
|
+
},
|
|
145
|
+
// Form elements
|
|
146
|
+
form: {
|
|
147
|
+
placeholder: '#9ca3af',
|
|
148
|
+
error: BASE_COLORS.error[400],
|
|
149
|
+
errorBackground: `${BASE_COLORS.error[900]}80`,
|
|
150
|
+
border: BASE_COLORS.border.default,
|
|
151
|
+
borderFocus: BASE_COLORS.primary[500],
|
|
152
|
+
borderError: BASE_COLORS.error[700],
|
|
153
|
+
},
|
|
154
|
+
};
|
|
155
|
+
// ============================================
|
|
156
|
+
// BUTTON SYSTEM
|
|
157
|
+
// ============================================
|
|
158
|
+
const BUTTON_SYSTEM = {
|
|
159
|
+
sizes: {
|
|
160
|
+
small: { height: 40, paddingHorizontal: 16, fontSize: 14, iconSize: 16, gap: 6 },
|
|
161
|
+
medium: { height: 48, paddingHorizontal: 24, fontSize: 16, iconSize: 20, gap: 8 },
|
|
162
|
+
large: { height: 56, paddingHorizontal: 32, fontSize: 18, iconSize: 24, gap: 10 },
|
|
163
|
+
},
|
|
164
|
+
variants: {
|
|
165
|
+
primary: {
|
|
166
|
+
background: SEMANTIC_COLORS.interactive.defaultSubtle,
|
|
167
|
+
backgroundHover: SEMANTIC_COLORS.interactive.hover,
|
|
168
|
+
backgroundPressed: SEMANTIC_COLORS.interactive.pressed,
|
|
169
|
+
backgroundDisabled: SEMANTIC_COLORS.interactive.disabled,
|
|
170
|
+
text: BASE_COLORS.utility.white,
|
|
171
|
+
textDisabled: SEMANTIC_COLORS.interactive.disabledText,
|
|
172
|
+
borderColor: 'transparent',
|
|
197
173
|
},
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
icon: '#f87171', // error[400] - Error icons and indicators
|
|
207
|
-
text: '#f87171', // error[400] - Error text
|
|
208
|
-
border: '#b91c1c', // error[700] - Error borders
|
|
209
|
-
},
|
|
210
|
-
warning: {
|
|
211
|
-
icon: '#fbbf24', // warning[300] - Warning icons
|
|
212
|
-
text: '#fbbf24', // warning[300] - Warning text
|
|
213
|
-
border: '#d97706', // warning[600] - Warning borders
|
|
214
|
-
background: '#92400e', // warning[900] - Warning backgrounds
|
|
215
|
-
},
|
|
216
|
-
info: {
|
|
217
|
-
icon: '#60a5fa', // blue[400] - Info icons and indicators
|
|
218
|
-
text: '#3b82f6', // blue[500] - Info text
|
|
219
|
-
border: '#2563eb', // blue[600] - Info borders
|
|
220
|
-
},
|
|
174
|
+
secondary: {
|
|
175
|
+
background: BASE_COLORS.surface.tertiary,
|
|
176
|
+
backgroundHover: BASE_COLORS.surface.elevated,
|
|
177
|
+
backgroundPressed: BASE_COLORS.surface.quaternary,
|
|
178
|
+
backgroundDisabled: BASE_COLORS.surface.quaternary,
|
|
179
|
+
text: BASE_COLORS.content.primary,
|
|
180
|
+
textDisabled: BASE_COLORS.content.subtle,
|
|
181
|
+
borderColor: BASE_COLORS.border.strong,
|
|
221
182
|
},
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
183
|
+
ghost: {
|
|
184
|
+
background: 'transparent',
|
|
185
|
+
backgroundHover: BASE_COLORS.surface.tertiary,
|
|
186
|
+
backgroundPressed: BASE_COLORS.surface.secondary,
|
|
187
|
+
backgroundDisabled: 'transparent',
|
|
188
|
+
text: SEMANTIC_COLORS.interactive.default,
|
|
189
|
+
textDisabled: SEMANTIC_COLORS.interactive.disabledText,
|
|
190
|
+
borderColor: 'transparent',
|
|
230
191
|
},
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
iconSize: 16,
|
|
240
|
-
gap: 6, // spacing for icon-text gap
|
|
241
|
-
},
|
|
242
|
-
medium: {
|
|
243
|
-
height: 48,
|
|
244
|
-
paddingHorizontal: 24,
|
|
245
|
-
fontSize: 16, // fontSize.base
|
|
246
|
-
iconSize: 20,
|
|
247
|
-
gap: 8, // spacing for icon-text gap
|
|
248
|
-
},
|
|
249
|
-
large: {
|
|
250
|
-
height: 56,
|
|
251
|
-
paddingHorizontal: 32,
|
|
252
|
-
fontSize: 18, // fontSize.lg
|
|
253
|
-
iconSize: 24,
|
|
254
|
-
gap: 10, // spacing for icon-text gap
|
|
255
|
-
},
|
|
256
|
-
},
|
|
257
|
-
// Variant styles - semantic color references for different button types
|
|
258
|
-
variants: {
|
|
259
|
-
primary: {
|
|
260
|
-
background: '#6366f1', // interactive.defaultSubtle
|
|
261
|
-
backgroundHover: '#4338ca', // interactive.hover
|
|
262
|
-
backgroundPressed: '#3730a3', // interactive.pressed
|
|
263
|
-
backgroundDisabled: '#4a5568', // interactive.disabled
|
|
264
|
-
text: '#ffffff', // utility.white
|
|
265
|
-
textDisabled: '#64748b', // interactive.disabledText
|
|
266
|
-
borderColor: 'transparent',
|
|
267
|
-
},
|
|
268
|
-
secondary: {
|
|
269
|
-
background: '#2a3441', // surface.tertiary
|
|
270
|
-
backgroundHover: '#243247', // surface.elevated
|
|
271
|
-
backgroundPressed: '#4a5568', // surface.quaternary
|
|
272
|
-
backgroundDisabled: '#4a5568', // surface.quaternary
|
|
273
|
-
text: '#fafbfc', // content.primary
|
|
274
|
-
textDisabled: '#64748b', // content.subtle
|
|
275
|
-
borderColor: '#475569', // border.strong
|
|
276
|
-
},
|
|
277
|
-
ghost: {
|
|
278
|
-
background: 'transparent',
|
|
279
|
-
backgroundHover: '#2a3441', // surface.tertiary
|
|
280
|
-
backgroundPressed: '#1a2332', // surface.secondary
|
|
281
|
-
backgroundDisabled: 'transparent',
|
|
282
|
-
text: '#4f46e5', // interactive.default
|
|
283
|
-
textDisabled: '#64748b', // interactive.disabledText
|
|
284
|
-
borderColor: 'transparent',
|
|
285
|
-
},
|
|
286
|
-
danger: {
|
|
287
|
-
background: '#dc2626', // error.600
|
|
288
|
-
backgroundHover: '#b91c1c', // error.700
|
|
289
|
-
backgroundPressed: '#7f1d1d', // error.900
|
|
290
|
-
backgroundDisabled: '#4a5568', // interactive.disabled
|
|
291
|
-
text: '#ffffff', // utility.white
|
|
292
|
-
textDisabled: '#64748b', // interactive.disabledText
|
|
293
|
-
borderColor: 'transparent',
|
|
294
|
-
},
|
|
295
|
-
},
|
|
296
|
-
// Common button properties
|
|
297
|
-
borderWidth: 1,
|
|
298
|
-
borderRadius: 12, // borderRadius.lg
|
|
299
|
-
fontWeight: '600', // fontWeight.semibold
|
|
300
|
-
// Shadow for elevated buttons (optional)
|
|
301
|
-
shadow: {
|
|
302
|
-
shadowColor: '#000',
|
|
303
|
-
shadowOffset: { width: 0, height: 1 },
|
|
304
|
-
shadowOpacity: 0.05,
|
|
305
|
-
shadowRadius: 2,
|
|
306
|
-
elevation: 1,
|
|
307
|
-
},
|
|
192
|
+
danger: {
|
|
193
|
+
background: BASE_COLORS.error[600],
|
|
194
|
+
backgroundHover: BASE_COLORS.error[700],
|
|
195
|
+
backgroundPressed: BASE_COLORS.error[900],
|
|
196
|
+
backgroundDisabled: SEMANTIC_COLORS.interactive.disabled,
|
|
197
|
+
text: BASE_COLORS.utility.white,
|
|
198
|
+
textDisabled: SEMANTIC_COLORS.interactive.disabledText,
|
|
199
|
+
borderColor: 'transparent',
|
|
308
200
|
},
|
|
309
201
|
},
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
202
|
+
borderWidth: 1,
|
|
203
|
+
borderRadius: 12,
|
|
204
|
+
fontWeight: '600',
|
|
205
|
+
shadow: { shadowColor: '#000', shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.05, shadowRadius: 2, elevation: 1 },
|
|
206
|
+
};
|
|
207
|
+
// ============================================
|
|
208
|
+
// MAIN DESIGN TOKENS EXPORT
|
|
209
|
+
// ============================================
|
|
210
|
+
export const DESIGN_TOKENS = {
|
|
211
|
+
colors: {
|
|
212
|
+
...BASE_COLORS,
|
|
213
|
+
semantic: { positive: SEMANTIC_COLORS.financial.positive, negative: SEMANTIC_COLORS.financial.negative, neutral: '#6B7280' },
|
|
214
|
+
financial: SEMANTIC_COLORS.financial,
|
|
215
|
+
chartUI: SEMANTIC_COLORS.chartUI,
|
|
216
|
+
interactive: SEMANTIC_COLORS.interactive,
|
|
217
|
+
badge: SEMANTIC_COLORS.badge,
|
|
218
|
+
assetType: SEMANTIC_COLORS.assetType,
|
|
219
|
+
status: SEMANTIC_COLORS.status,
|
|
220
|
+
form: SEMANTIC_COLORS.form,
|
|
221
|
+
button: BUTTON_SYSTEM,
|
|
320
222
|
},
|
|
223
|
+
// Spacing scale (in pixels)
|
|
224
|
+
spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 32, xxl: 48, xxxl: 64, xxxxl: 80 },
|
|
321
225
|
// Border radius values
|
|
322
|
-
borderRadius: {
|
|
323
|
-
none: 0,
|
|
324
|
-
sm: 4,
|
|
325
|
-
md: 8,
|
|
326
|
-
lg: 12,
|
|
327
|
-
xl: 16,
|
|
328
|
-
xxl: 24,
|
|
329
|
-
full: 9999,
|
|
330
|
-
},
|
|
226
|
+
borderRadius: { none: 0, sm: 4, md: 8, lg: 12, xl: 16, xxl: 24, full: 9999 },
|
|
331
227
|
// Font sizes
|
|
332
|
-
fontSize: {
|
|
333
|
-
xs: 12,
|
|
334
|
-
sm: 14,
|
|
335
|
-
base: 16,
|
|
336
|
-
lg: 18,
|
|
337
|
-
xl: 20,
|
|
338
|
-
xxl: 24,
|
|
339
|
-
xxxl: 30,
|
|
340
|
-
xxxxl: 36,
|
|
341
|
-
xxxxxl: 48,
|
|
342
|
-
},
|
|
228
|
+
fontSize: { xs: 12, sm: 14, base: 16, lg: 18, xl: 20, xxl: 24, xxxl: 30, xxxxl: 36, xxxxxl: 48 },
|
|
343
229
|
// Font weights
|
|
344
|
-
fontWeight: {
|
|
345
|
-
normal: '400',
|
|
346
|
-
medium: '500',
|
|
347
|
-
semibold: '600',
|
|
348
|
-
bold: '700',
|
|
349
|
-
},
|
|
230
|
+
fontWeight: { normal: '400', medium: '500', semibold: '600', bold: '700' },
|
|
350
231
|
// Line heights
|
|
351
|
-
lineHeight: {
|
|
352
|
-
tight: 1.25,
|
|
353
|
-
normal: 1.5,
|
|
354
|
-
relaxed: 1.75,
|
|
355
|
-
loose: 2,
|
|
356
|
-
},
|
|
232
|
+
lineHeight: { tight: 1.25, normal: 1.5, relaxed: 1.75, loose: 2 },
|
|
357
233
|
// Z-index scale for layering
|
|
358
|
-
zIndex: {
|
|
359
|
-
base: 0,
|
|
360
|
-
dropdown: 1000,
|
|
361
|
-
sticky: 1020,
|
|
362
|
-
fixed: 1030,
|
|
363
|
-
backdrop: 1040,
|
|
364
|
-
modal: 1050,
|
|
365
|
-
popover: 1060,
|
|
366
|
-
tooltip: 1070,
|
|
367
|
-
},
|
|
234
|
+
zIndex: { base: 0, dropdown: 1000, sticky: 1020, fixed: 1030, backdrop: 1040, modal: 1050, popover: 1060, tooltip: 1070 },
|
|
368
235
|
// Animation durations (in milliseconds)
|
|
369
236
|
animation: {
|
|
370
|
-
duration: {
|
|
371
|
-
|
|
372
|
-
fast: 150,
|
|
373
|
-
normal: 300,
|
|
374
|
-
slow: 500,
|
|
375
|
-
},
|
|
376
|
-
easing: {
|
|
377
|
-
linear: 'linear',
|
|
378
|
-
easeIn: 'ease-in',
|
|
379
|
-
easeOut: 'ease-out',
|
|
380
|
-
easeInOut: 'ease-in-out',
|
|
381
|
-
},
|
|
237
|
+
duration: { instant: 0, fast: 150, normal: 300, slow: 500 },
|
|
238
|
+
easing: { linear: 'linear', easeIn: 'ease-in', easeOut: 'ease-out', easeInOut: 'ease-in-out' },
|
|
382
239
|
},
|
|
383
240
|
// Shadows (React Native compatible format)
|
|
384
241
|
shadows: {
|
|
@@ -387,8 +244,7 @@ export const DESIGN_TOKENS = {
|
|
|
387
244
|
shadowOffset: { width: 0, height: 1 },
|
|
388
245
|
shadowOpacity: 0.05,
|
|
389
246
|
shadowRadius: 2,
|
|
390
|
-
elevation: 1,
|
|
391
|
-
// Web version
|
|
247
|
+
elevation: 1,
|
|
392
248
|
web: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
393
249
|
},
|
|
394
250
|
md: {
|
|
@@ -416,52 +272,86 @@ export const DESIGN_TOKENS = {
|
|
|
416
272
|
web: '0 8px 16px 0 rgba(0, 0, 0, 0.2)',
|
|
417
273
|
},
|
|
418
274
|
},
|
|
419
|
-
|
|
275
|
+
/**
|
|
276
|
+
* ICON SYSTEM - Phosphor React Native Icons
|
|
277
|
+
*
|
|
278
|
+
* Standardized icon usage for consistent UI across all platforms.
|
|
279
|
+
* Based on Phosphor icon library (phosphor-react-native).
|
|
280
|
+
*
|
|
281
|
+
* WEIGHT USAGE GUIDELINES:
|
|
282
|
+
* ------------------------
|
|
283
|
+
* - regular (DEFAULT): 95% of all icons - navigation, UI, lists, forms, standard actions
|
|
284
|
+
* - bold: Primary CTAs, important actions, selected states that need extra emphasis
|
|
285
|
+
* - fill: Toggle states (selected/active), badges, notifications, brand icons
|
|
286
|
+
* - light: Decorative icons, backgrounds, subtle watermarks (rarely used)
|
|
287
|
+
* - thin: Large display icons (xl/xxl sizes), minimalist designs (rarely used)
|
|
288
|
+
*
|
|
289
|
+
* STANDARD USAGE PATTERN:
|
|
290
|
+
* -----------------------
|
|
291
|
+
* <TrendUpIcon
|
|
292
|
+
* size={theme.icon.sizes.md}
|
|
293
|
+
* color={theme.icon.colors.success}
|
|
294
|
+
* weight={theme.icon.weights.regular}
|
|
295
|
+
* />
|
|
296
|
+
*
|
|
297
|
+
* COMMON SCENARIOS:
|
|
298
|
+
* -----------------
|
|
299
|
+
* Navigation Icons: size=md, weight=regular, color=default/primary
|
|
300
|
+
* Action Buttons: size=md/lg, weight=regular, color=primary/interactive
|
|
301
|
+
* Status Indicators: size=sm/md, weight=regular/fill, color=success/error/warning
|
|
302
|
+
* Selected States: size=md, weight=fill, color=interactive
|
|
303
|
+
* Large Features: size=xl/xxl, weight=regular/thin, color=primary
|
|
304
|
+
*/
|
|
420
305
|
icon: {
|
|
421
306
|
// Standard icon sizes aligned with design system
|
|
422
307
|
sizes: {
|
|
423
308
|
xs: 12, // Tiny inline icons, badges
|
|
424
309
|
sm: 16, // Small buttons, inline text, controls
|
|
425
|
-
md: 20, // Standard UI icons, list items
|
|
310
|
+
md: 20, // Standard UI icons, list items (DEFAULT - 80% usage)
|
|
426
311
|
lg: 24, // Navigation, headers, prominent actions
|
|
427
312
|
xl: 32, // Feature icons, empty states
|
|
428
313
|
xxl: 48, // Large display icons, splash screens
|
|
429
314
|
},
|
|
430
|
-
// Phosphor icon weights (react-native
|
|
315
|
+
// Phosphor icon weights (phosphor-react-native)
|
|
431
316
|
weights: {
|
|
432
|
-
thin: 'thin',
|
|
433
|
-
light: 'light',
|
|
434
|
-
regular: 'regular',
|
|
435
|
-
bold: 'bold',
|
|
436
|
-
fill: 'fill',
|
|
317
|
+
thin: 'thin', // Large display icons, minimalist designs
|
|
318
|
+
light: 'light', // Decorative icons, subtle elements
|
|
319
|
+
regular: 'regular', // DEFAULT - Standard UI icons (95% usage)
|
|
320
|
+
bold: 'bold', // CTAs, important actions, emphasis
|
|
321
|
+
fill: 'fill', // Selected states, badges, notifications
|
|
437
322
|
},
|
|
438
|
-
//
|
|
323
|
+
// Default weight for quick reference
|
|
324
|
+
defaultWeight: 'regular',
|
|
325
|
+
// Semantic color tokens for icons (references existing color system)
|
|
439
326
|
colors: {
|
|
440
|
-
// Content colors
|
|
441
|
-
default:
|
|
442
|
-
primary:
|
|
443
|
-
secondary:
|
|
444
|
-
muted:
|
|
445
|
-
// Status colors
|
|
446
|
-
success:
|
|
447
|
-
error:
|
|
448
|
-
warning:
|
|
449
|
-
info:
|
|
450
|
-
// Interactive colors
|
|
451
|
-
interactive:
|
|
452
|
-
interactiveDefault:
|
|
453
|
-
interactiveHover:
|
|
327
|
+
// Content colors (most common for UI icons)
|
|
328
|
+
default: BASE_COLORS.content.muted, // Default icon color
|
|
329
|
+
primary: BASE_COLORS.content.primary, // High emphasis icons
|
|
330
|
+
secondary: BASE_COLORS.content.secondary, // Medium emphasis icons
|
|
331
|
+
muted: BASE_COLORS.content.subtle, // Low emphasis icons
|
|
332
|
+
// Status colors (for feedback and states)
|
|
333
|
+
success: SEMANTIC_COLORS.status.success.icon, // Success indicators
|
|
334
|
+
error: SEMANTIC_COLORS.status.error.icon, // Error indicators
|
|
335
|
+
warning: SEMANTIC_COLORS.status.warning.icon, // Warning indicators
|
|
336
|
+
info: SEMANTIC_COLORS.status.info.icon, // Info indicators
|
|
337
|
+
// Interactive colors (for interactive elements)
|
|
338
|
+
interactive: SEMANTIC_COLORS.interactive.active, // Active/selected icons
|
|
339
|
+
interactiveDefault: SEMANTIC_COLORS.interactive.default, // Default interactive state
|
|
340
|
+
interactiveHover: SEMANTIC_COLORS.interactive.hover, // Hover state
|
|
454
341
|
// Special purpose colors
|
|
455
|
-
accent:
|
|
456
|
-
gold:
|
|
457
|
-
teal:
|
|
342
|
+
accent: BASE_COLORS.accent.secondary, // Pink accent
|
|
343
|
+
gold: BASE_COLORS.accent.gold, // Gold/value indicators
|
|
344
|
+
teal: BASE_COLORS.accent.teal, // Financial highlights
|
|
458
345
|
},
|
|
459
346
|
},
|
|
460
347
|
};
|
|
461
348
|
// ============================================
|
|
462
|
-
//
|
|
349
|
+
// ADDITIONAL UI CONSTANTS
|
|
463
350
|
// ============================================
|
|
464
|
-
|
|
351
|
+
/**
|
|
352
|
+
* Alternative Z-Index system (legacy support)
|
|
353
|
+
* Prefer DESIGN_TOKENS.zIndex for new code
|
|
354
|
+
*/
|
|
465
355
|
export const Z_INDEX = {
|
|
466
356
|
BASE: 0,
|
|
467
357
|
DROPDOWN: 10,
|
|
@@ -482,7 +372,6 @@ export const Z_INDEX_SEMANTIC = {
|
|
|
482
372
|
MENU_PANEL: Z_INDEX.FIXED,
|
|
483
373
|
BACKDROP: Z_INDEX.DROPDOWN,
|
|
484
374
|
};
|
|
485
|
-
// UI Timing constants
|
|
486
375
|
export const UI_TIMING = {
|
|
487
376
|
TOOLTIP_DELAY: 300,
|
|
488
377
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../src/ui/design-tokens.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../src/ui/design-tokens.ts"],"names":[],"mappings":"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"}
|