@idds/styles 1.6.7 → 1.6.9

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.
@@ -1,39 +0,0 @@
1
- /**
2
- * BKN Color Tokens for Tailwind CSS v3
3
- * Badan Kepegawaian Negara Theme
4
- */
5
-
6
- const bknColorTokens: Record<string, string> = {
7
- // Primary shades
8
- 'primary-25': 'var(--ina-primary-25, #fdf2f7)',
9
- 'primary-50': 'var(--ina-primary-50, #fde6f1)',
10
- 'primary-100': 'var(--ina-primary-100, #fdcde3)',
11
- 'primary-200': 'var(--ina-primary-200, #fca5cb)',
12
- 'primary-300': 'var(--ina-primary-300, #f96da7)',
13
- 'primary-400': 'var(--ina-primary-400, #f24286)',
14
- 'primary-500': 'var(--ina-primary-500, #de1d5e)',
15
- 'primary-600': 'var(--ina-primary-600, #c41249)',
16
- 'primary-700': 'var(--ina-primary-700, #a2123c)',
17
- 'primary-800': 'var(--ina-primary-800, #871436)',
18
- 'primary-900': 'var(--ina-primary-900, #53041a)',
19
- 'primary-primary': 'var(--ina-primary-primary, #de1d5e)',
20
-
21
- // Secondary shades
22
- 'secondary-25': 'var(--ina-secondary-25, #f2f9fd)',
23
- 'secondary-50': 'var(--ina-secondary-50, #e3f0fb)',
24
- 'secondary-100': 'var(--ina-secondary-100, #c1e3f6)',
25
- 'secondary-200': 'var(--ina-secondary-200, #8accef)',
26
- 'secondary-300': 'var(--ina-secondary-300, #4cb2e4)',
27
- 'secondary-400': 'var(--ina-secondary-400, #269dd8)',
28
- 'secondary-500': 'var(--ina-secondary-500, #177ab2)',
29
- 'secondary-600': 'var(--ina-secondary-600, #146190)',
30
- 'secondary-700': 'var(--ina-secondary-700, #145378)',
31
- 'secondary-800': 'var(--ina-secondary-800, #164564)',
32
- 'secondary-900': 'var(--ina-secondary-900, #0f2d42)',
33
-
34
- // Interactive hover
35
- 'bkn-brand-hover': 'var(--ina-bkn-brand-hover, #c41249)',
36
- 'bkn-neutral-hover': 'var(--ina-bkn-neutral-hover, #fafafa)',
37
- };
38
-
39
- export default bknColorTokens;
@@ -1,35 +0,0 @@
1
- /**
2
- * Default Color Tokens for Tailwind CSS v3
3
- * Default Theme
4
- */
5
-
6
- const defaultColorTokens: Record<string, string> = {
7
- // Primary shades
8
- 'primary-25': 'var(--ina-neutral-25, #ffffff)',
9
- 'primary-50': 'var(--ina-neutral-50, #f8f8f7)',
10
- 'primary-100': 'var(--ina-neutral-100, #f2f2f2)',
11
- 'primary-200': 'var(--ina-neutral-200, #e5e5e5)',
12
- 'primary-300': 'var(--ina-neutral-300, #d4d4d4)',
13
- 'primary-400': 'var(--ina-neutral-400, #a3a3a3)',
14
- 'primary-500': 'var(--ina-neutral-500, #737373)',
15
- 'primary-600': 'var(--ina-neutral-600, #525252)',
16
- 'primary-700': 'var(--ina-neutral-700, #404040)',
17
- 'primary-800': 'var(--ina-neutral-800, #1f1f1f)',
18
- 'primary-900': 'var(--ina-neutral-900, #141414)',
19
- 'primary-primary': 'var(--ina-neutral-900, #141414)',
20
-
21
- // Secondary shades
22
- 'secondary-25': '#f2f9fd',
23
- 'secondary-50': '#e3f0fb',
24
- 'secondary-100': '#c1e3f6',
25
- 'secondary-200': '#8accef',
26
- 'secondary-300': '#4cb2e4',
27
- 'secondary-400': '#269dd8',
28
- 'secondary-500': '#177ab2',
29
- 'secondary-600': '#146190',
30
- 'secondary-700': '#145378',
31
- 'secondary-800': '#164564',
32
- 'secondary-900': '#0f2d42',
33
- };
34
-
35
- export default defaultColorTokens;
@@ -1,288 +0,0 @@
1
- /**
2
- * INA Digital Color Tokens for Tailwind CSS v3
3
- *
4
- * This file provides color tokens that reference CSS custom properties
5
- * from @idds/styles. Use these tokens in your tailwind.config.js:
6
- *
7
- * @example
8
- * ```js
9
- * import iddsColorTokens from '@idds/styles/tailwind/ts/idds';
10
- *
11
- * export default {
12
- * theme: {
13
- * extend: {
14
- * colors: iddsColorTokens,
15
- * },
16
- * },
17
- * };
18
- * ```
19
- *
20
- * Then you can use classes like: text-neutral-500, bg-blue-500, etc.
21
- */
22
-
23
- const iddsColorTokens: Record<string, string> = {
24
- // Neutral Colors
25
- 'neutral-25': 'var(--ina-neutral-25, #ffffff)',
26
- 'neutral-50': 'var(--ina-neutral-50, #f8f8f7)',
27
- 'neutral-100': 'var(--ina-neutral-100, #f2f2f2)',
28
- 'neutral-200': 'var(--ina-neutral-200, #e5e5e5)',
29
- 'neutral-300': 'var(--ina-neutral-300, #d4d4d4)',
30
- 'neutral-400': 'var(--ina-neutral-400, #a3a3a3)',
31
- 'neutral-500': 'var(--ina-neutral-500, #737373)',
32
- 'neutral-600': 'var(--ina-neutral-600, #525252)',
33
- 'neutral-700': 'var(--ina-neutral-700, #404040)',
34
- 'neutral-800': 'var(--ina-neutral-800, #1f1f1f)',
35
- 'neutral-900': 'var(--ina-neutral-900, #141414)',
36
- 'neutral-1000': 'var(--ina-neutral-1000, #050505)',
37
-
38
- // Blue Colors
39
- 'blue-50': 'var(--ina-blue-50, #fafcff)',
40
- 'blue-100': 'var(--ina-blue-100, #ecf3fe)',
41
- 'blue-200': 'var(--ina-blue-200, #dceafe)',
42
- 'blue-300': 'var(--ina-blue-300, #84b4fb)',
43
- 'blue-400': 'var(--ina-blue-400, #4d93fc)',
44
- 'blue-500': 'var(--ina-blue-500, #0968f6)',
45
- 'blue-600': 'var(--ina-blue-600, #0049b8)',
46
- 'blue-700': 'var(--ina-blue-700, #002a69)',
47
- 'blue-800': 'var(--ina-blue-800, #0e192a)',
48
- 'blue-900': 'var(--ina-blue-900, #070e17)',
49
-
50
- // Cyan Colors
51
- 'cyan-50': 'var(--ina-cyan-50, #fafeff)',
52
- 'cyan-100': 'var(--ina-cyan-100, #ebfaff)',
53
- 'cyan-200': 'var(--ina-cyan-200, #d2f3fe)',
54
- 'cyan-300': 'var(--ina-cyan-300, #83defc)',
55
- 'cyan-400': 'var(--ina-cyan-400, #51d0fb)',
56
- 'cyan-500': 'var(--ina-cyan-500, #09bbf6)',
57
- 'cyan-600': 'var(--ina-cyan-600, #008bb9)',
58
- 'cyan-700': 'var(--ina-cyan-700, #00506b)',
59
- 'cyan-800': 'var(--ina-cyan-800, #0a3442)',
60
- 'cyan-900': 'var(--ina-cyan-900, #032530)',
61
-
62
- // Teal Colors
63
- 'teal-50': 'var(--ina-teal-50, #faffff)',
64
- 'teal-100': 'var(--ina-teal-100, #effbfb)',
65
- 'teal-200': 'var(--ina-teal-200, #d7f4f6)',
66
- 'teal-300': 'var(--ina-teal-300, #8edfe5)',
67
- 'teal-400': 'var(--ina-teal-400, #44ccd5)',
68
- 'teal-500': 'var(--ina-teal-500, #1bbfca)',
69
- 'teal-600': 'var(--ina-teal-600, #006f93)',
70
- 'teal-700': 'var(--ina-teal-700, #07465a)',
71
- 'teal-800': 'var(--ina-teal-800, #04252f)',
72
- 'teal-900': 'var(--ina-teal-900, #02161d)',
73
-
74
- // Green Colors
75
- 'green-50': 'var(--ina-green-50, #fafffa)',
76
- 'green-100': 'var(--ina-green-100, #edfded)',
77
- 'green-200': 'var(--ina-green-200, #e0fae0)',
78
- 'green-300': 'var(--ina-green-300, #a6f0a5)',
79
- 'green-400': 'var(--ina-green-400, #4ce160)',
80
- 'green-500': 'var(--ina-green-500, #3cc14e)',
81
- 'green-600': 'var(--ina-green-600, #288034)',
82
- 'green-700': 'var(--ina-green-700, #1b561a)',
83
- 'green-800': 'var(--ina-green-800, #0c310d)',
84
- 'green-900': 'var(--ina-green-900, #021d06)',
85
-
86
- // Lime Colors
87
- 'lime-50': 'var(--ina-lime-50, #fdfffa)',
88
- 'lime-100': 'var(--ina-lime-100, #f8fded)',
89
- 'lime-200': 'var(--ina-lime-200, #f2fcdf)',
90
- 'lime-300': 'var(--ina-lime-300, #ddf6aa)',
91
- 'lime-400': 'var(--ina-lime-400, #bbed56)',
92
- 'lime-500': 'var(--ina-lime-500, #90c821)',
93
- 'lime-600': 'var(--ina-lime-600, #5b7d17)',
94
- 'lime-700': 'var(--ina-lime-700, #3b5110)',
95
- 'lime-800': 'var(--ina-lime-800, #202d06)',
96
- 'lime-900': 'var(--ina-lime-900, #141d02)',
97
-
98
- // Yellow Colors
99
- 'yellow-50': 'var(--ina-yellow-50, #fffefa)',
100
- 'yellow-100': 'var(--ina-yellow-100, #fff9eb)',
101
- 'yellow-200': 'var(--ina-yellow-200, #fff8d5)',
102
- 'yellow-300': 'var(--ina-yellow-300, #ffe58a)',
103
- 'yellow-400': 'var(--ina-yellow-400, #ffcc14)',
104
- 'yellow-500': 'var(--ina-yellow-500, #eebb04)',
105
- 'yellow-600': 'var(--ina-yellow-600, #855f00)',
106
- 'yellow-700': 'var(--ina-yellow-700, #553b06)',
107
- 'yellow-800': 'var(--ina-yellow-800, #312102)',
108
- 'yellow-900': 'var(--ina-yellow-900, #1c1402)',
109
-
110
- // Orange Colors
111
- 'orange-50': 'var(--ina-orange-50, #fffcfa)',
112
- 'orange-100': 'var(--ina-orange-100, #fff5eb)',
113
- 'orange-200': 'var(--ina-orange-200, #ffead3)',
114
- 'orange-300': 'var(--ina-orange-300, #ffc382)',
115
- 'orange-400': 'var(--ina-orange-400, #ff8806)',
116
- 'orange-500': 'var(--ina-orange-500, #ec7303)',
117
- 'orange-600': 'var(--ina-orange-600, #c15100)',
118
- 'orange-700': 'var(--ina-orange-700, #562501)',
119
- 'orange-800': 'var(--ina-orange-800, #2f1604)',
120
- 'orange-900': 'var(--ina-orange-900, #170b02)',
121
-
122
- // Coral Colors
123
- 'coral-50': 'var(--ina-coral-50, #fffbfa)',
124
- 'coral-100': 'var(--ina-coral-100, #ffefeb)',
125
- 'coral-200': 'var(--ina-coral-200, #ffe1d7)',
126
- 'coral-300': 'var(--ina-coral-300, #ffa78a)',
127
- 'coral-400': 'var(--ina-coral-400, #ff6a38)',
128
- 'coral-500': 'var(--ina-coral-500, #f3511b)',
129
- 'coral-600': 'var(--ina-coral-600, #d03706)',
130
- 'coral-700': 'var(--ina-coral-700, #5e1d08)',
131
- 'coral-800': 'var(--ina-coral-800, #2f0e04)',
132
- 'coral-900': 'var(--ina-coral-900, #1d0802)',
133
-
134
- // Red Colors
135
- 'red-50': 'var(--ina-red-50, #fffafa)',
136
- 'red-100': 'var(--ina-red-100, #fdeded)',
137
- 'red-200': 'var(--ina-red-200, #ffe0e0)',
138
- 'red-300': 'var(--ina-red-300, #ffa0a0)',
139
- 'red-400': 'var(--ina-red-400, #ff5c5c)',
140
- 'red-500': 'var(--ina-red-500, #f02d2d)',
141
- 'red-600': 'var(--ina-red-600, #d50b0b)',
142
- 'red-700': 'var(--ina-red-700, #570303)',
143
- 'red-800': 'var(--ina-red-800, #2a0303)',
144
- 'red-900': 'var(--ina-red-900, #1d0202)',
145
-
146
- // Pink Colors
147
- 'pink-50': 'var(--ina-pink-50, #fff5fa)',
148
- 'pink-100': 'var(--ina-pink-100, #fdedf5)',
149
- 'pink-200': 'var(--ina-pink-200, #fcdcec)',
150
- 'pink-300': 'var(--ina-pink-300, #f79cc8)',
151
- 'pink-400': 'var(--ina-pink-400, #f155a0)',
152
- 'pink-500': 'var(--ina-pink-500, #e9358b)',
153
- 'pink-600': 'var(--ina-pink-600, #a51359)',
154
- 'pink-700': 'var(--ina-pink-700, #4b112d)',
155
- 'pink-800': 'var(--ina-pink-800, #36061d)',
156
- 'pink-900': 'var(--ina-pink-900, #1d020f)',
157
-
158
- // Magenta Colors
159
- 'magenta-50': 'var(--ina-magenta-50, #fefaff)',
160
- 'magenta-100': 'var(--ina-magenta-100, #fbebff)',
161
- 'magenta-200': 'var(--ina-magenta-200, #f5d2fe)',
162
- 'magenta-300': 'var(--ina-magenta-300, #e483fc)',
163
- 'magenta-400': 'var(--ina-magenta-400, #d951fb)',
164
- 'magenta-500': 'var(--ina-magenta-500, #c709f6)',
165
- 'magenta-600': 'var(--ina-magenta-600, #9400b9)',
166
- 'magenta-700': 'var(--ina-magenta-700, #56006b)',
167
- 'magenta-800': 'var(--ina-magenta-800, #370a42)',
168
- 'magenta-900': 'var(--ina-magenta-900, #270330)',
169
-
170
- // Violet Colors
171
- 'violet-50': 'var(--ina-violet-50, #fbfaff)',
172
- 'violet-100': 'var(--ina-violet-100, #f7f6fe)',
173
- 'violet-200': 'var(--ina-violet-200, #e2ddfd)',
174
- 'violet-300': 'var(--ina-violet-300, #ad9efa)',
175
- 'violet-400': 'var(--ina-violet-400, #8770ff)',
176
- 'violet-500': 'var(--ina-violet-500, #583aee)',
177
- 'violet-600': 'var(--ina-violet-600, #3b1fc6)',
178
- 'violet-700': 'var(--ina-violet-700, #271a68)',
179
- 'violet-800': 'var(--ina-violet-800, #140f2e)',
180
- 'violet-900': 'var(--ina-violet-900, #06021d)',
181
-
182
- // Purple Colors
183
- 'purple-50': 'var(--ina-purple-50, #fdfaff)',
184
- 'purple-100': 'var(--ina-purple-100, #f7ebff)',
185
- 'purple-200': 'var(--ina-purple-200, #ecd2fe)',
186
- 'purple-300': 'var(--ina-purple-300, #cc83fc)',
187
- 'purple-400': 'var(--ina-purple-400, #b751fb)',
188
- 'purple-500': 'var(--ina-purple-500, #9709f6)',
189
- 'purple-600': 'var(--ina-purple-600, #6f00b9)',
190
- 'purple-700': 'var(--ina-purple-700, #40006b)',
191
- 'purple-800': 'var(--ina-purple-800, #2c0a42)',
192
- 'purple-900': 'var(--ina-purple-900, #1e0330)',
193
-
194
- // Lilac Colors
195
- 'lilac-50': 'var(--ina-lilac-50, #fdfaff)',
196
- 'lilac-100': 'var(--ina-lilac-100, #faf5fe)',
197
- 'lilac-200': 'var(--ina-lilac-200, #efddfd)',
198
- 'lilac-300': 'var(--ina-lilac-300, #cc9ef0)',
199
- 'lilac-400': 'var(--ina-lilac-400, #b56bf0)',
200
- 'lilac-500': 'var(--ina-lilac-500, #8935cb)',
201
- 'lilac-600': 'var(--ina-lilac-600, #631f99)',
202
- 'lilac-700': 'var(--ina-lilac-700, #3e135f)',
203
- 'lilac-800': 'var(--ina-lilac-800, #1c042f)',
204
- 'lilac-900': 'var(--ina-lilac-900, #11021d)',
205
-
206
- // Indigo Colors
207
- 'indigo-50': 'var(--ina-indigo-50, #fafdff)',
208
- 'indigo-100': 'var(--ina-indigo-100, #ebf7ff)',
209
- 'indigo-200': 'var(--ina-indigo-200, #d3effe)',
210
- 'indigo-300': 'var(--ina-indigo-300, #80d0fd)',
211
- 'indigo-400': 'var(--ina-indigo-400, #0aa7ff)',
212
- 'indigo-500': 'var(--ina-indigo-500, #0099f0)',
213
- 'indigo-600': 'var(--ina-indigo-600, #0364ab)',
214
- 'indigo-700': 'var(--ina-indigo-700, #003c66)',
215
- 'indigo-800': 'var(--ina-indigo-800, #01243d)',
216
- 'indigo-900': 'var(--ina-indigo-900, #02121d)',
217
-
218
- // Product Colors (Background, Content, Stroke, Guide, Negative, Positive, Warning)
219
- 'background-primary': 'var(--ina-background-primary, #ffffff)',
220
- 'background-secondary': 'var(--ina-background-secondary, #f8f8f7)',
221
- 'background-tertiary': 'var(--ina-background-tertiary, #f2f2f2)',
222
- 'background-overlay': 'var(--ina-background-overlay, #1f1f1f7a)',
223
-
224
- 'content-primary': 'var(--ina-content-primary, #1f1f1f)',
225
- 'content-secondary': 'var(--ina-content-secondary, #525252)',
226
- 'content-tertiary': 'var(--ina-content-tertiary, #a3a3a3)',
227
- 'content-guide': 'var(--ina-content-guide, #0968f6)',
228
- 'content-negative': 'var(--ina-content-negative, #f02d2d)',
229
- 'content-positive': 'var(--ina-content-positive, #288034)',
230
-
231
- 'stroke-primary': 'var(--ina-stroke-primary, #e5e5e5)',
232
- 'stroke-secondary': 'var(--ina-stroke-secondary, #a3a3a3)',
233
- 'stroke-tertiary': 'var(--ina-stroke-tertiary, #1f1f1f)',
234
-
235
- // Guide Colors (alias for blue)
236
- 'guide-50': 'var(--ina-guide-50, #fafcff)',
237
- 'guide-100': 'var(--ina-guide-100, #ecf3fe)',
238
- 'guide-200': 'var(--ina-guide-200, #dceafe)',
239
- 'guide-300': 'var(--ina-guide-300, #84b4fb)',
240
- 'guide-400': 'var(--ina-guide-400, #4d93fc)',
241
- 'guide-500': 'var(--ina-guide-500, #0968f6)',
242
- 'guide-600': 'var(--ina-guide-600, #0049b8)',
243
- 'guide-700': 'var(--ina-guide-700, #002a69)',
244
- 'guide-800': 'var(--ina-guide-800, #0e192a)',
245
- 'guide-900': 'var(--ina-guide-900, #070e17)',
246
-
247
- // Negative Colors (alias for red)
248
- 'negative-50': 'var(--ina-negative-50, #fffafa)',
249
- 'negative-100': 'var(--ina-negative-100, #fdeded)',
250
- 'negative-200': 'var(--ina-negative-200, #ffe0e0)',
251
- 'negative-300': 'var(--ina-negative-300, #ffa0a0)',
252
- 'negative-400': 'var(--ina-negative-400, #ff5c5c)',
253
- 'negative-500': 'var(--ina-negative-500, #f02d2d)',
254
- 'negative-600': 'var(--ina-negative-600, #d50b0b)',
255
- 'negative-700': 'var(--ina-negative-700, #570303)',
256
- 'negative-800': 'var(--ina-negative-800, #2a0303)',
257
- 'negative-900': 'var(--ina-negative-900, #1d0202)',
258
-
259
- // Positive Colors (alias for green)
260
- 'positive-50': 'var(--ina-positive-50, #fafffa)',
261
- 'positive-100': 'var(--ina-positive-100, #edfded)',
262
- 'positive-200': 'var(--ina-positive-200, #e0fae0)',
263
- 'positive-300': 'var(--ina-positive-300, #a6f0a5)',
264
- 'positive-400': 'var(--ina-positive-400, #4ce160)',
265
- 'positive-500': 'var(--ina-positive-500, #3cc14e)',
266
- 'positive-600': 'var(--ina-positive-600, #288034)',
267
- 'positive-700': 'var(--ina-positive-700, #1b561a)',
268
- 'positive-800': 'var(--ina-positive-800, #0c310d)',
269
- 'positive-900': 'var(--ina-positive-900, #021d06)',
270
-
271
- // Warning Colors (alias for orange)
272
- 'warning-50': 'var(--ina-warning-50, #fffefa)',
273
- 'warning-100': 'var(--ina-warning-100, #fff9eb)',
274
- 'warning-200': 'var(--ina-warning-200, #fff8d5)',
275
- 'warning-300': 'var(--ina-warning-300, #ffe58a)',
276
- 'warning-400': 'var(--ina-warning-400, #ffcc14)',
277
- 'warning-500': 'var(--ina-warning-500, #eebb04)',
278
- 'warning-600': 'var(--ina-warning-600, #855f00)',
279
- 'warning-700': 'var(--ina-warning-700, #553b06)',
280
- 'warning-800': 'var(--ina-warning-800, #312102)',
281
- 'warning-900': 'var(--ina-warning-900, #1c1402)',
282
-
283
- // Base Colors
284
- white: 'var(--ina-white, #ffffff)',
285
- black: 'var(--ina-black, #141414)',
286
- };
287
-
288
- export default iddsColorTokens;
@@ -1,35 +0,0 @@
1
- /**
2
- * InaGov Color Tokens for Tailwind CSS v3
3
- * Government Services Theme
4
- */
5
-
6
- const inagovColorTokens: Record<string, string> = {
7
- // Primary shades
8
- 'primary-25': 'var(--ina-primary-25, #f6f9ff)',
9
- 'primary-50': 'var(--ina-primary-50, #eff5fd)',
10
- 'primary-100': 'var(--ina-primary-100, #c0d7f9)',
11
- 'primary-200': 'var(--ina-primary-200, #a1c4f5)',
12
- 'primary-300': 'var(--ina-primary-300, #629cef)',
13
- 'primary-400': 'var(--ina-primary-400, #196bcd)',
14
- 'primary-500': 'var(--ina-primary-500, #0956c3)',
15
- 'primary-600': 'var(--ina-primary-600, #0a489f)',
16
- 'primary-700': 'var(--ina-primary-700, #083575)',
17
- 'primary-800': 'var(--ina-primary-800, #022a5b)',
18
- 'primary-900': 'var(--ina-primary-900, #041225)',
19
- 'primary-primary': 'var(--ina-primary-primary, #629cef)',
20
-
21
- // Secondary/Accent colors
22
- 'accent-100': 'var(--ina-accent-100, #ffffff)',
23
- 'accent-200': 'var(--ina-accent-200, #fff5ee)',
24
- 'accent-300': 'var(--ina-accent-300, #ffe8cc)',
25
- 'accent-400': 'var(--ina-accent-400, #ffd2a6)',
26
- 'accent-500': 'var(--ina-accent-500, #edb98a)',
27
- 'accent-600': 'var(--ina-accent-600, #d39663)',
28
- 'accent-700': 'var(--ina-accent-700, #cc1515)',
29
-
30
- // Interactive hover
31
- 'brand-hover': 'var(--ina-brand-hover, #588cd7)',
32
- 'neutral-hover': 'var(--ina-neutral-hover, #edeff5)',
33
- };
34
-
35
- export default inagovColorTokens;
@@ -1,35 +0,0 @@
1
- /**
2
- * InaKu Color Tokens for Tailwind CSS v3
3
- * Citizen Services Theme
4
- */
5
-
6
- const inakuColorTokens: Record<string, string> = {
7
- // Primary shades
8
- 'primary-25': 'var(--ina-primary-25, #e8f1fc)',
9
- 'primary-50': 'var(--ina-primary-50, #d9e9f9)',
10
- 'primary-100': 'var(--ina-primary-100, #abd1ff)',
11
- 'primary-200': 'var(--ina-primary-200, #629cef)',
12
- 'primary-300': 'var(--ina-primary-300, #3a78c1)',
13
- 'primary-400': 'var(--ina-primary-400, #194472)',
14
- 'primary-500': 'var(--ina-primary-500, #06264d)',
15
- 'primary-600': 'var(--ina-primary-600, #041d35)',
16
- 'primary-700': 'var(--ina-primary-700, #020f1f)',
17
- 'primary-800': 'var(--ina-primary-800, #020b17)',
18
- 'primary-900': 'var(--ina-primary-900, #01080f)',
19
- 'primary-primary': 'var(--ina-primary-primary, #06264d)',
20
-
21
- // Secondary/Accent colors
22
- 'accent-100': 'var(--ina-accent-100, #ffffff)',
23
- 'accent-200': 'var(--ina-accent-200, #6a7d94)',
24
- 'accent-300': 'var(--ina-accent-300, #06264d)',
25
- 'accent-400': 'var(--ina-accent-400, #051c3a)',
26
- 'accent-500': 'var(--ina-accent-500, #031327)',
27
- 'accent-600': 'var(--ina-accent-600, #000000)',
28
- 'accent-700': 'var(--ina-accent-700, #6a7d94)',
29
-
30
- // Interactive hover
31
- 'inaku-brand-hover': 'var(--ina-inaku-brand-hover, #b81313)',
32
- 'inaku-neutral-hover': 'var(--ina-inaku-neutral-hover, #fafafa)',
33
- };
34
-
35
- export default inakuColorTokens;
@@ -1,35 +0,0 @@
1
- /**
2
- * InaPas Color Tokens for Tailwind CSS v3
3
- * Passport & Immigration Services Theme
4
- */
5
-
6
- const inapasColorTokens: Record<string, string> = {
7
- // Primary shades
8
- 'primary-25': 'var(--ina-primary-25, #fef2f2)',
9
- 'primary-50': 'var(--ina-primary-50, #f9dcdc)',
10
- 'primary-100': 'var(--ina-primary-100, #f9cdc7)',
11
- 'primary-200': 'var(--ina-primary-200, #ffa194)',
12
- 'primary-300': 'var(--ina-primary-300, #ff5f42)',
13
- 'primary-400': 'var(--ina-primary-400, #e8422d)',
14
- 'primary-500': 'var(--ina-primary-500, #cc1515)',
15
- 'primary-600': 'var(--ina-primary-600, #a00000)',
16
- 'primary-700': 'var(--ina-primary-700, #680000)',
17
- 'primary-800': 'var(--ina-primary-800, #290404)',
18
- 'primary-900': 'var(--ina-primary-900, #140202)',
19
- 'primary-primary': 'var(--ina-primary-primary, #cc1515)',
20
-
21
- // Accent colors
22
- 'accent-100': 'var(--ina-accent-100, #f6fef9)',
23
- 'accent-200': 'var(--ina-accent-200, #ecfef3)',
24
- 'accent-300': 'var(--ina-accent-300, #d1fadf)',
25
- 'accent-400': 'var(--ina-accent-400, #a6f4c5)',
26
- 'accent-500': 'var(--ina-accent-500, #12b76a)',
27
- 'accent-600': 'var(--ina-accent-600, #039855)',
28
- 'accent-700': 'var(--ina-accent-700, #027a48)',
29
-
30
- // Interactive hover
31
- 'inapas-brand-hover': 'var(--ina-inapas-brand-hover, #155eef)',
32
- 'inapas-neutral-hover': 'var(--ina-inapas-neutral-hover, #f9fafb)',
33
- };
34
-
35
- export default inapasColorTokens;
@@ -1,45 +0,0 @@
1
- /**
2
- * LAN Color Tokens for Tailwind CSS v3
3
- * Local Area Network Theme
4
- */
5
-
6
- const lanColorTokens: Record<string, string> = {
7
- // Primary shades
8
- 'primary-25': 'var(--ina-primary-25, #f3f6fc)',
9
- 'primary-50': 'var(--ina-primary-50, #e5edf9)',
10
- 'primary-100': 'var(--ina-primary-100, #c6daf1)',
11
- 'primary-200': 'var(--ina-primary-200, #94bde5)',
12
- 'primary-300': 'var(--ina-primary-300, #5b9bd5)',
13
- 'primary-400': 'var(--ina-primary-400, #3781c7)',
14
- 'primary-500': 'var(--ina-primary-500, #2663a3)',
15
- 'primary-600': 'var(--ina-primary-600, #1f4f85)',
16
- 'primary-700': 'var(--ina-primary-700, #1e446e)',
17
- 'primary-800': 'var(--ina-primary-800, #1e3a5c)',
18
- 'primary-900': 'var(--ina-primary-900, #14263d)',
19
- 'primary-primary': 'var(--ina-primary-primary, #2663a3)',
20
-
21
- // Secondary shades
22
- 'secondary-25': 'var(--ina-secondary-25, #fffdeb)',
23
- 'secondary-50': 'var(--ina-secondary-50, #fdf9c8)',
24
- 'secondary-100': 'var(--ina-secondary-100, #fbf38c)',
25
- 'secondary-200': 'var(--ina-secondary-200, #f9e650)',
26
- 'secondary-300': 'var(--ina-secondary-300, #f7d628)',
27
- 'secondary-400': 'var(--ina-secondary-400, #f2bd1d)',
28
- 'secondary-500': 'var(--ina-secondary-500, #d69009)',
29
- 'secondary-600': 'var(--ina-secondary-600, #b1670c)',
30
- 'secondary-700': 'var(--ina-secondary-700, #905110)',
31
- 'secondary-800': 'var(--ina-secondary-800, #764111)',
32
- 'secondary-900': 'var(--ina-secondary-900, #442204)',
33
-
34
- // Accent colors
35
- 'accent-red': 'var(--ina-accent-red, #a40f0a)',
36
- 'accent-green': 'var(--ina-accent-green, #1cbd19)',
37
- 'accent-blue': 'var(--ina-accent-blue, #0a35c0)',
38
- 'accent-orange': 'var(--ina-accent-orange, #f08519)',
39
-
40
- // Interactive hover
41
- 'lan-brand-hover': 'var(--ina-lan-brand-hover, #1f4f85)',
42
- 'lan-neutral-hover': 'var(--ina-lan-neutral-hover, #fafafa)',
43
- };
44
-
45
- export default lanColorTokens;
@@ -1,37 +0,0 @@
1
- /**
2
- * PANRB Color Tokens for Tailwind CSS v3
3
- */
4
-
5
- const panrbColorTokens: Record<string, string> = {
6
- // Primary shades
7
- 'primary-25': 'var(--ina-primary-25, #fdf3f3)',
8
- 'primary-50': 'var(--ina-primary-50, #fce4e4)',
9
- 'primary-100': 'var(--ina-primary-100, #facecf)',
10
- 'primary-200': 'var(--ina-primary-200, #f5acad)',
11
- 'primary-300': 'var(--ina-primary-300, #ed7c7e)',
12
- 'primary-400': 'var(--ina-primary-400, #e15254)',
13
- 'primary-500': 'var(--ina-primary-500, #cd3537)',
14
- 'primary-600': 'var(--ina-primary-600, #b42b2d)',
15
- 'primary-700': 'var(--ina-primary-700, #8f2527)',
16
- 'primary-800': 'var(--ina-primary-800, #772526)',
17
- 'primary-900': 'var(--ina-primary-900, #400f10)',
18
- 'primary-primary': 'var(--ina-primary-primary, #b42b2d)',
19
-
20
- // Secondary shades
21
- 'secondary-25': 'var(--ina-secondary-25, #f8f7f8)',
22
- 'secondary-50': 'var(--ina-secondary-50, #f0eeee)',
23
- 'secondary-100': 'var(--ina-secondary-100, #ded9da)',
24
- 'secondary-200': 'var(--ina-secondary-200, #c1b8bb)',
25
- 'secondary-300': 'var(--ina-secondary-300, #9f9196)',
26
- 'secondary-400': 'var(--ina-secondary-400, #847379)',
27
- 'secondary-500': 'var(--ina-secondary-500, #6c5d62)',
28
- 'secondary-600': 'var(--ina-secondary-600, #584c50)',
29
- 'secondary-700': 'var(--ina-secondary-700, #4b4144)',
30
- 'secondary-800': 'var(--ina-secondary-800, #41393b)',
31
- 'secondary-900': 'var(--ina-secondary-900, #231f20)',
32
-
33
- // Accent colors
34
- 'accent-yellow': 'var(--ina-accent-yellow, #f2c548)',
35
- };
36
-
37
- export default panrbColorTokens;