@grupalia/rn-ui-kit 0.0.41 → 0.2.0

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