@grupalia/rn-ui-kit 0.0.3 → 0.0.41

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.
Files changed (78) hide show
  1. package/lib/commonjs/components/BaseBadge.js +127 -0
  2. package/lib/commonjs/components/BaseBadge.js.map +1 -0
  3. package/lib/commonjs/components/BaseButton.js +76 -109
  4. package/lib/commonjs/components/BaseButton.js.map +1 -1
  5. package/lib/commonjs/components/index.js +7 -0
  6. package/lib/commonjs/components/index.js.map +1 -1
  7. package/lib/commonjs/styles/background-colors.js +27 -19
  8. package/lib/commonjs/styles/background-colors.js.map +1 -1
  9. package/lib/commonjs/styles/border-colors.js +9 -1
  10. package/lib/commonjs/styles/border-colors.js.map +1 -1
  11. package/lib/commonjs/styles/colors.js +42 -0
  12. package/lib/commonjs/styles/colors.js.map +1 -1
  13. package/lib/commonjs/styles/text-colors.js +32 -8
  14. package/lib/commonjs/styles/text-colors.js.map +1 -1
  15. package/lib/commonjs/styles/utility-colors.js +507 -0
  16. package/lib/commonjs/styles/utility-colors.js.map +1 -0
  17. package/lib/commonjs/types/heroicons.js +6 -0
  18. package/lib/commonjs/types/heroicons.js.map +1 -0
  19. package/lib/module/components/BaseBadge.js +122 -0
  20. package/lib/module/components/BaseBadge.js.map +1 -0
  21. package/lib/module/components/BaseButton.js +77 -110
  22. package/lib/module/components/BaseButton.js.map +1 -1
  23. package/lib/module/components/index.js +1 -0
  24. package/lib/module/components/index.js.map +1 -1
  25. package/lib/module/styles/background-colors.js +27 -19
  26. package/lib/module/styles/background-colors.js.map +1 -1
  27. package/lib/module/styles/border-colors.js +9 -1
  28. package/lib/module/styles/border-colors.js.map +1 -1
  29. package/lib/module/styles/colors.js +42 -0
  30. package/lib/module/styles/colors.js.map +1 -1
  31. package/lib/module/styles/text-colors.js +32 -8
  32. package/lib/module/styles/text-colors.js.map +1 -1
  33. package/lib/module/styles/utility-colors.js +502 -0
  34. package/lib/module/styles/utility-colors.js.map +1 -0
  35. package/lib/module/types/heroicons.js +4 -0
  36. package/lib/module/types/heroicons.js.map +1 -0
  37. package/lib/typescript/commonjs/components/BaseBadge.d.ts +16 -0
  38. package/lib/typescript/commonjs/components/BaseBadge.d.ts.map +1 -0
  39. package/lib/typescript/commonjs/components/BaseButton.d.ts +5 -3
  40. package/lib/typescript/commonjs/components/BaseButton.d.ts.map +1 -1
  41. package/lib/typescript/commonjs/components/index.d.ts +1 -0
  42. package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
  43. package/lib/typescript/commonjs/styles/background-colors.d.ts +8 -126
  44. package/lib/typescript/commonjs/styles/background-colors.d.ts.map +1 -1
  45. package/lib/typescript/commonjs/styles/border-colors.d.ts +8 -42
  46. package/lib/typescript/commonjs/styles/border-colors.d.ts.map +1 -1
  47. package/lib/typescript/commonjs/styles/colors.d.ts +42 -0
  48. package/lib/typescript/commonjs/styles/colors.d.ts.map +1 -1
  49. package/lib/typescript/commonjs/styles/text-colors.d.ts +8 -90
  50. package/lib/typescript/commonjs/styles/text-colors.d.ts.map +1 -1
  51. package/lib/typescript/commonjs/styles/utility-colors.d.ts +500 -0
  52. package/lib/typescript/commonjs/styles/utility-colors.d.ts.map +1 -0
  53. package/lib/typescript/commonjs/types/heroicons.d.ts +9 -0
  54. package/lib/typescript/commonjs/types/heroicons.d.ts.map +1 -0
  55. package/lib/typescript/module/components/BaseBadge.d.ts +16 -0
  56. package/lib/typescript/module/components/BaseBadge.d.ts.map +1 -0
  57. package/lib/typescript/module/components/BaseButton.d.ts +5 -3
  58. package/lib/typescript/module/components/BaseButton.d.ts.map +1 -1
  59. package/lib/typescript/module/components/index.d.ts +1 -0
  60. package/lib/typescript/module/components/index.d.ts.map +1 -1
  61. package/lib/typescript/module/styles/background-colors.d.ts +8 -126
  62. package/lib/typescript/module/styles/background-colors.d.ts.map +1 -1
  63. package/lib/typescript/module/styles/border-colors.d.ts +8 -42
  64. package/lib/typescript/module/styles/border-colors.d.ts.map +1 -1
  65. package/lib/typescript/module/styles/colors.d.ts +42 -0
  66. package/lib/typescript/module/styles/colors.d.ts.map +1 -1
  67. package/lib/typescript/module/styles/text-colors.d.ts +8 -90
  68. package/lib/typescript/module/styles/text-colors.d.ts.map +1 -1
  69. package/lib/typescript/module/styles/utility-colors.d.ts +500 -0
  70. package/lib/typescript/module/styles/utility-colors.d.ts.map +1 -0
  71. package/lib/typescript/module/types/heroicons.d.ts +9 -0
  72. package/lib/typescript/module/types/heroicons.d.ts.map +1 -0
  73. package/package.json +6 -3
  74. package/src/styles/background-colors.ts +38 -19
  75. package/src/styles/border-colors.ts +20 -1
  76. package/src/styles/colors.ts +42 -0
  77. package/src/styles/text-colors.ts +43 -8
  78. package/src/styles/utility-colors.ts +500 -0
@@ -0,0 +1,500 @@
1
+ import colors from './colors';
2
+
3
+ export default {
4
+ 'gray-50': {
5
+ light: colors.gray_light['50'],
6
+ dark: colors.gray_blue['900'],
7
+ },
8
+ 'gray-100': {
9
+ light: colors.gray_light['100'],
10
+ dark: colors.gray_blue['800'],
11
+ },
12
+ 'gray-200': {
13
+ light: colors.gray_light['200'],
14
+ dark: colors.gray_blue['700'],
15
+ },
16
+ 'gray-300': {
17
+ light: colors.gray_light['300'],
18
+ dark: colors.gray_blue['700'],
19
+ },
20
+ 'gray-400': {
21
+ light: colors.gray_light['400'],
22
+ dark: colors.gray_blue['600'],
23
+ },
24
+ 'gray-500': {
25
+ light: colors.gray_light['500'],
26
+ dark: colors.gray_blue['500'],
27
+ },
28
+ 'gray-600': {
29
+ light: colors.gray_light['600'],
30
+ dark: colors.gray_blue['400'],
31
+ },
32
+ 'gray-700': {
33
+ light: colors.gray_light['700'],
34
+ dark: colors.gray_blue['300'],
35
+ },
36
+ 'gray-800': {
37
+ light: colors.gray_light['800'],
38
+ dark: colors.gray_blue['200'],
39
+ },
40
+ 'gray-900': {
41
+ light: colors.gray_light['900'],
42
+ dark: colors.gray_blue['100'],
43
+ },
44
+ 'brand-50': {
45
+ light: colors.brand['50'],
46
+ dark: colors.brand['950'],
47
+ },
48
+ 'brand-100': {
49
+ light: colors.brand['100'],
50
+ dark: colors.brand['800'],
51
+ },
52
+ 'brand-200': {
53
+ light: colors.brand['200'],
54
+ dark: colors.brand['700'],
55
+ },
56
+ 'brand-300': {
57
+ light: colors.brand['300'],
58
+ dark: colors.brand['700'],
59
+ },
60
+ 'brand-400': {
61
+ light: colors.brand['400'],
62
+ dark: colors.brand['600'],
63
+ },
64
+ 'brand-500': {
65
+ light: colors.brand['500'],
66
+ dark: colors.brand['500'],
67
+ },
68
+ 'brand-600': {
69
+ light: colors.brand['600'],
70
+ dark: colors.brand['400'],
71
+ },
72
+ 'brand-700': {
73
+ light: colors.brand['700'],
74
+ dark: colors.brand['300'],
75
+ },
76
+ 'brand-800': {
77
+ light: colors.brand['800'],
78
+ dark: colors.brand['200'],
79
+ },
80
+ 'brand-900': {
81
+ light: colors.brand['900'],
82
+ dark: colors.brand['100'],
83
+ },
84
+ 'error-50': {
85
+ light: colors.error['50'],
86
+ dark: colors.error['950'],
87
+ },
88
+ 'error-100': {
89
+ light: colors.error['100'],
90
+ dark: colors.error['900'],
91
+ },
92
+ 'error-200': {
93
+ light: colors.error['200'],
94
+ dark: colors.error['800'],
95
+ },
96
+ 'error-300': {
97
+ light: colors.error['300'],
98
+ dark: colors.error['700'],
99
+ },
100
+ 'error-400': {
101
+ light: colors.error['400'],
102
+ dark: colors.error['600'],
103
+ },
104
+ 'error-500': {
105
+ light: colors.error['500'],
106
+ dark: colors.error['500'],
107
+ },
108
+ 'error-600': {
109
+ light: colors.error['600'],
110
+ dark: colors.error['400'],
111
+ },
112
+ 'error-700': {
113
+ light: colors.error['700'],
114
+ dark: colors.error['300'],
115
+ },
116
+ 'warning-50': {
117
+ light: colors.warning['50'],
118
+ dark: colors.warning['950'],
119
+ },
120
+ 'warning-100': {
121
+ light: colors.warning['100'],
122
+ dark: colors.warning['900'],
123
+ },
124
+ 'warning-200': {
125
+ light: colors.warning['200'],
126
+ dark: colors.warning['800'],
127
+ },
128
+ 'warning-300': {
129
+ light: colors.warning['300'],
130
+ dark: colors.warning['700'],
131
+ },
132
+ 'warning-400': {
133
+ light: colors.warning['400'],
134
+ dark: colors.warning['600'],
135
+ },
136
+ 'warning-500': {
137
+ light: colors.warning['500'],
138
+ dark: colors.warning['500'],
139
+ },
140
+ 'warning-600': {
141
+ light: colors.warning['600'],
142
+ dark: colors.warning['400'],
143
+ },
144
+ 'warning-700': {
145
+ light: colors.warning['700'],
146
+ dark: colors.warning['300'],
147
+ },
148
+ 'success-50': {
149
+ light: colors.success['50'],
150
+ dark: colors.success['950'],
151
+ },
152
+ 'success-100': {
153
+ light: colors.success['100'],
154
+ dark: colors.success['900'],
155
+ },
156
+ 'success-200': {
157
+ light: colors.success['200'],
158
+ dark: colors.success['800'],
159
+ },
160
+ 'success-300': {
161
+ light: colors.success['300'],
162
+ dark: colors.success['700'],
163
+ },
164
+ 'success-400': {
165
+ light: colors.success['400'],
166
+ dark: colors.success['600'],
167
+ },
168
+ 'success-500': {
169
+ light: colors.success['500'],
170
+ dark: colors.success['500'],
171
+ },
172
+ 'success-600': {
173
+ light: colors.success['600'],
174
+ dark: colors.success['400'],
175
+ },
176
+ 'success-700': {
177
+ light: colors.success['700'],
178
+ dark: colors.success['300'],
179
+ },
180
+ 'gray_blue-50': {
181
+ light: colors.gray_blue['50'],
182
+ dark: colors.gray_blue['950'],
183
+ },
184
+ 'gray_blue-100': {
185
+ light: colors.gray_blue['100'],
186
+ dark: colors.gray_blue['900'],
187
+ },
188
+ 'gray_blue-200': {
189
+ light: colors.gray_blue['200'],
190
+ dark: colors.gray_blue['800'],
191
+ },
192
+ 'gray_blue-300': {
193
+ light: colors.gray_blue['300'],
194
+ dark: colors.gray_blue['700'],
195
+ },
196
+ 'gray_blue-400': {
197
+ light: colors.gray_blue['400'],
198
+ dark: colors.gray_blue['600'],
199
+ },
200
+ 'gray_blue-500': {
201
+ light: colors.gray_blue['500'],
202
+ dark: colors.gray_blue['500'],
203
+ },
204
+ 'gray_blue-600': {
205
+ light: colors.gray_blue['600'],
206
+ dark: colors.gray_blue['400'],
207
+ },
208
+ 'gray_blue-700': {
209
+ light: colors.gray_blue['700'],
210
+ dark: colors.gray_blue['300'],
211
+ },
212
+ 'blue_light-50': {
213
+ light: colors.blue_light['50'],
214
+ dark: colors.blue_light['950'],
215
+ },
216
+ 'blue_light-100': {
217
+ light: colors.blue_light['100'],
218
+ dark: colors.blue_light['900'],
219
+ },
220
+ 'blue_light-200': {
221
+ light: colors.blue_light['200'],
222
+ dark: colors.blue_light['800'],
223
+ },
224
+ 'blue_light-300': {
225
+ light: colors.blue_light['300'],
226
+ dark: colors.blue_light['700'],
227
+ },
228
+ 'blue_light-400': {
229
+ light: colors.blue_light['400'],
230
+ dark: colors.blue_light['600'],
231
+ },
232
+ 'blue_light-500': {
233
+ light: colors.blue_light['500'],
234
+ dark: colors.blue_light['500'],
235
+ },
236
+ 'blue_light-600': {
237
+ light: colors.blue_light['600'],
238
+ dark: colors.blue_light['400'],
239
+ },
240
+ 'blue_light-700': {
241
+ light: colors.blue_light['700'],
242
+ dark: colors.blue_light['300'],
243
+ },
244
+ 'blue-50': {
245
+ light: colors.blue['50'],
246
+ dark: colors.blue['950'],
247
+ },
248
+ 'blue-100': {
249
+ light: colors.blue['100'],
250
+ dark: colors.blue['900'],
251
+ },
252
+ 'blue-200': {
253
+ light: colors.blue['200'],
254
+ dark: colors.blue['800'],
255
+ },
256
+ 'blue-300': {
257
+ light: colors.blue['300'],
258
+ dark: colors.blue['700'],
259
+ },
260
+ 'blue-400': {
261
+ light: colors.blue['400'],
262
+ dark: colors.blue['600'],
263
+ },
264
+ 'blue-500': {
265
+ light: colors.blue['500'],
266
+ dark: colors.blue['500'],
267
+ },
268
+ 'blue-600': {
269
+ light: colors.blue['600'],
270
+ dark: colors.blue['400'],
271
+ },
272
+ 'blue-700': {
273
+ light: colors.blue['700'],
274
+ dark: colors.blue['300'],
275
+ },
276
+ 'blue_dark-50': {
277
+ light: colors.blue_dark['50'],
278
+ dark: colors.blue_dark['950'],
279
+ },
280
+ 'blue_dark-100': {
281
+ light: colors.blue_dark['100'],
282
+ dark: colors.blue_dark['900'],
283
+ },
284
+ 'blue_dark-200': {
285
+ light: colors.blue_dark['200'],
286
+ dark: colors.blue_dark['800'],
287
+ },
288
+ 'blue_dark-300': {
289
+ light: colors.blue_dark['300'],
290
+ dark: colors.blue_dark['700'],
291
+ },
292
+ 'blue_dark-400': {
293
+ light: colors.blue_dark['400'],
294
+ dark: colors.blue_dark['600'],
295
+ },
296
+ 'blue_dark-500': {
297
+ light: colors.blue_dark['500'],
298
+ dark: colors.blue_dark['500'],
299
+ },
300
+ 'blue_dark-600': {
301
+ light: colors.blue_dark['600'],
302
+ dark: colors.blue_dark['400'],
303
+ },
304
+ 'blue_dark-700': {
305
+ light: colors.blue_dark['700'],
306
+ dark: colors.blue_dark['300'],
307
+ },
308
+ 'indigo-50': {
309
+ light: colors.indigo['50'],
310
+ dark: colors.indigo['950'],
311
+ },
312
+ 'indigo-100': {
313
+ light: colors.indigo['100'],
314
+ dark: colors.indigo['900'],
315
+ },
316
+ 'indigo-200': {
317
+ light: colors.indigo['200'],
318
+ dark: colors.indigo['800'],
319
+ },
320
+ 'indigo-300': {
321
+ light: colors.indigo['300'],
322
+ dark: colors.indigo['700'],
323
+ },
324
+ 'indigo-400': {
325
+ light: colors.indigo['400'],
326
+ dark: colors.indigo['600'],
327
+ },
328
+ 'indigo-500': {
329
+ light: colors.indigo['500'],
330
+ dark: colors.indigo['500'],
331
+ },
332
+ 'indigo-600': {
333
+ light: colors.indigo['600'],
334
+ dark: colors.indigo['400'],
335
+ },
336
+ 'indigo-700': {
337
+ light: colors.indigo['700'],
338
+ dark: colors.indigo['300'],
339
+ },
340
+ 'purple-50': {
341
+ light: colors.purple['50'],
342
+ dark: colors.purple['950'],
343
+ },
344
+ 'purple-100': {
345
+ light: colors.purple['100'],
346
+ dark: colors.purple['900'],
347
+ },
348
+ 'purple-200': {
349
+ light: colors.purple['200'],
350
+ dark: colors.purple['800'],
351
+ },
352
+ 'purple-300': {
353
+ light: colors.purple['300'],
354
+ dark: colors.purple['700'],
355
+ },
356
+ 'purple-400': {
357
+ light: colors.purple['400'],
358
+ dark: colors.purple['600'],
359
+ },
360
+ 'purple-500': {
361
+ light: colors.purple['500'],
362
+ dark: colors.purple['500'],
363
+ },
364
+ 'purple-600': {
365
+ light: colors.purple['600'],
366
+ dark: colors.purple['400'],
367
+ },
368
+ 'purple-700': {
369
+ light: colors.purple['700'],
370
+ dark: colors.purple['300'],
371
+ },
372
+ 'fuchsia-50': {
373
+ light: colors.fuchsia['50'],
374
+ dark: colors.fuchsia['950'],
375
+ },
376
+ 'fuchsia-100': {
377
+ light: colors.fuchsia['100'],
378
+ dark: colors.fuchsia['900'],
379
+ },
380
+ 'fuchsia-200': {
381
+ light: colors.fuchsia['200'],
382
+ dark: colors.fuchsia['800'],
383
+ },
384
+ 'fuchsia-300': {
385
+ light: colors.fuchsia['300'],
386
+ dark: colors.fuchsia['700'],
387
+ },
388
+ 'fuchsia-400': {
389
+ light: colors.fuchsia['400'],
390
+ dark: colors.fuchsia['600'],
391
+ },
392
+ 'fuchsia-500': {
393
+ light: colors.fuchsia['500'],
394
+ dark: colors.fuchsia['500'],
395
+ },
396
+ 'fuchsia-600': {
397
+ light: colors.fuchsia['600'],
398
+ dark: colors.fuchsia['400'],
399
+ },
400
+ 'fuchsia-700': {
401
+ light: colors.fuchsia['700'],
402
+ dark: colors.fuchsia['300'],
403
+ },
404
+ 'pink-50': {
405
+ light: colors.pink['50'],
406
+ dark: colors.pink['950'],
407
+ },
408
+ 'pink-100': {
409
+ light: colors.pink['100'],
410
+ dark: colors.pink['900'],
411
+ },
412
+ 'pink-200': {
413
+ light: colors.pink['200'],
414
+ dark: colors.pink['800'],
415
+ },
416
+ 'pink-300': {
417
+ light: colors.pink['300'],
418
+ dark: colors.pink['700'],
419
+ },
420
+ 'pink-400': {
421
+ light: colors.pink['400'],
422
+ dark: colors.pink['600'],
423
+ },
424
+ 'pink-500': {
425
+ light: colors.pink['500'],
426
+ dark: colors.pink['500'],
427
+ },
428
+ 'pink-600': {
429
+ light: colors.pink['600'],
430
+ dark: colors.pink['400'],
431
+ },
432
+ 'pink-700': {
433
+ light: colors.pink['700'],
434
+ dark: colors.pink['300'],
435
+ },
436
+ 'orange_dark-50': {
437
+ light: colors.orange_dark['50'],
438
+ dark: colors.orange_dark['950'],
439
+ },
440
+ 'orange_dark-100': {
441
+ light: colors.orange_dark['100'],
442
+ dark: colors.orange_dark['900'],
443
+ },
444
+ 'orange_dark-200': {
445
+ light: colors.orange_dark['200'],
446
+ dark: colors.orange_dark['800'],
447
+ },
448
+ 'orange_dark-300': {
449
+ light: colors.orange_dark['300'],
450
+ dark: colors.orange_dark['700'],
451
+ },
452
+ 'orange_dark-400': {
453
+ light: colors.orange_dark['400'],
454
+ dark: colors.orange_dark['600'],
455
+ },
456
+ 'orange_dark-500': {
457
+ light: colors.orange_dark['500'],
458
+ dark: colors.orange_dark['500'],
459
+ },
460
+ 'orange_dark-600': {
461
+ light: colors.orange_dark['600'],
462
+ dark: colors.orange_dark['400'],
463
+ },
464
+ 'orange_dark-700': {
465
+ light: colors.orange_dark['700'],
466
+ dark: colors.orange_dark['300'],
467
+ },
468
+ 'orange-50': {
469
+ light: colors.orange['50'],
470
+ dark: colors.orange['950'],
471
+ },
472
+ 'orange-100': {
473
+ light: colors.orange['100'],
474
+ dark: colors.orange['900'],
475
+ },
476
+ 'orange-200': {
477
+ light: colors.orange['200'],
478
+ dark: colors.orange['800'],
479
+ },
480
+ 'orange-300': {
481
+ light: colors.orange['300'],
482
+ dark: colors.orange['700'],
483
+ },
484
+ 'orange-400': {
485
+ light: colors.orange['400'],
486
+ dark: colors.orange['600'],
487
+ },
488
+ 'orange-500': {
489
+ light: colors.orange['500'],
490
+ dark: colors.orange['500'],
491
+ },
492
+ 'orange-600': {
493
+ light: colors.orange['600'],
494
+ dark: colors.orange['400'],
495
+ },
496
+ 'orange-700': {
497
+ light: colors.orange['700'],
498
+ dark: colors.orange['300'],
499
+ },
500
+ };