@foris/avocado-core 0.4.2 → 0.6.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 (4) hide show
  1. package/dist/scss/_themes.scss +199 -104
  2. package/dist/scss/_variables.scss +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/scss/_themes.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  --color-gray-100-50: rgba(0, 0, 0, 50%);
16
16
  --color-gray-100-30: rgba(0, 0, 0, 30%);
17
17
  --color-gray-100-20: rgba(0, 0, 0, 20%);
18
+ --color-gray-100-15: rgba(0, 0, 0, 15%);
18
19
  --color-gray-100-10: rgba(0, 0, 0, 10%);
19
20
  --color-gray-100-05: rgba(0, 0, 0, 5%);
20
21
  --color-gray-100-00: rgba(0, 0, 0, 0%);
@@ -34,6 +35,7 @@
34
35
 
35
36
  --color-gray-70-20: rgba(70, 86, 105, 20%);
36
37
 
38
+ --color-gray-30-30: rgba(203, 213, 225, 30%);
37
39
  --color-gray-30-20: rgba(203, 213, 225, 20%);
38
40
  --color-gray-30-15: rgba(203, 213, 225, 15%);
39
41
  --color-gray-30-10: rgba(203, 213, 225, 10%);
@@ -67,12 +69,87 @@
67
69
  --color-green-50-10: rgba(63, 142, 67, 10%);
68
70
  --color-green-50-20: rgba(63, 142, 67, 20%);
69
71
  --color-green-50-70: rgba(63, 142, 67, 70%);
70
- --color-orange-10: #fff5ed;
71
- --color-orange-50: #e87228;
72
- --color-orange-60: #934200;
73
- --color-orange-50-10: rgba(232, 114, 40, 10%);
74
- --color-orange-50-20: rgba(232, 114, 40, 20%);
75
- --color-orange-50-70: rgba(232, 114, 40, 70%);
72
+ --color-yellow-10: #fcf3e6;
73
+ --color-yellow-50: #ec9e29;
74
+ --color-yellow-60: #7d5a00;
75
+ --color-yellow-50-10: rgba(236, 158, 41, 10%);
76
+ --color-yellow-50-20: rgba(236, 158, 41, 20%);
77
+ --color-yellow-50-70: rgba(236, 158, 41, 70%);
78
+ --color-yellow-50-40: rgba(236, 158, 41, 40%);
79
+
80
+ --color-primitive-palette-1-10: #e9dcf5;
81
+ --color-primitive-palette-1-50: #9151d1;
82
+ --color-primitive-palette-1-50-20: rgba(145, 81, 209, 20%);
83
+ --color-primitive-palette-1-80: #5a2490;
84
+ --color-primitive-palette-2-10: #e3f6f3;
85
+ --color-primitive-palette-2-50: #74d0c5;
86
+ --color-primitive-palette-2-50-20: rgba(116, 208, 197, 20%);
87
+ --color-primitive-palette-2-80: #09675c;
88
+ --color-primitive-palette-3-10: #fadce6;
89
+ --color-primitive-palette-3-50: #e54e84;
90
+ --color-primitive-palette-3-50-20: rgba(229, 78, 132, 20%);
91
+ --color-primitive-palette-3-80: #991544;
92
+ --color-primitive-palette-4-10: #dfeef8;
93
+ --color-primitive-palette-4-50: #61aade;
94
+ --color-primitive-palette-4-50-20: rgba(97, 170, 222, 20%);
95
+ --color-primitive-palette-4-80: #075893;
96
+ --color-primitive-palette-5-10: #f1f7e3;
97
+ --color-primitive-palette-5-50: #b7d674;
98
+ --color-primitive-palette-5-50-20: rgba(183, 214, 116, 20%);
99
+ --color-primitive-palette-5-80: #5a7a18;
100
+ --color-primitive-palette-6-10: #fff6dd;
101
+ --color-primitive-palette-6-50: #ffd056;
102
+ --color-primitive-palette-6-50-20: rgba(255, 208, 86, 20%);
103
+ --color-primitive-palette-6-80: #926900;
104
+ --color-primitive-palette-7-10: #e3def9;
105
+ --color-primitive-palette-7-50: #7358e3;
106
+ --color-primitive-palette-7-50-20: rgba(115, 88, 227, 20%);
107
+ --color-primitive-palette-7-80: #361c9f;
108
+ --color-primitive-palette-8-10: #f6dfec;
109
+ --color-primitive-palette-8-40: #e086b7;
110
+ --color-primitive-palette-8-50: #6789df;
111
+ --color-primitive-palette-8-50-20: rgba(103, 137, 223, 20%);
112
+ --color-primitive-palette-8-60: #b84684;
113
+ --color-primitive-palette-8-80: #8d0c52;
114
+ --color-primitive-palette-9-10: #e7f7ef;
115
+ --color-primitive-palette-9-50-20: rgba(137, 215, 173, 20%);
116
+ --color-primitive-palette-9-80: #136d3d;
117
+ --color-primitive-palette-10-10: #f4e4e0;
118
+ --color-primitive-palette-10-50: #c87965;
119
+ --color-primitive-palette-10-50-20: rgba(200, 121, 101, 20%);
120
+ --color-primitive-palette-10-80: #703d30;
121
+ --color-primitive-palette-11-10: #e4eaf5;
122
+ --color-primitive-palette-11-50: #758dbd;
123
+ --color-primitive-palette-11-50-20: rgba(117, 141, 189, 20%);
124
+ --color-primitive-palette-11-80: #223a6b;
125
+ --color-primitive-palette-12-10: #f4e2f6;
126
+ --color-primitive-palette-12-50: #c96ed1;
127
+ --color-primitive-palette-12-50-20: rgba(201, 110, 209, 20%);
128
+ --color-primitive-palette-12-80: #710f7b;
129
+ --color-primitive-palette-13-10: #e9f6e3;
130
+ --color-primitive-palette-13-50: #92d274;
131
+ --color-primitive-palette-13-50-20: rgba(146, 210, 116, 20%);
132
+ --color-primitive-palette-13-80: #327114;
133
+ --color-primitive-palette-14-10: #e2f4f8;
134
+ --color-primitive-palette-14-40: #a3d5e1;
135
+ --color-primitive-palette-14-50: #6fc7db;
136
+ --color-primitive-palette-14-50-20: rgba(111, 199, 219, 20%);
137
+ --color-primitive-palette-14-60: #3e9db2;
138
+ --color-primitive-palette-14-80: #106477;
139
+ --color-primitive-palette-15-10: #fdf1e3;
140
+ --color-primitive-palette-15-40: #f4cd9f;
141
+ --color-primitive-palette-15-50: #f4ba75;
142
+ --color-primitive-palette-15-50-20: rgba(244, 186, 117, 20%);
143
+ --color-primitive-palette-15-60: #d1944d;
144
+ --color-primitive-palette-15-80: #a15700;
145
+ --color-primitive-palette-16-10: #e1e7f9;
146
+ --color-primitive-palette-16-50: #6789df;
147
+ --color-primitive-palette-16-50-20: rgba(103, 137, 223, 20%);
148
+ --color-primitive-palette-16-80: #133794;
149
+ --color-primitive-palette-17-10: #f8f8e3;
150
+ --color-primitive-palette-17-50: #dbdd72;
151
+ --color-primitive-palette-17-50-20: rgba(219, 221, 114, 20%);
152
+ --color-primitive-palette-17-80: #686a0e;
76
153
  }
77
154
 
78
155
  :root,
@@ -116,66 +193,86 @@
116
193
  --color-success-60: var(--color-green-60);
117
194
  --color-success-opacity: var(--color-green-50-10);
118
195
  --color-success-border: var(--color-green-50-70);
119
- --color-warning-10: var(--color-orange-10);
120
- --color-warning-50: var(--color-orange-50);
121
- --color-warning-60: var(--color-orange-60);
122
- --color-warning-opacity: var(--color-orange-50-10);
123
- --color-warning-border: var(--color-orange-50-70);
196
+ --color-warning-10: var(--color-yellow-10);
197
+ --color-warning-50: var(--color-yellow-50);
198
+ --color-warning-60: var(--color-yellow-60);
199
+ --color-warning-opacity: var(--color-yellow-50-10);
200
+ --color-warning-opacity-40: var(--color-yellow-50-40);
201
+ --color-warning-border: var(--color-yellow-50-70);
124
202
 
125
- --color-palette-1-10: #fef0f1;
126
- --color-palette-1-50: #f26870;
127
- --color-palette-1-80: #a42929;
128
- --color-palette-2-10: #fffbef;
129
- --color-palette-2-50: #ffd056;
130
- --color-palette-2-80: #926900;
131
- --color-palette-3-10: #f5fbf2;
132
- --color-palette-3-50: #92d274;
133
- --color-palette-3-80: #327114;
134
- --color-palette-4-10: #f0f7fc;
135
- --color-palette-4-50: #61aade;
136
- --color-palette-4-80: #075893;
137
- --color-palette-5-10: #f6f1fb;
138
- --color-palette-5-50: #9f6fd0;
139
- --color-palette-5-80: #5a2490;
140
- --color-palette-6-10: #fff5f2;
141
- --color-palette-6-50: #fa9677;
142
- --color-palette-6-80: #a74020;
143
- --color-palette-7-10: #f8fbf2;
144
- --color-palette-7-50: #b7d674;
145
- --color-palette-7-80: #5a7a18;
146
- --color-palette-8-10: #f0f4fc;
147
- --color-palette-8-50: #6789df;
148
- --color-palette-8-80: #133794;
149
- --color-palette-9-10: #fbeff6;
150
- --color-palette-9-50: #d45e9e;
151
- --color-palette-9-80: #8d0c52;
152
- --color-palette-10-10: #fef9f2;
153
- --color-palette-10-50: #f4ba75;
154
- --color-palette-10-80: #a15700;
155
- --color-palette-11-10: #f2fbfa;
156
- --color-palette-11-50: #74d0c5;
157
- --color-palette-11-80: #09675c;
158
- --color-palette-12-10: #f4f2fc;
159
- --color-palette-12-50: #8e7adc;
160
- --color-palette-12-80: #361c9f;
161
- --color-palette-13-10: #fef0f1;
162
- --color-palette-13-50: #f26870;
163
- --color-palette-13-80: #a61019;
164
- --color-palette-14-10: #fcfcf1;
165
- --color-palette-14-50: #dbdd72;
166
- --color-palette-14-80: #686a0e;
167
- --color-palette-15-10: #eaf7fa;
168
- --color-palette-15-50: #6fc7db;
169
- --color-palette-15-80: #116477;
170
- --color-palette-16-10: #faf1fb;
171
- --color-palette-16-50: #c96ed1;
172
- --color-palette-16-80: #710f7b;
173
- --color-palette-17-10: #f4fbf7;
174
- --color-palette-17-50: #89d7ad;
175
- --color-palette-17-80: #136d3d;
176
- --color-palette-18-10: #fff4f4;
177
- --color-palette-18-50: #f98a8a;
178
- --color-palette-18-80: #a42929;
203
+ --color-palette-1-10: var(--color-primitive-palette-1-10);
204
+ --color-palette-1-50: var(--color-primitive-palette-1-50);
205
+ --color-palette-1-50-20: var(--color-primitive-palette-1-50-20);
206
+ --color-palette-1-80: var(--color-primitive-palette-1-80);
207
+ --color-palette-2-10: var(--color-primitive-palette-2-10);
208
+ --color-palette-2-50: var(--color-primitive-palette-2-50);
209
+ --color-palette-2-50-20: var(--color-primitive-palette-2-50-20);
210
+ --color-palette-2-80: var(--color-primitive-palette-2-80);
211
+ --color-palette-3-10: var(--color-primitive-palette-3-10);
212
+ --color-palette-3-50: var(--color-primitive-palette-3-50);
213
+ --color-palette-3-50-20: var(--color-primitive-palette-3-50-20);
214
+ --color-palette-3-80: var(--color-primitive-palette-3-80);
215
+ --color-palette-4-10: var(--color-primitive-palette-4-10);
216
+ --color-palette-4-50: var(--color-primitive-palette-4-50);
217
+ --color-palette-4-50-20: var(--color-primitive-palette-4-50-20);
218
+ --color-palette-4-80: var(--color-primitive-palette-4-80);
219
+ --color-palette-5-10: var(--color-primitive-palette-5-10);
220
+ --color-palette-5-50: var(--color-primitive-palette-5-50);
221
+ --color-palette-5-50-20: var(--color-primitive-palette-5-50-20);
222
+ --color-palette-5-80: var(--color-primitive-palette-5-80);
223
+ --color-palette-6-10: var(--color-primitive-palette-6-10);
224
+ --color-palette-6-50: var(--color-primitive-palette-6-50);
225
+ --color-palette-6-50-20: var(--color-primitive-palette-6-50-20);
226
+ --color-palette-6-80: var(--color-primitive-palette-6-80);
227
+ --color-palette-7-10: var(--color-primitive-palette-7-10);
228
+ --color-palette-7-50: var(--color-primitive-palette-7-50);
229
+ --color-palette-7-50-20: var(--color-primitive-palette-7-50-20);
230
+ --color-palette-7-80: var(--color-primitive-palette-7-80);
231
+ --color-palette-8-10: var(--color-primitive-palette-8-10);
232
+ --color-palette-8-40: var(--color-primitive-palette-8-40);
233
+ --color-palette-8-50: var(--color-primitive-palette-8-50);
234
+ --color-palette-8-50-20: var(--color-primitive-palette-8-50-20);
235
+ --color-palette-8-60: var(--color-primitive-palette-8-60);
236
+ --color-palette-8-80: var(--color-primitive-palette-8-80);
237
+ --color-palette-9-10: var(--color-primitive-palette-9-10);
238
+ --color-palette-9-50-20: var(--color-primitive-palette-9-50-20);
239
+ --color-palette-9-80: var(--color-primitive-palette-9-80);
240
+ --color-palette-10-10: var(--color-primitive-palette-10-10);
241
+ --color-palette-10-50: var(--color-primitive-palette-10-50);
242
+ --color-palette-10-50-20: var(--color-primitive-palette-10-50-20);
243
+ --color-palette-10-80: var(--color-primitive-palette-10-80);
244
+ --color-palette-11-10: var(--color-primitive-palette-11-10);
245
+ --color-palette-11-50: var(--color-primitive-palette-11-50);
246
+ --color-palette-11-50-20: var(--color-primitive-palette-11-50-20);
247
+ --color-palette-11-80: var(--color-primitive-palette-11-80);
248
+ --color-palette-12-10: var(--color-primitive-palette-12-10);
249
+ --color-palette-12-50: var(--color-primitive-palette-12-50);
250
+ --color-palette-12-50-20: var(--color-primitive-palette-12-50-20);
251
+ --color-palette-12-80: var(--color-primitive-palette-12-80);
252
+ --color-palette-13-10: var(--color-primitive-palette-13-10);
253
+ --color-palette-13-50: var(--color-primitive-palette-13-50);
254
+ --color-palette-13-50-20: var(--color-primitive-palette-13-50-20);
255
+ --color-palette-13-80: var(--color-primitive-palette-13-80);
256
+ --color-palette-14-10: var(--color-primitive-palette-14-10);
257
+ --color-palette-14-40: var(--color-primitive-palette-14-40);
258
+ --color-palette-14-50: var(--color-primitive-palette-14-50);
259
+ --color-palette-14-50-20: var(--color-primitive-palette-14-50-20);
260
+ --color-palette-14-60: var(--color-primitive-palette-14-60);
261
+ --color-palette-14-80: var(--color-primitive-palette-14-80);
262
+ --color-palette-15-10: var(--color-primitive-palette-15-10);
263
+ --color-palette-15-40: var(--color-primitive-palette-15-40);
264
+ --color-palette-15-50: var(--color-primitive-palette-15-50);
265
+ --color-palette-15-50-20: var(--color-primitive-palette-15-50-20);
266
+ --color-palette-15-60: var(--color-primitive-palette-15-60);
267
+ --color-palette-15-80: var(--color-primitive-palette-15-80);
268
+ --color-palette-16-10: var(--color-primitive-palette-16-10);
269
+ --color-palette-16-50: var(--color-primitive-palette-16-50);
270
+ --color-palette-16-50-20: var(--color-primitive-palette-16-50-20);
271
+ --color-palette-16-80: var(--color-primitive-palette-16-80);
272
+ --color-palette-17-10: var(--color-primitive-palette-17-10);
273
+ --color-palette-17-50: var(--color-primitive-palette-17-50);
274
+ --color-palette-17-50-20: var(--color-primitive-palette-17-50-20);
275
+ --color-palette-17-80: var(--color-primitive-palette-17-80);
179
276
 
180
277
  --shadow-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5);
181
278
  --shadow-md: 0 1px 2px 1px rgba(49, 61, 73, 0.1),
@@ -219,46 +316,44 @@
219
316
  --color-success-10: var(--color-green-60);
220
317
  --color-success-60: var(--color-green-10);
221
318
  --color-success-opacity: var(--color-green-50-20);
222
- --color-warning-10: var(--color-orange-60);
223
- --color-warning-60: var(--color-orange-10);
224
- --color-warning-opacity: var(--color-orange-50-20);
319
+ --color-warning-10: var(--color-yellow-60);
320
+ --color-warning-60: var(--color-yellow-10);
321
+ --color-warning-opacity: var(--color-yellow-50-20);
225
322
 
226
- --color-palette-1-80: #fef0f1;
227
- --color-palette-1-10: #a42929;
228
- --color-palette-2-80: #fffbef;
229
- --color-palette-2-10: #926900;
230
- --color-palette-3-80: #f5fbf2;
231
- --color-palette-3-10: #327114;
232
- --color-palette-4-80: #f0f7fc;
233
- --color-palette-4-10: #075893;
234
- --color-palette-5-80: #f6f1fb;
235
- --color-palette-5-10: #5a2490;
236
- --color-palette-6-80: #fff5f2;
237
- --color-palette-6-10: #a74020;
238
- --color-palette-7-80: #f8fbf2;
239
- --color-palette-7-10: #5a7a18;
240
- --color-palette-8-80: #f0f4fc;
241
- --color-palette-8-10: #133794;
242
- --color-palette-9-80: #fbeff6;
243
- --color-palette-9-10: #8d0c52;
244
- --color-palette-10-80: #fef9f2;
245
- --color-palette-10-10: #a15700;
246
- --color-palette-11-80: #f2fbfa;
247
- --color-palette-11-10: #09675c;
248
- --color-palette-12-80: #f4f2fc;
249
- --color-palette-12-10: #361c9f;
250
- --color-palette-13-80: #fef0f1;
251
- --color-palette-13-10: #a61019;
252
- --color-palette-14-80: #fcfcf1;
253
- --color-palette-14-10: #686a0e;
254
- --color-palette-15-80: #eaf7fa;
255
- --color-palette-15-10: #116477;
256
- --color-palette-16-80: #faf1fb;
257
- --color-palette-16-10: #710f7b;
258
- --color-palette-17-80: #f4fbf7;
259
- --color-palette-17-10: #136d3d;
260
- --color-palette-18-80: #fff4f4;
261
- --color-palette-18-10: #a42929;
323
+ --color-palette-1-80: var(--color-primitive-palette-1-10);
324
+ --color-palette-1-10: var(--color-primitive-palette-1-80);
325
+ --color-palette-2-80: var(--color-primitive-palette-2-10);
326
+ --color-palette-2-10: var(--color-primitive-palette-2-80);
327
+ --color-palette-3-80: var(--color-primitive-palette-3-10);
328
+ --color-palette-3-10: var(--color-primitive-palette-3-80);
329
+ --color-palette-4-80: var(--color-primitive-palette-4-10);
330
+ --color-palette-4-10: var(--color-primitive-palette-4-80);
331
+ --color-palette-5-80: var(--color-primitive-palette-5-10);
332
+ --color-palette-5-10: var(--color-primitive-palette-5-80);
333
+ --color-palette-6-80: var(--color-primitive-palette-6-10);
334
+ --color-palette-6-10: var(--color-primitive-palette-6-80);
335
+ --color-palette-7-80: var(--color-primitive-palette-7-10);
336
+ --color-palette-7-10: var(--color-primitive-palette-7-80);
337
+ --color-palette-8-80: var(--color-primitive-palette-8-10);
338
+ --color-palette-8-10: var(--color-primitive-palette-8-80);
339
+ --color-palette-9-80: var(--color-primitive-palette-9-10);
340
+ --color-palette-9-10: var(--color-primitive-palette-9-80);
341
+ --color-palette-10-80: var(--color-primitive-palette-10-10);
342
+ --color-palette-10-10: var(--color-primitive-palette-10-80);
343
+ --color-palette-11-80: var(--color-primitive-palette-11-10);
344
+ --color-palette-11-10: var(--color-primitive-palette-11-80);
345
+ --color-palette-12-80: var(--color-primitive-palette-12-10);
346
+ --color-palette-12-10: var(--color-primitive-palette-12-80);
347
+ --color-palette-13-80: var(--color-primitive-palette-13-10);
348
+ --color-palette-13-10: var(--color-primitive-palette-13-80);
349
+ --color-palette-14-80: var(--color-primitive-palette-14-10);
350
+ --color-palette-14-10: var(--color-primitive-palette-14-80);
351
+ --color-palette-15-80: var(--color-primitive-palette-15-10);
352
+ --color-palette-15-10: var(--color-primitive-palette-15-80);
353
+ --color-palette-16-80: var(--color-primitive-palette-16-10);
354
+ --color-palette-16-10: var(--color-primitive-palette-16-80);
355
+ --color-palette-17-80: var(--color-primitive-palette-17-10);
356
+ --color-palette-17-10: var(--color-primitive-palette-17-80);
262
357
 
263
358
  --shadow-sm: 0 0 2px 0 rgba(0, 0, 0, 0.5);
264
359
  --shadow-md: 0 1px 2px 1px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.2);
package/dist/scss/_variables.scss CHANGED
@@ -135,7 +135,7 @@ $colorsConfirm: (
135
135
  $donutColors: (
136
136
  1: var(--color-palette-15-50),
137
137
  2: var(--color-palette-10-50),
138
- 3: var(--color-orange-50),
138
+ 3: var(--color-warning-50),
139
139
  4: var(--color-gray-30),
140
140
  );
141
141