@idds/styles 1.6.5 → 1.6.7

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.
@@ -22,54 +22,54 @@
22
22
 
23
23
  const iddsColorTokens: Record<string, string> = {
24
24
  // Neutral Colors
25
- 'neutral-25': 'var(--ina-neutral-25)',
26
- 'neutral-50': 'var(--ina-neutral-50)',
27
- 'neutral-100': 'var(--ina-neutral-100)',
28
- 'neutral-200': 'var(--ina-neutral-200)',
29
- 'neutral-300': 'var(--ina-neutral-300)',
30
- 'neutral-400': 'var(--ina-neutral-400)',
31
- 'neutral-500': 'var(--ina-neutral-500)',
32
- 'neutral-600': 'var(--ina-neutral-600)',
33
- 'neutral-700': 'var(--ina-neutral-700)',
34
- 'neutral-800': 'var(--ina-neutral-800)',
35
- 'neutral-900': 'var(--ina-neutral-900)',
36
- 'neutral-1000': 'var(--ina-neutral-1000)',
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
37
 
38
38
  // Blue Colors
39
- 'blue-50': 'var(--ina-blue-50)',
40
- 'blue-100': 'var(--ina-blue-100)',
41
- 'blue-200': 'var(--ina-blue-200)',
42
- 'blue-300': 'var(--ina-blue-300)',
43
- 'blue-400': 'var(--ina-blue-400)',
44
- 'blue-500': 'var(--ina-blue-500)',
45
- 'blue-600': 'var(--ina-blue-600)',
46
- 'blue-700': 'var(--ina-blue-700)',
47
- 'blue-800': 'var(--ina-blue-800)',
48
- 'blue-900': 'var(--ina-blue-900)',
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
49
 
50
50
  // Cyan Colors
51
- 'cyan-50': 'var(--ina-cyan-50)',
52
- 'cyan-100': 'var(--ina-cyan-100)',
53
- 'cyan-200': 'var(--ina-cyan-200)',
54
- 'cyan-300': 'var(--ina-cyan-300)',
55
- 'cyan-400': 'var(--ina-cyan-400)',
56
- 'cyan-500': 'var(--ina-cyan-500)',
57
- 'cyan-600': 'var(--ina-cyan-600)',
58
- 'cyan-700': 'var(--ina-cyan-700)',
59
- 'cyan-800': 'var(--ina-cyan-800)',
60
- 'cyan-900': 'var(--ina-cyan-900)',
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
61
 
62
62
  // Teal Colors
63
- 'teal-50': 'var(--ina-teal-50)',
64
- 'teal-100': 'var(--ina-teal-100)',
65
- 'teal-200': 'var(--ina-teal-200)',
66
- 'teal-300': 'var(--ina-teal-300)',
67
- 'teal-400': 'var(--ina-teal-400)',
68
- 'teal-500': 'var(--ina-teal-500)',
69
- 'teal-600': 'var(--ina-teal-600)',
70
- 'teal-700': 'var(--ina-teal-700)',
71
- 'teal-800': 'var(--ina-teal-800)',
72
- 'teal-900': 'var(--ina-teal-900)',
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
73
 
74
74
  // Green Colors
75
75
  'green-50': 'var(--ina-green-50, #fafffa)',
@@ -84,205 +84,205 @@ const iddsColorTokens: Record<string, string> = {
84
84
  'green-900': 'var(--ina-green-900, #021d06)',
85
85
 
86
86
  // Lime Colors
87
- 'lime-50': 'var(--ina-lime-50)',
88
- 'lime-100': 'var(--ina-lime-100)',
89
- 'lime-200': 'var(--ina-lime-200)',
90
- 'lime-300': 'var(--ina-lime-300)',
91
- 'lime-400': 'var(--ina-lime-400)',
92
- 'lime-500': 'var(--ina-lime-500)',
93
- 'lime-600': 'var(--ina-lime-600)',
94
- 'lime-700': 'var(--ina-lime-700)',
95
- 'lime-800': 'var(--ina-lime-800)',
96
- 'lime-900': 'var(--ina-lime-900)',
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
97
 
98
98
  // Yellow Colors
99
- 'yellow-50': 'var(--ina-yellow-50)',
100
- 'yellow-100': 'var(--ina-yellow-100)',
101
- 'yellow-200': 'var(--ina-yellow-200)',
102
- 'yellow-300': 'var(--ina-yellow-300)',
103
- 'yellow-400': 'var(--ina-yellow-400)',
104
- 'yellow-500': 'var(--ina-yellow-500)',
105
- 'yellow-600': 'var(--ina-yellow-600)',
106
- 'yellow-700': 'var(--ina-yellow-700)',
107
- 'yellow-800': 'var(--ina-yellow-800)',
108
- 'yellow-900': 'var(--ina-yellow-900)',
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
109
 
110
110
  // Orange Colors
111
- 'orange-50': 'var(--ina-orange-50)',
112
- 'orange-100': 'var(--ina-orange-100)',
113
- 'orange-200': 'var(--ina-orange-200)',
114
- 'orange-300': 'var(--ina-orange-300)',
115
- 'orange-400': 'var(--ina-orange-400)',
116
- 'orange-500': 'var(--ina-orange-500)',
117
- 'orange-600': 'var(--ina-orange-600)',
118
- 'orange-700': 'var(--ina-orange-700)',
119
- 'orange-800': 'var(--ina-orange-800)',
120
- 'orange-900': 'var(--ina-orange-900)',
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
121
 
122
122
  // Coral Colors
123
- 'coral-50': 'var(--ina-coral-50)',
124
- 'coral-100': 'var(--ina-coral-100)',
125
- 'coral-200': 'var(--ina-coral-200)',
126
- 'coral-300': 'var(--ina-coral-300)',
127
- 'coral-400': 'var(--ina-coral-400)',
128
- 'coral-500': 'var(--ina-coral-500)',
129
- 'coral-600': 'var(--ina-coral-600)',
130
- 'coral-700': 'var(--ina-coral-700)',
131
- 'coral-800': 'var(--ina-coral-800)',
132
- 'coral-900': 'var(--ina-coral-900)',
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
133
 
134
134
  // Red Colors
135
- 'red-50': 'var(--ina-red-50)',
136
- 'red-100': 'var(--ina-red-100)',
137
- 'red-200': 'var(--ina-red-200)',
138
- 'red-300': 'var(--ina-red-300)',
139
- 'red-400': 'var(--ina-red-400)',
140
- 'red-500': 'var(--ina-red-500)',
141
- 'red-600': 'var(--ina-red-600)',
142
- 'red-700': 'var(--ina-red-700)',
143
- 'red-800': 'var(--ina-red-800)',
144
- 'red-900': 'var(--ina-red-900)',
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
145
 
146
146
  // Pink Colors
147
- 'pink-50': 'var(--ina-pink-50)',
148
- 'pink-100': 'var(--ina-pink-100)',
149
- 'pink-200': 'var(--ina-pink-200)',
150
- 'pink-300': 'var(--ina-pink-300)',
151
- 'pink-400': 'var(--ina-pink-400)',
152
- 'pink-500': 'var(--ina-pink-500)',
153
- 'pink-600': 'var(--ina-pink-600)',
154
- 'pink-700': 'var(--ina-pink-700)',
155
- 'pink-800': 'var(--ina-pink-800)',
156
- 'pink-900': 'var(--ina-pink-900)',
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
157
 
158
158
  // Magenta Colors
159
- 'magenta-50': 'var(--ina-magenta-50)',
160
- 'magenta-100': 'var(--ina-magenta-100)',
161
- 'magenta-200': 'var(--ina-magenta-200)',
162
- 'magenta-300': 'var(--ina-magenta-300)',
163
- 'magenta-400': 'var(--ina-magenta-400)',
164
- 'magenta-500': 'var(--ina-magenta-500)',
165
- 'magenta-600': 'var(--ina-magenta-600)',
166
- 'magenta-700': 'var(--ina-magenta-700)',
167
- 'magenta-800': 'var(--ina-magenta-800)',
168
- 'magenta-900': 'var(--ina-magenta-900)',
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
169
 
170
170
  // Violet Colors
171
- 'violet-50': 'var(--ina-violet-50)',
172
- 'violet-100': 'var(--ina-violet-100)',
173
- 'violet-200': 'var(--ina-violet-200)',
174
- 'violet-300': 'var(--ina-violet-300)',
175
- 'violet-400': 'var(--ina-violet-400)',
176
- 'violet-500': 'var(--ina-violet-500)',
177
- 'violet-600': 'var(--ina-violet-600)',
178
- 'violet-700': 'var(--ina-violet-700)',
179
- 'violet-800': 'var(--ina-violet-800)',
180
- 'violet-900': 'var(--ina-violet-900)',
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
181
 
182
182
  // Purple Colors
183
- 'purple-50': 'var(--ina-purple-50)',
184
- 'purple-100': 'var(--ina-purple-100)',
185
- 'purple-200': 'var(--ina-purple-200)',
186
- 'purple-300': 'var(--ina-purple-300)',
187
- 'purple-400': 'var(--ina-purple-400)',
188
- 'purple-500': 'var(--ina-purple-500)',
189
- 'purple-600': 'var(--ina-purple-600)',
190
- 'purple-700': 'var(--ina-purple-700)',
191
- 'purple-800': 'var(--ina-purple-800)',
192
- 'purple-900': 'var(--ina-purple-900)',
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
193
 
194
194
  // Lilac Colors
195
- 'lilac-50': 'var(--ina-lilac-50)',
196
- 'lilac-100': 'var(--ina-lilac-100)',
197
- 'lilac-200': 'var(--ina-lilac-200)',
198
- 'lilac-300': 'var(--ina-lilac-300)',
199
- 'lilac-400': 'var(--ina-lilac-400)',
200
- 'lilac-500': 'var(--ina-lilac-500)',
201
- 'lilac-600': 'var(--ina-lilac-600)',
202
- 'lilac-700': 'var(--ina-lilac-700)',
203
- 'lilac-800': 'var(--ina-lilac-800)',
204
- 'lilac-900': 'var(--ina-lilac-900)',
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
205
 
206
206
  // Indigo Colors
207
- 'indigo-50': 'var(--ina-indigo-50)',
208
- 'indigo-100': 'var(--ina-indigo-100)',
209
- 'indigo-200': 'var(--ina-indigo-200)',
210
- 'indigo-300': 'var(--ina-indigo-300)',
211
- 'indigo-400': 'var(--ina-indigo-400)',
212
- 'indigo-500': 'var(--ina-indigo-500)',
213
- 'indigo-600': 'var(--ina-indigo-600)',
214
- 'indigo-700': 'var(--ina-indigo-700)',
215
- 'indigo-800': 'var(--ina-indigo-800)',
216
- 'indigo-900': 'var(--ina-indigo-900)',
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
217
 
218
218
  // Product Colors (Background, Content, Stroke, Guide, Negative, Positive, Warning)
219
- 'background-primary': 'var(--ina-background-primary)',
220
- 'background-secondary': 'var(--ina-background-secondary)',
221
- 'background-tertiary': 'var(--ina-background-tertiary)',
222
- 'background-overlay': 'var(--ina-background-overlay)',
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
223
 
224
- 'content-primary': 'var(--ina-content-primary)',
225
- 'content-secondary': 'var(--ina-content-secondary)',
226
- 'content-tertiary': 'var(--ina-content-tertiary)',
227
- 'content-guide': 'var(--ina-content-guide)',
228
- 'content-negative': 'var(--ina-content-negative)',
229
- 'content-positive': 'var(--ina-content-positive)',
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
230
 
231
- 'stroke-primary': 'var(--ina-stroke-primary)',
232
- 'stroke-secondary': 'var(--ina-stroke-secondary)',
233
- 'stroke-tertiary': 'var(--ina-stroke-tertiary)',
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
234
 
235
235
  // Guide Colors (alias for blue)
236
- 'guide-50': 'var(--ina-guide-50)',
237
- 'guide-100': 'var(--ina-guide-100)',
238
- 'guide-200': 'var(--ina-guide-200)',
239
- 'guide-300': 'var(--ina-guide-300)',
240
- 'guide-400': 'var(--ina-guide-400)',
241
- 'guide-500': 'var(--ina-guide-500)',
242
- 'guide-600': 'var(--ina-guide-600)',
243
- 'guide-700': 'var(--ina-guide-700)',
244
- 'guide-800': 'var(--ina-guide-800)',
245
- 'guide-900': 'var(--ina-guide-900)',
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
246
 
247
247
  // Negative Colors (alias for red)
248
- 'negative-50': 'var(--ina-negative-50)',
249
- 'negative-100': 'var(--ina-negative-100)',
250
- 'negative-200': 'var(--ina-negative-200)',
251
- 'negative-300': 'var(--ina-negative-300)',
252
- 'negative-400': 'var(--ina-negative-400)',
253
- 'negative-500': 'var(--ina-negative-500)',
254
- 'negative-600': 'var(--ina-negative-600)',
255
- 'negative-700': 'var(--ina-negative-700)',
256
- 'negative-800': 'var(--ina-negative-800)',
257
- 'negative-900': 'var(--ina-negative-900)',
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
258
 
259
259
  // Positive Colors (alias for green)
260
- 'positive-50': 'var(--ina-positive-50)',
261
- 'positive-100': 'var(--ina-positive-100)',
262
- 'positive-200': 'var(--ina-positive-200)',
263
- 'positive-300': 'var(--ina-positive-300)',
264
- 'positive-400': 'var(--ina-positive-400)',
265
- 'positive-500': 'var(--ina-positive-500)',
266
- 'positive-600': 'var(--ina-positive-600)',
267
- 'positive-700': 'var(--ina-positive-700)',
268
- 'positive-800': 'var(--ina-positive-800)',
269
- 'positive-900': 'var(--ina-positive-900)',
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
270
 
271
271
  // Warning Colors (alias for orange)
272
- 'warning-50': 'var(--ina-warning-50)',
273
- 'warning-100': 'var(--ina-warning-100)',
274
- 'warning-200': 'var(--ina-warning-200)',
275
- 'warning-300': 'var(--ina-warning-300)',
276
- 'warning-400': 'var(--ina-warning-400)',
277
- 'warning-500': 'var(--ina-warning-500)',
278
- 'warning-600': 'var(--ina-warning-600)',
279
- 'warning-700': 'var(--ina-warning-700)',
280
- 'warning-800': 'var(--ina-warning-800)',
281
- 'warning-900': 'var(--ina-warning-900)',
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
282
 
283
283
  // Base Colors
284
- white: 'var(--ina-white)',
285
- black: 'var(--ina-black)',
284
+ white: 'var(--ina-white, #ffffff)',
285
+ black: 'var(--ina-black, #141414)',
286
286
  };
287
287
 
288
288
  export default iddsColorTokens;
@@ -5,31 +5,31 @@
5
5
 
6
6
  const inagovColorTokens: Record<string, string> = {
7
7
  // Primary shades
8
- 'primary-25': 'var(--ina-primary-25)',
9
- 'primary-50': 'var(--ina-primary-50)',
10
- 'primary-100': 'var(--ina-primary-100)',
11
- 'primary-200': 'var(--ina-primary-200)',
12
- 'primary-300': 'var(--ina-primary-300)',
13
- 'primary-400': 'var(--ina-primary-400)',
14
- 'primary-500': 'var(--ina-primary-500)',
15
- 'primary-600': 'var(--ina-primary-600)',
16
- 'primary-700': 'var(--ina-primary-700)',
17
- 'primary-800': 'var(--ina-primary-800)',
18
- 'primary-900': 'var(--ina-primary-900)',
19
- 'primary-primary': 'var(--ina-primary-primary)',
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
20
 
21
21
  // Secondary/Accent colors
22
- 'accent-100': 'var(--ina-accent-100)',
23
- 'accent-200': 'var(--ina-accent-200)',
24
- 'accent-300': 'var(--ina-accent-300)',
25
- 'accent-400': 'var(--ina-accent-400)',
26
- 'accent-500': 'var(--ina-accent-500)',
27
- 'accent-600': 'var(--ina-accent-600)',
28
- 'accent-700': 'var(--ina-accent-700)',
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
29
 
30
30
  // Interactive hover
31
- 'brand-hover': 'var(--ina-brand-hover)',
32
- 'neutral-hover': 'var(--ina-neutral-hover)',
31
+ 'brand-hover': 'var(--ina-brand-hover, #588cd7)',
32
+ 'neutral-hover': 'var(--ina-neutral-hover, #edeff5)',
33
33
  };
34
34
 
35
35
  export default inagovColorTokens;
@@ -5,31 +5,31 @@
5
5
 
6
6
  const inakuColorTokens: Record<string, string> = {
7
7
  // Primary shades
8
- 'primary-25': 'var(--ina-primary-25)',
9
- 'primary-50': 'var(--ina-primary-50)',
10
- 'primary-100': 'var(--ina-primary-100)',
11
- 'primary-200': 'var(--ina-primary-200)',
12
- 'primary-300': 'var(--ina-primary-300)',
13
- 'primary-400': 'var(--ina-primary-400)',
14
- 'primary-500': 'var(--ina-primary-500)',
15
- 'primary-600': 'var(--ina-primary-600)',
16
- 'primary-700': 'var(--ina-primary-700)',
17
- 'primary-800': 'var(--ina-primary-800)',
18
- 'primary-900': 'var(--ina-primary-900)',
19
- 'primary-primary': 'var(--ina-primary-primary)',
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
20
 
21
21
  // Secondary/Accent colors
22
- 'accent-100': 'var(--ina-accent-100)',
23
- 'accent-200': 'var(--ina-accent-200)',
24
- 'accent-300': 'var(--ina-accent-300)',
25
- 'accent-400': 'var(--ina-accent-400)',
26
- 'accent-500': 'var(--ina-accent-500)',
27
- 'accent-600': 'var(--ina-accent-600)',
28
- 'accent-700': 'var(--ina-accent-700)',
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
29
 
30
30
  // Interactive hover
31
- 'inaku-brand-hover': 'var(--ina-inaku-brand-hover)',
32
- 'inaku-neutral-hover': 'var(--ina-inaku-neutral-hover)',
31
+ 'inaku-brand-hover': 'var(--ina-inaku-brand-hover, #b81313)',
32
+ 'inaku-neutral-hover': 'var(--ina-inaku-neutral-hover, #fafafa)',
33
33
  };
34
34
 
35
35
  export default inakuColorTokens;
@@ -5,31 +5,31 @@
5
5
 
6
6
  const inapasColorTokens: Record<string, string> = {
7
7
  // Primary shades
8
- 'primary-25': 'var(--ina-primary-25)',
9
- 'primary-50': 'var(--ina-primary-50)',
10
- 'primary-100': 'var(--ina-primary-100)',
11
- 'primary-200': 'var(--ina-primary-200)',
12
- 'primary-300': 'var(--ina-primary-300)',
13
- 'primary-400': 'var(--ina-primary-400)',
14
- 'primary-500': 'var(--ina-primary-500)',
15
- 'primary-600': 'var(--ina-primary-600)',
16
- 'primary-700': 'var(--ina-primary-700)',
17
- 'primary-800': 'var(--ina-primary-800)',
18
- 'primary-900': 'var(--ina-primary-900)',
19
- 'primary-primary': 'var(--ina-primary-primary)',
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
20
 
21
21
  // Accent colors
22
- 'accent-100': 'var(--ina-accent-100)',
23
- 'accent-200': 'var(--ina-accent-200)',
24
- 'accent-300': 'var(--ina-accent-300)',
25
- 'accent-400': 'var(--ina-accent-400)',
26
- 'accent-500': 'var(--ina-accent-500)',
27
- 'accent-600': 'var(--ina-accent-600)',
28
- 'accent-700': 'var(--ina-accent-700)',
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
29
 
30
30
  // Interactive hover
31
- 'inapas-brand-hover': 'var(--ina-inapas-brand-hover)',
32
- 'inapas-neutral-hover': 'var(--ina-inapas-neutral-hover)',
31
+ 'inapas-brand-hover': 'var(--ina-inapas-brand-hover, #155eef)',
32
+ 'inapas-neutral-hover': 'var(--ina-inapas-neutral-hover, #f9fafb)',
33
33
  };
34
34
 
35
35
  export default inapasColorTokens;