@fennex-sand/constants 1.0.16 → 1.0.17
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/colors.css +179 -0
- package/dist/colors.d.ts +176 -0
- package/dist/colors.d.ts.map +1 -0
- package/dist/colors.js +115 -0
- package/dist/colors.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +12 -3
package/dist/colors.css
ADDED
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
/* Auto-generated CSS custom properties from TypeScript colors */
|
|
2
|
+
/* Do not edit this file directly - edit libs/constants/src/colors.ts instead */
|
|
3
|
+
/* Run: npm run generate:css to regenerate this file */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--color-black: #000;
|
|
7
|
+
--color-text: #11181C;
|
|
8
|
+
--color-background: #fff;
|
|
9
|
+
--color-tint: #0a7ea4;
|
|
10
|
+
--color-icon: #687076;
|
|
11
|
+
--color-tab-icon-default: #687076;
|
|
12
|
+
--color-tab-icon-selected: #0a7ea4;
|
|
13
|
+
--color-gray-border: gray;
|
|
14
|
+
--color-green: green;
|
|
15
|
+
--color-white: white;
|
|
16
|
+
--color-gray: gray;
|
|
17
|
+
--color-dark-gray: #000;
|
|
18
|
+
--color-light-gray: #9e9b9b4d;
|
|
19
|
+
--color-light-gray2: #d0cbcb4d;
|
|
20
|
+
--color-light-gray3: #ffffff9d;
|
|
21
|
+
--color-movie-card-back-ground: #f5f5f5;
|
|
22
|
+
--color-blue: #2e47e7ff;
|
|
23
|
+
--color-light-green: #eaf5eaff;
|
|
24
|
+
--color-purple: #9f44e0ff;
|
|
25
|
+
--color-yellow: #FFD700;
|
|
26
|
+
--color-orange: #ff7f50;
|
|
27
|
+
--color-light-border: #ccc;
|
|
28
|
+
--color-border-light: #e0e0e0;
|
|
29
|
+
--color-text-medium: #4a4a4a;
|
|
30
|
+
--color-text-light: #666666;
|
|
31
|
+
--color-background-light: #e5e7eb;
|
|
32
|
+
--color-background-light-gray: #f8f8f8;
|
|
33
|
+
--color-background-lightest: #fafafa;
|
|
34
|
+
--color-background-disabled: #a0a0a0;
|
|
35
|
+
--color-background-green-tint: #e5ffed88;
|
|
36
|
+
--color-success-background: #d4edda;
|
|
37
|
+
--color-success-text: #155724;
|
|
38
|
+
--color-warning-background: #fff3cd;
|
|
39
|
+
--color-warning-text: #856404;
|
|
40
|
+
--color-error-background: #f8d7da;
|
|
41
|
+
--color-error-text: #721c24;
|
|
42
|
+
--color-error-light: #ffebee;
|
|
43
|
+
--color-error: #f44336;
|
|
44
|
+
--color-green-dark: #045107;
|
|
45
|
+
--color-purple-material: #9c27b0;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@media (prefers-color-scheme: dark) {
|
|
49
|
+
:root {
|
|
50
|
+
--color-black: #fff;
|
|
51
|
+
--color-text: #ECEDEE;
|
|
52
|
+
--color-background: #151718;
|
|
53
|
+
--color-tint: #fff;
|
|
54
|
+
--color-icon: #9BA1A6;
|
|
55
|
+
--color-tab-icon-default: #9BA1A6;
|
|
56
|
+
--color-tab-icon-selected: #fff;
|
|
57
|
+
--color-gray-border: #333;
|
|
58
|
+
--color-green: #4CAF50;
|
|
59
|
+
--color-white: #000;
|
|
60
|
+
--color-gray: #666;
|
|
61
|
+
--color-dark-gray: #fff;
|
|
62
|
+
--color-light-gray: #61646b80;
|
|
63
|
+
--color-light-gray2: #2f3035b2;
|
|
64
|
+
--color-light-gray3: #00000062;
|
|
65
|
+
--color-movie-card-back-ground: #1E1E1E;
|
|
66
|
+
--color-blue: #5d7cf7ff;
|
|
67
|
+
--color-light-green: #1a3e1aff;
|
|
68
|
+
--color-purple: #b865f0ff;
|
|
69
|
+
--color-yellow: #FFA500;
|
|
70
|
+
--color-orange: #ff8c42;
|
|
71
|
+
--color-light-border: #555;
|
|
72
|
+
--color-border-light: #444;
|
|
73
|
+
--color-text-medium: #bbb;
|
|
74
|
+
--color-text-light: #999;
|
|
75
|
+
--color-background-light: #2a2a2a;
|
|
76
|
+
--color-background-light-gray: #1f1f1f;
|
|
77
|
+
--color-background-lightest: #252525;
|
|
78
|
+
--color-background-disabled: #666;
|
|
79
|
+
--color-background-green-tint: #1a3e1a88;
|
|
80
|
+
--color-success-background: #1a4a1a;
|
|
81
|
+
--color-success-text: #4caf50;
|
|
82
|
+
--color-warning-background: #4a3a1a;
|
|
83
|
+
--color-warning-text: #ffb74d;
|
|
84
|
+
--color-error-background: #4a1a1a;
|
|
85
|
+
--color-error-text: #f44336;
|
|
86
|
+
--color-error-light: #3a1a1a;
|
|
87
|
+
--color-error: #f44336;
|
|
88
|
+
--color-green-dark: #66bb6a;
|
|
89
|
+
--color-purple-material: #ab47bc;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/* Alternative: class-based dark mode */
|
|
94
|
+
.dark {
|
|
95
|
+
--color-black: #fff;
|
|
96
|
+
--color-text: #ECEDEE;
|
|
97
|
+
--color-background: #151718;
|
|
98
|
+
--color-tint: #fff;
|
|
99
|
+
--color-icon: #9BA1A6;
|
|
100
|
+
--color-tab-icon-default: #9BA1A6;
|
|
101
|
+
--color-tab-icon-selected: #fff;
|
|
102
|
+
--color-gray-border: #333;
|
|
103
|
+
--color-green: #4CAF50;
|
|
104
|
+
--color-white: #000;
|
|
105
|
+
--color-gray: #666;
|
|
106
|
+
--color-dark-gray: #fff;
|
|
107
|
+
--color-light-gray: #61646b80;
|
|
108
|
+
--color-light-gray2: #2f3035b2;
|
|
109
|
+
--color-light-gray3: #00000062;
|
|
110
|
+
--color-movie-card-back-ground: #1E1E1E;
|
|
111
|
+
--color-blue: #5d7cf7ff;
|
|
112
|
+
--color-light-green: #1a3e1aff;
|
|
113
|
+
--color-purple: #b865f0ff;
|
|
114
|
+
--color-yellow: #FFA500;
|
|
115
|
+
--color-orange: #ff8c42;
|
|
116
|
+
--color-light-border: #555;
|
|
117
|
+
--color-border-light: #444;
|
|
118
|
+
--color-text-medium: #bbb;
|
|
119
|
+
--color-text-light: #999;
|
|
120
|
+
--color-background-light: #2a2a2a;
|
|
121
|
+
--color-background-light-gray: #1f1f1f;
|
|
122
|
+
--color-background-lightest: #252525;
|
|
123
|
+
--color-background-disabled: #666;
|
|
124
|
+
--color-background-green-tint: #1a3e1a88;
|
|
125
|
+
--color-success-background: #1a4a1a;
|
|
126
|
+
--color-success-text: #4caf50;
|
|
127
|
+
--color-warning-background: #4a3a1a;
|
|
128
|
+
--color-warning-text: #ffb74d;
|
|
129
|
+
--color-error-background: #4a1a1a;
|
|
130
|
+
--color-error-text: #f44336;
|
|
131
|
+
--color-error-light: #3a1a1a;
|
|
132
|
+
--color-error: #f44336;
|
|
133
|
+
--color-green-dark: #66bb6a;
|
|
134
|
+
--color-purple-material: #ab47bc;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
/* Data attribute dark mode */
|
|
138
|
+
[data-theme="dark"] {
|
|
139
|
+
--color-black: #fff;
|
|
140
|
+
--color-text: #ECEDEE;
|
|
141
|
+
--color-background: #151718;
|
|
142
|
+
--color-tint: #fff;
|
|
143
|
+
--color-icon: #9BA1A6;
|
|
144
|
+
--color-tab-icon-default: #9BA1A6;
|
|
145
|
+
--color-tab-icon-selected: #fff;
|
|
146
|
+
--color-gray-border: #333;
|
|
147
|
+
--color-green: #4CAF50;
|
|
148
|
+
--color-white: #000;
|
|
149
|
+
--color-gray: #666;
|
|
150
|
+
--color-dark-gray: #fff;
|
|
151
|
+
--color-light-gray: #61646b80;
|
|
152
|
+
--color-light-gray2: #2f3035b2;
|
|
153
|
+
--color-light-gray3: #00000062;
|
|
154
|
+
--color-movie-card-back-ground: #1E1E1E;
|
|
155
|
+
--color-blue: #5d7cf7ff;
|
|
156
|
+
--color-light-green: #1a3e1aff;
|
|
157
|
+
--color-purple: #b865f0ff;
|
|
158
|
+
--color-yellow: #FFA500;
|
|
159
|
+
--color-orange: #ff8c42;
|
|
160
|
+
--color-light-border: #555;
|
|
161
|
+
--color-border-light: #444;
|
|
162
|
+
--color-text-medium: #bbb;
|
|
163
|
+
--color-text-light: #999;
|
|
164
|
+
--color-background-light: #2a2a2a;
|
|
165
|
+
--color-background-light-gray: #1f1f1f;
|
|
166
|
+
--color-background-lightest: #252525;
|
|
167
|
+
--color-background-disabled: #666;
|
|
168
|
+
--color-background-green-tint: #1a3e1a88;
|
|
169
|
+
--color-success-background: #1a4a1a;
|
|
170
|
+
--color-success-text: #4caf50;
|
|
171
|
+
--color-warning-background: #4a3a1a;
|
|
172
|
+
--color-warning-text: #ffb74d;
|
|
173
|
+
--color-error-background: #4a1a1a;
|
|
174
|
+
--color-error-text: #f44336;
|
|
175
|
+
--color-error-light: #3a1a1a;
|
|
176
|
+
--color-error: #f44336;
|
|
177
|
+
--color-green-dark: #66bb6a;
|
|
178
|
+
--color-purple-material: #ab47bc;
|
|
179
|
+
}
|
package/dist/colors.d.ts
ADDED
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Centralized color definitions used across all apps.
|
|
3
|
+
* The colors are defined for both light and dark modes.
|
|
4
|
+
*/
|
|
5
|
+
export declare const Colors: {
|
|
6
|
+
light: {
|
|
7
|
+
black: string;
|
|
8
|
+
text: string;
|
|
9
|
+
background: string;
|
|
10
|
+
tint: string;
|
|
11
|
+
icon: string;
|
|
12
|
+
tabIconDefault: string;
|
|
13
|
+
tabIconSelected: string;
|
|
14
|
+
grayBorder: string;
|
|
15
|
+
green: string;
|
|
16
|
+
white: string;
|
|
17
|
+
gray: string;
|
|
18
|
+
darkGray: string;
|
|
19
|
+
lightGray: string;
|
|
20
|
+
lightGray2: string;
|
|
21
|
+
lightGray3: string;
|
|
22
|
+
movieCardBackGround: string;
|
|
23
|
+
blue: string;
|
|
24
|
+
lightGreen: string;
|
|
25
|
+
purple: string;
|
|
26
|
+
yellow: string;
|
|
27
|
+
orange: string;
|
|
28
|
+
lightBorder: string;
|
|
29
|
+
borderLight: string;
|
|
30
|
+
textMedium: string;
|
|
31
|
+
textLight: string;
|
|
32
|
+
backgroundLight: string;
|
|
33
|
+
backgroundLightGray: string;
|
|
34
|
+
backgroundLightest: string;
|
|
35
|
+
backgroundDisabled: string;
|
|
36
|
+
backgroundGreenTint: string;
|
|
37
|
+
successBackground: string;
|
|
38
|
+
successText: string;
|
|
39
|
+
warningBackground: string;
|
|
40
|
+
warningText: string;
|
|
41
|
+
errorBackground: string;
|
|
42
|
+
errorText: string;
|
|
43
|
+
errorLight: string;
|
|
44
|
+
error: string;
|
|
45
|
+
greenDark: string;
|
|
46
|
+
purpleMaterial: string;
|
|
47
|
+
};
|
|
48
|
+
dark: {
|
|
49
|
+
black: string;
|
|
50
|
+
text: string;
|
|
51
|
+
background: string;
|
|
52
|
+
tint: string;
|
|
53
|
+
icon: string;
|
|
54
|
+
tabIconDefault: string;
|
|
55
|
+
tabIconSelected: string;
|
|
56
|
+
grayBorder: string;
|
|
57
|
+
green: string;
|
|
58
|
+
white: string;
|
|
59
|
+
gray: string;
|
|
60
|
+
darkGray: string;
|
|
61
|
+
lightGray: string;
|
|
62
|
+
lightGray2: string;
|
|
63
|
+
lightGray3: string;
|
|
64
|
+
movieCardBackGround: string;
|
|
65
|
+
blue: string;
|
|
66
|
+
lightGreen: string;
|
|
67
|
+
purple: string;
|
|
68
|
+
yellow: string;
|
|
69
|
+
orange: string;
|
|
70
|
+
lightBorder: string;
|
|
71
|
+
borderLight: string;
|
|
72
|
+
textMedium: string;
|
|
73
|
+
textLight: string;
|
|
74
|
+
backgroundLight: string;
|
|
75
|
+
backgroundLightGray: string;
|
|
76
|
+
backgroundLightest: string;
|
|
77
|
+
backgroundDisabled: string;
|
|
78
|
+
backgroundGreenTint: string;
|
|
79
|
+
successBackground: string;
|
|
80
|
+
successText: string;
|
|
81
|
+
warningBackground: string;
|
|
82
|
+
warningText: string;
|
|
83
|
+
errorBackground: string;
|
|
84
|
+
errorText: string;
|
|
85
|
+
errorLight: string;
|
|
86
|
+
error: string;
|
|
87
|
+
greenDark: string;
|
|
88
|
+
purpleMaterial: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
export declare const generateCSSCustomProperties: (theme?: "light" | "dark") => Record<string, string>;
|
|
92
|
+
export declare const LightColors: {
|
|
93
|
+
black: string;
|
|
94
|
+
text: string;
|
|
95
|
+
background: string;
|
|
96
|
+
tint: string;
|
|
97
|
+
icon: string;
|
|
98
|
+
tabIconDefault: string;
|
|
99
|
+
tabIconSelected: string;
|
|
100
|
+
grayBorder: string;
|
|
101
|
+
green: string;
|
|
102
|
+
white: string;
|
|
103
|
+
gray: string;
|
|
104
|
+
darkGray: string;
|
|
105
|
+
lightGray: string;
|
|
106
|
+
lightGray2: string;
|
|
107
|
+
lightGray3: string;
|
|
108
|
+
movieCardBackGround: string;
|
|
109
|
+
blue: string;
|
|
110
|
+
lightGreen: string;
|
|
111
|
+
purple: string;
|
|
112
|
+
yellow: string;
|
|
113
|
+
orange: string;
|
|
114
|
+
lightBorder: string;
|
|
115
|
+
borderLight: string;
|
|
116
|
+
textMedium: string;
|
|
117
|
+
textLight: string;
|
|
118
|
+
backgroundLight: string;
|
|
119
|
+
backgroundLightGray: string;
|
|
120
|
+
backgroundLightest: string;
|
|
121
|
+
backgroundDisabled: string;
|
|
122
|
+
backgroundGreenTint: string;
|
|
123
|
+
successBackground: string;
|
|
124
|
+
successText: string;
|
|
125
|
+
warningBackground: string;
|
|
126
|
+
warningText: string;
|
|
127
|
+
errorBackground: string;
|
|
128
|
+
errorText: string;
|
|
129
|
+
errorLight: string;
|
|
130
|
+
error: string;
|
|
131
|
+
greenDark: string;
|
|
132
|
+
purpleMaterial: string;
|
|
133
|
+
};
|
|
134
|
+
export declare const DarkColors: {
|
|
135
|
+
black: string;
|
|
136
|
+
text: string;
|
|
137
|
+
background: string;
|
|
138
|
+
tint: string;
|
|
139
|
+
icon: string;
|
|
140
|
+
tabIconDefault: string;
|
|
141
|
+
tabIconSelected: string;
|
|
142
|
+
grayBorder: string;
|
|
143
|
+
green: string;
|
|
144
|
+
white: string;
|
|
145
|
+
gray: string;
|
|
146
|
+
darkGray: string;
|
|
147
|
+
lightGray: string;
|
|
148
|
+
lightGray2: string;
|
|
149
|
+
lightGray3: string;
|
|
150
|
+
movieCardBackGround: string;
|
|
151
|
+
blue: string;
|
|
152
|
+
lightGreen: string;
|
|
153
|
+
purple: string;
|
|
154
|
+
yellow: string;
|
|
155
|
+
orange: string;
|
|
156
|
+
lightBorder: string;
|
|
157
|
+
borderLight: string;
|
|
158
|
+
textMedium: string;
|
|
159
|
+
textLight: string;
|
|
160
|
+
backgroundLight: string;
|
|
161
|
+
backgroundLightGray: string;
|
|
162
|
+
backgroundLightest: string;
|
|
163
|
+
backgroundDisabled: string;
|
|
164
|
+
backgroundGreenTint: string;
|
|
165
|
+
successBackground: string;
|
|
166
|
+
successText: string;
|
|
167
|
+
warningBackground: string;
|
|
168
|
+
warningText: string;
|
|
169
|
+
errorBackground: string;
|
|
170
|
+
errorText: string;
|
|
171
|
+
errorLight: string;
|
|
172
|
+
error: string;
|
|
173
|
+
greenDark: string;
|
|
174
|
+
purpleMaterial: string;
|
|
175
|
+
};
|
|
176
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGlB,CAAC;AAGF,eAAO,MAAM,2BAA2B,GAAI,QAAO,OAAO,GAAG,MAAgB,2BAW5E,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAe,CAAC;AACxC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAc,CAAC"}
|
package/dist/colors.js
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Centralized color definitions used across all apps.
|
|
3
|
+
* The colors are defined for both light and dark modes.
|
|
4
|
+
*/
|
|
5
|
+
export const Colors = {
|
|
6
|
+
light: {
|
|
7
|
+
black: '#000',
|
|
8
|
+
text: '#11181C',
|
|
9
|
+
background: '#fff',
|
|
10
|
+
tint: '#0a7ea4',
|
|
11
|
+
icon: '#687076',
|
|
12
|
+
tabIconDefault: '#687076',
|
|
13
|
+
tabIconSelected: '#0a7ea4',
|
|
14
|
+
grayBorder: 'gray',
|
|
15
|
+
green: 'green',
|
|
16
|
+
white: 'white',
|
|
17
|
+
gray: 'gray',
|
|
18
|
+
darkGray: '#000',
|
|
19
|
+
lightGray: '#9e9b9b4d',
|
|
20
|
+
lightGray2: '#d0cbcb4d',
|
|
21
|
+
lightGray3: '#ffffff9d',
|
|
22
|
+
movieCardBackGround: '#f5f5f5',
|
|
23
|
+
blue: '#2e47e7ff',
|
|
24
|
+
lightGreen: '#eaf5eaff',
|
|
25
|
+
purple: '#9f44e0ff',
|
|
26
|
+
yellow: '#FFD700',
|
|
27
|
+
orange: '#ff7f50',
|
|
28
|
+
// Border colors
|
|
29
|
+
lightBorder: '#ccc',
|
|
30
|
+
borderLight: '#e0e0e0',
|
|
31
|
+
// Text variants
|
|
32
|
+
textMedium: '#4a4a4a',
|
|
33
|
+
textLight: '#666666',
|
|
34
|
+
// Background variants
|
|
35
|
+
backgroundLight: '#e5e7eb',
|
|
36
|
+
backgroundLightGray: '#f8f8f8',
|
|
37
|
+
backgroundLightest: '#fafafa',
|
|
38
|
+
backgroundDisabled: '#a0a0a0',
|
|
39
|
+
backgroundGreenTint: '#e5ffed88',
|
|
40
|
+
// Success/Warning/Error colors
|
|
41
|
+
successBackground: '#d4edda',
|
|
42
|
+
successText: '#155724',
|
|
43
|
+
warningBackground: '#fff3cd',
|
|
44
|
+
warningText: '#856404',
|
|
45
|
+
errorBackground: '#f8d7da',
|
|
46
|
+
errorText: '#721c24',
|
|
47
|
+
errorLight: '#ffebee',
|
|
48
|
+
error: '#f44336',
|
|
49
|
+
// Brand colors
|
|
50
|
+
greenDark: '#045107',
|
|
51
|
+
purpleMaterial: '#9c27b0',
|
|
52
|
+
},
|
|
53
|
+
dark: {
|
|
54
|
+
black: '#fff',
|
|
55
|
+
text: '#ECEDEE',
|
|
56
|
+
background: '#151718',
|
|
57
|
+
tint: '#fff',
|
|
58
|
+
icon: '#9BA1A6',
|
|
59
|
+
tabIconDefault: '#9BA1A6',
|
|
60
|
+
tabIconSelected: '#fff',
|
|
61
|
+
grayBorder: '#333',
|
|
62
|
+
green: '#4CAF50',
|
|
63
|
+
white: '#000',
|
|
64
|
+
gray: '#666',
|
|
65
|
+
darkGray: '#fff',
|
|
66
|
+
lightGray: '#61646b80',
|
|
67
|
+
lightGray2: '#2f3035b2',
|
|
68
|
+
lightGray3: '#00000062',
|
|
69
|
+
movieCardBackGround: '#1E1E1E',
|
|
70
|
+
blue: '#5d7cf7ff',
|
|
71
|
+
lightGreen: '#1a3e1aff',
|
|
72
|
+
purple: '#b865f0ff',
|
|
73
|
+
yellow: '#FFA500',
|
|
74
|
+
orange: '#ff8c42',
|
|
75
|
+
// Border colors
|
|
76
|
+
lightBorder: '#555',
|
|
77
|
+
borderLight: '#444',
|
|
78
|
+
// Text variants
|
|
79
|
+
textMedium: '#bbb',
|
|
80
|
+
textLight: '#999',
|
|
81
|
+
// Background variants
|
|
82
|
+
backgroundLight: '#2a2a2a',
|
|
83
|
+
backgroundLightGray: '#1f1f1f',
|
|
84
|
+
backgroundLightest: '#252525',
|
|
85
|
+
backgroundDisabled: '#666',
|
|
86
|
+
backgroundGreenTint: '#1a3e1a88',
|
|
87
|
+
// Success/Warning/Error colors
|
|
88
|
+
successBackground: '#1a4a1a',
|
|
89
|
+
successText: '#4caf50',
|
|
90
|
+
warningBackground: '#4a3a1a',
|
|
91
|
+
warningText: '#ffb74d',
|
|
92
|
+
errorBackground: '#4a1a1a',
|
|
93
|
+
errorText: '#f44336',
|
|
94
|
+
errorLight: '#3a1a1a',
|
|
95
|
+
error: '#f44336',
|
|
96
|
+
// Brand colors
|
|
97
|
+
greenDark: '#66bb6a',
|
|
98
|
+
purpleMaterial: '#ab47bc',
|
|
99
|
+
},
|
|
100
|
+
};
|
|
101
|
+
// Utility function to get CSS custom properties from colors object
|
|
102
|
+
export const generateCSSCustomProperties = (theme = 'light') => {
|
|
103
|
+
const colors = Colors[theme];
|
|
104
|
+
const cssProps = {};
|
|
105
|
+
Object.entries(colors).forEach(([key, value]) => {
|
|
106
|
+
// Convert camelCase to kebab-case
|
|
107
|
+
const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
108
|
+
cssProps[`--color-${cssKey}`] = value;
|
|
109
|
+
});
|
|
110
|
+
return cssProps;
|
|
111
|
+
};
|
|
112
|
+
// Export individual color palettes for easier access
|
|
113
|
+
export const LightColors = Colors.light;
|
|
114
|
+
export const DarkColors = Colors.dark;
|
|
115
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAoB5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAAsE,CAAC;AACtG,eAAO,MAAM,aAAa,iCAAiC,CAAC;AAE5D,eAAO,MAAM,YAAY,UAA8F,CAAC;AACxH,eAAO,MAAM,aAAa,UAAuC,CAAC;AAElE,eAAO,MAAM,GAAG,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAoB5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAAsE,CAAC;AACtG,eAAO,MAAM,aAAa,iCAAiC,CAAC;AAE5D,eAAO,MAAM,YAAY,UAA8F,CAAC;AACxH,eAAO,MAAM,aAAa,UAAuC,CAAC;AAElE,eAAO,MAAM,GAAG,QAAQ,CAAC;AAGzB,cAAc,UAAU,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -24,4 +24,6 @@ export const TMDB_BASE_URL = 'https://api.themoviedb.org/3';
|
|
|
24
24
|
export const YEARS_FILTER = Array.from({ length: 4 }, (_, i) => (new Date().getUTCFullYear() - i).toString()).reverse();
|
|
25
25
|
export const GENRES_FILTER = ['All', 'Action', 'Comedy', 'Drama'];
|
|
26
26
|
export const ALL = 'all';
|
|
27
|
+
// Export colors
|
|
28
|
+
export * from './colors';
|
|
27
29
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAA2B;IAC/C,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,KAAK;IACd,iBAAiB,EAAE,GAAG;IACtB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AACtG,MAAM,CAAC,MAAM,aAAa,GAAG,8BAA8B,CAAC;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AACxH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAA2B;IAC/C,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,KAAK;IACd,iBAAiB,EAAE,GAAG;IACtB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,EAAE;IACZ,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AACtG,MAAM,CAAC,MAAM,aAAa,GAAG,8BAA8B,CAAC;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AACxH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC;AAEzB,gBAAgB;AAChB,cAAc,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,20 +1,29 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fennex-sand/constants",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.17",
|
|
4
4
|
"description": "Shared constants for lynxjs projects",
|
|
5
5
|
"author": "Avraham Hamu",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "./dist/index.js",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./colors.css": "./dist/colors.css"
|
|
16
|
+
},
|
|
10
17
|
"files": [
|
|
11
18
|
"dist"
|
|
12
19
|
],
|
|
13
20
|
"scripts": {
|
|
14
|
-
"build": "tsc -p tsconfig.json",
|
|
21
|
+
"build": "tsc -p tsconfig.json && npm run generate:css",
|
|
15
22
|
"dev": "tsc --watch",
|
|
16
23
|
"clean": "rm -rf dist",
|
|
17
|
-
"
|
|
24
|
+
"generate:css": "node scripts/generate-css.mjs",
|
|
25
|
+
"publish-package": "npm publish --access public",
|
|
26
|
+
"publish-increment": "npm version patch && npm run publish-package"
|
|
18
27
|
},
|
|
19
28
|
"devDependencies": {
|
|
20
29
|
"typescript": "~5.8.3"
|