UNPKG

@syncognito/maya

Version:

Maya Design System - Shared tokens and platform-specific components

gitlab.com/syncognito/maya

154 lines • 6.06 kB
1
2
3
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
export declare const mayaColors: { readonly day: { readonly primary: "#7408c2"; readonly primaryLight: "#9b4dd9"; readonly primaryDark: "#5a0a9a"; readonly primarySubtle: "#f0e6ff"; readonly background: "#ffffff"; readonly surface: "#f9fafb"; readonly surfaceSecondary: "#f3f4f6"; readonly surfaceElevated: "#ffffff"; readonly text: "#111827"; readonly textSecondary: "#6b7280"; readonly textTertiary: "#9ca3af"; readonly textInverse: "#ffffff"; readonly textDisabled: "#d1d5db"; readonly border: "#e5e7eb"; readonly borderSecondary: "#f3f4f6"; readonly borderFocus: "#7408c2"; readonly interactiveHover: "#f0e6ff"; readonly interactiveActive: "#e6d6ff"; readonly interactiveFocus: "#f8f0ff"; readonly interactiveDisabled: "#f9fafb"; readonly danger: "#ef4444"; readonly dangerDark: "#dc2626"; }; readonly evening: { readonly primary: "#dc2626"; readonly primaryLight: "#ef4444"; readonly primaryDark: "#b91c1c"; readonly primarySubtle: "#fecaca"; readonly background: "#fef2f2"; readonly surface: "#fee2e2"; readonly surfaceSecondary: "#fecaca"; readonly surfaceElevated: "#fca5a5"; readonly text: "#450a0a"; readonly textSecondary: "#991b1b"; readonly textTertiary: "#dc2626"; readonly textInverse: "#ffffff"; readonly textDisabled: "#f87171"; readonly border: "#fca5a5"; readonly borderSecondary: "#fecaca"; readonly borderFocus: "#dc2626"; readonly interactiveHover: "#fee2e2"; readonly interactiveActive: "#fecaca"; readonly interactiveFocus: "#fca5a5"; readonly interactiveDisabled: "#fecaca"; readonly danger: "#dc2626"; readonly dangerDark: "#b91c1c"; }; readonly night: { readonly primary: "#7408c2"; readonly primaryLight: "#9b4dd9"; readonly primaryDark: "#5a0a9a"; readonly primarySubtle: "#f0e6ff"; readonly background: "#1f2937"; readonly surface: "#374151"; readonly surfaceSecondary: "#4b5563"; readonly surfaceElevated: "#374151"; readonly text: "#f9fafb"; readonly textSecondary: "#d1d5db"; readonly textTertiary: "#9ca3af"; readonly textInverse: "#ffffff"; readonly textDisabled: "#6b7280"; readonly border: "#4b5563"; readonly borderSecondary: "#374151"; readonly borderFocus: "#7408c2"; readonly interactiveHover: "#2d1b69"; readonly interactiveActive: "#1f0f4d"; readonly interactiveFocus: "#3d2b79"; readonly interactiveDisabled: "#374151"; readonly danger: "#ef4444"; readonly dangerDark: "#dc2626"; }; readonly genz: { readonly primary: "#a855f7"; readonly primaryLight: "#c084fc"; readonly primaryDark: "#9333ea"; readonly primarySubtle: "#f3e8ff"; readonly background: "#2d1b69"; readonly surface: "#3d2b79"; readonly surfaceSecondary: "#4a3b8a"; readonly surfaceElevated: "#5b4b9a"; readonly text: "#ffffff"; readonly textSecondary: "#e9d5ff"; readonly textTertiary: "#c4b5fd"; readonly textInverse: "#ffffff"; readonly textDisabled: "#a78bfa"; readonly border: "#5b4b9a"; readonly borderSecondary: "#4a3b8a"; readonly borderFocus: "#7408c2"; readonly interactiveHover: "#2d1b69"; readonly interactiveActive: "#1f0f4d"; readonly interactiveFocus: "#3d2b79"; readonly interactiveDisabled: "#4a3b8a"; readonly danger: "#ef4444"; readonly dangerDark: "#dc2626"; readonly accent1: "#f59e0b"; readonly accent2: "#10b981"; readonly accent3: "#3b82f6"; readonly accent4: "#f97316"; readonly accent5: "#8b5cf6"; }; readonly cyberpunk: { readonly primary: "#00ff88"; readonly primaryLight: "#33ffaa"; readonly primaryDark: "#00cc6a"; readonly primarySubtle: "#e6fff0"; readonly background: "#0a0a0a"; readonly surface: "#1a1a1a"; readonly surfaceSecondary: "#2a2a2a"; readonly surfaceElevated: "#3a3a3a"; readonly text: "#ffffff"; readonly textSecondary: "#cccccc"; readonly textTertiary: "#999999"; readonly textInverse: "#000000"; readonly textDisabled: "#666666"; readonly border: "#00ff88"; readonly borderSecondary: "#333333"; readonly borderFocus: "#00ff88"; readonly interactiveHover: "#1a1a1a"; readonly interactiveActive: "#0a0a0a"; readonly interactiveFocus: "#2a2a2a"; readonly interactiveDisabled: "#333333"; readonly danger: "#ff0044"; readonly dangerDark: "#cc0033"; }; readonly retro: { readonly primary: "#8b4513"; readonly primaryLight: "#a0522d"; readonly primaryDark: "#654321"; readonly primarySubtle: "#f5f5dc"; readonly background: "#f5f5dc"; readonly surface: "#f0e68c"; readonly surfaceSecondary: "#daa520"; readonly surfaceElevated: "#cd853f"; readonly text: "#2f2f2f"; readonly textSecondary: "#696969"; readonly textTertiary: "#a9a9a9"; readonly textInverse: "#ffffff"; readonly textDisabled: "#c0c0c0"; readonly border: "#daa520"; readonly borderSecondary: "#f0e68c"; readonly borderFocus: "#8b4513"; readonly interactiveHover: "#f0e68c"; readonly interactiveActive: "#daa520"; readonly interactiveFocus: "#cd853f"; readonly interactiveDisabled: "#f0e68c"; readonly danger: "#8b0000"; readonly dangerDark: "#660000"; }; }; export type MayaTheme = keyof typeof mayaColors; export type MayaColors = typeof mayaColors[MayaTheme]; //# sourceMappingURL=variables.mobile.d.ts.map