@foris/avocado-core 0.5.0 → 0.6.1

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 +187 -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
@@ -69,12 +69,82 @@
69
69
  --color-green-50-10: rgba(63, 142, 67, 10%);
70
70
  --color-green-50-20: rgba(63, 142, 67, 20%);
71
71
  --color-green-50-70: rgba(63, 142, 67, 70%);
72
- --color-orange-10: #fff5ed;
73
- --color-orange-50: #e87228;
74
- --color-orange-60: #934200;
75
- --color-orange-50-10: rgba(232, 114, 40, 10%);
76
- --color-orange-50-20: rgba(232, 114, 40, 20%);
77
- --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-50: #d45e9e;
110
+ --color-primitive-palette-8-50-20: rgba(212, 94, 158, 20%);
111
+ --color-primitive-palette-8-80: #8d0c52;
112
+ --color-primitive-palette-9-10: #e7f7ef;
113
+ --color-primitive-palette-9-50: #89d7ad;
114
+ --color-primitive-palette-9-50-20: rgba(137, 215, 173, 20%);
115
+ --color-primitive-palette-9-80: #136d3d;
116
+ --color-primitive-palette-10-10: #f4e4e0;
117
+ --color-primitive-palette-10-50: #c87965;
118
+ --color-primitive-palette-10-50-20: rgba(200, 121, 101, 20%);
119
+ --color-primitive-palette-10-80: #703d30;
120
+ --color-primitive-palette-11-10: #e4eaf5;
121
+ --color-primitive-palette-11-50: #758dbd;
122
+ --color-primitive-palette-11-50-20: rgba(117, 141, 189, 20%);
123
+ --color-primitive-palette-11-80: #223a6b;
124
+ --color-primitive-palette-12-10: #f4e2f6;
125
+ --color-primitive-palette-12-50: #c96ed1;
126
+ --color-primitive-palette-12-50-20: rgba(201, 110, 209, 20%);
127
+ --color-primitive-palette-12-80: #710f7b;
128
+ --color-primitive-palette-13-10: #e9f6e3;
129
+ --color-primitive-palette-13-50: #92d274;
130
+ --color-primitive-palette-13-50-20: rgba(146, 210, 116, 20%);
131
+ --color-primitive-palette-13-80: #327114;
132
+ --color-primitive-palette-14-10: #e2f4f8;
133
+ --color-primitive-palette-14-50: #6fc7db;
134
+ --color-primitive-palette-14-50-20: rgba(111, 199, 219, 20%);
135
+ --color-primitive-palette-14-80: #106477;
136
+ --color-primitive-palette-15-10: #fdf1e3;
137
+ --color-primitive-palette-15-50: #f4ba75;
138
+ --color-primitive-palette-15-50-20: rgba(244, 186, 117, 20%);
139
+ --color-primitive-palette-15-80: #a15700;
140
+ --color-primitive-palette-16-10: #e1e7f9;
141
+ --color-primitive-palette-16-50: #6789df;
142
+ --color-primitive-palette-16-50-20: rgba(103, 137, 223, 20%);
143
+ --color-primitive-palette-16-80: #133794;
144
+ --color-primitive-palette-17-10: #f8f8e3;
145
+ --color-primitive-palette-17-50: #dbdd72;
146
+ --color-primitive-palette-17-50-20: rgba(219, 221, 114, 20%);
147
+ --color-primitive-palette-17-80: #686a0e;
78
148
  }
79
149
 
80
150
  :root,
@@ -118,66 +188,81 @@
118
188
  --color-success-60: var(--color-green-60);
119
189
  --color-success-opacity: var(--color-green-50-10);
120
190
  --color-success-border: var(--color-green-50-70);
121
- --color-warning-10: var(--color-orange-10);
122
- --color-warning-50: var(--color-orange-50);
123
- --color-warning-60: var(--color-orange-60);
124
- --color-warning-opacity: var(--color-orange-50-10);
125
- --color-warning-border: var(--color-orange-50-70);
191
+ --color-warning-10: var(--color-yellow-10);
192
+ --color-warning-50: var(--color-yellow-50);
193
+ --color-warning-60: var(--color-yellow-60);
194
+ --color-warning-opacity: var(--color-yellow-50-10);
195
+ --color-warning-opacity-40: var(--color-yellow-50-40);
196
+ --color-warning-border: var(--color-yellow-50-70);
126
197
 
127
- --color-palette-1-10: #fef0f1;
128
- --color-palette-1-50: #f26870;
129
- --color-palette-1-80: #a42929;
130
- --color-palette-2-10: #fffbef;
131
- --color-palette-2-50: #ffd056;
132
- --color-palette-2-80: #926900;
133
- --color-palette-3-10: #f5fbf2;
134
- --color-palette-3-50: #92d274;
135
- --color-palette-3-80: #327114;
136
- --color-palette-4-10: #f0f7fc;
137
- --color-palette-4-50: #61aade;
138
- --color-palette-4-80: #075893;
139
- --color-palette-5-10: #f6f1fb;
140
- --color-palette-5-50: #9f6fd0;
141
- --color-palette-5-80: #5a2490;
142
- --color-palette-6-10: #fff5f2;
143
- --color-palette-6-50: #fa9677;
144
- --color-palette-6-80: #a74020;
145
- --color-palette-7-10: #f8fbf2;
146
- --color-palette-7-50: #b7d674;
147
- --color-palette-7-80: #5a7a18;
148
- --color-palette-8-10: #f0f4fc;
149
- --color-palette-8-50: #6789df;
150
- --color-palette-8-80: #133794;
151
- --color-palette-9-10: #fbeff6;
152
- --color-palette-9-50: #d45e9e;
153
- --color-palette-9-80: #8d0c52;
154
- --color-palette-10-10: #fef9f2;
155
- --color-palette-10-50: #f4ba75;
156
- --color-palette-10-80: #a15700;
157
- --color-palette-11-10: #f2fbfa;
158
- --color-palette-11-50: #74d0c5;
159
- --color-palette-11-80: #09675c;
160
- --color-palette-12-10: #f4f2fc;
161
- --color-palette-12-50: #8e7adc;
162
- --color-palette-12-80: #361c9f;
163
- --color-palette-13-10: #fef0f1;
164
- --color-palette-13-50: #f26870;
165
- --color-palette-13-80: #a61019;
166
- --color-palette-14-10: #fcfcf1;
167
- --color-palette-14-50: #dbdd72;
168
- --color-palette-14-80: #686a0e;
169
- --color-palette-15-10: #eaf7fa;
170
- --color-palette-15-50: #6fc7db;
171
- --color-palette-15-80: #116477;
172
- --color-palette-16-10: #faf1fb;
173
- --color-palette-16-50: #c96ed1;
174
- --color-palette-16-80: #710f7b;
175
- --color-palette-17-10: #f4fbf7;
176
- --color-palette-17-50: #89d7ad;
177
- --color-palette-17-80: #136d3d;
178
- --color-palette-18-10: #fff4f4;
179
- --color-palette-18-50: #f98a8a;
180
- --color-palette-18-80: #a42929;
198
+ --color-palette-1-10: var(--color-primitive-palette-1-10);
199
+ --color-palette-1-50: var(--color-primitive-palette-1-50);
200
+ --color-palette-1-50-20: var(--color-primitive-palette-1-50-20);
201
+ --color-palette-1-80: var(--color-primitive-palette-1-80);
202
+ --color-palette-2-10: var(--color-primitive-palette-2-10);
203
+ --color-palette-2-50: var(--color-primitive-palette-2-50);
204
+ --color-palette-2-50-20: var(--color-primitive-palette-2-50-20);
205
+ --color-palette-2-80: var(--color-primitive-palette-2-80);
206
+ --color-palette-3-10: var(--color-primitive-palette-3-10);
207
+ --color-palette-3-50: var(--color-primitive-palette-3-50);
208
+ --color-palette-3-50-20: var(--color-primitive-palette-3-50-20);
209
+ --color-palette-3-80: var(--color-primitive-palette-3-80);
210
+ --color-palette-4-10: var(--color-primitive-palette-4-10);
211
+ --color-palette-4-50: var(--color-primitive-palette-4-50);
212
+ --color-palette-4-50-20: var(--color-primitive-palette-4-50-20);
213
+ --color-palette-4-80: var(--color-primitive-palette-4-80);
214
+ --color-palette-5-10: var(--color-primitive-palette-5-10);
215
+ --color-palette-5-50: var(--color-primitive-palette-5-50);
216
+ --color-palette-5-50-20: var(--color-primitive-palette-5-50-20);
217
+ --color-palette-5-80: var(--color-primitive-palette-5-80);
218
+ --color-palette-6-10: var(--color-primitive-palette-6-10);
219
+ --color-palette-6-50: var(--color-primitive-palette-6-50);
220
+ --color-palette-6-50-20: var(--color-primitive-palette-6-50-20);
221
+ --color-palette-6-80: var(--color-primitive-palette-6-80);
222
+ --color-palette-7-10: var(--color-primitive-palette-7-10);
223
+ --color-palette-7-50: var(--color-primitive-palette-7-50);
224
+ --color-palette-7-50-20: var(--color-primitive-palette-7-50-20);
225
+ --color-palette-7-80: var(--color-primitive-palette-7-80);
226
+ --color-palette-8-10: var(--color-primitive-palette-8-10);
227
+ --color-palette-8-50: var(--color-primitive-palette-8-50);
228
+ --color-palette-8-50-20: var(--color-primitive-palette-8-50-20);
229
+ --color-palette-8-80: var(--color-primitive-palette-8-80);
230
+ --color-palette-9-10: var(--color-primitive-palette-9-10);
231
+ --color-palette-9-50: var(--color-primitive-palette-9-50);
232
+ --color-palette-9-50-20: var(--color-primitive-palette-9-50-20);
233
+ --color-palette-9-80: var(--color-primitive-palette-9-80);
234
+ --color-palette-10-10: var(--color-primitive-palette-10-10);
235
+ --color-palette-10-50: var(--color-primitive-palette-10-50);
236
+ --color-palette-10-50-20: var(--color-primitive-palette-10-50-20);
237
+ --color-palette-10-80: var(--color-primitive-palette-10-80);
238
+ --color-palette-11-10: var(--color-primitive-palette-11-10);
239
+ --color-palette-11-50: var(--color-primitive-palette-11-50);
240
+ --color-palette-11-50-20: var(--color-primitive-palette-11-50-20);
241
+ --color-palette-11-80: var(--color-primitive-palette-11-80);
242
+ --color-palette-12-10: var(--color-primitive-palette-12-10);
243
+ --color-palette-12-50: var(--color-primitive-palette-12-50);
244
+ --color-palette-12-50-20: var(--color-primitive-palette-12-50-20);
245
+ --color-palette-12-80: var(--color-primitive-palette-12-80);
246
+ --color-palette-13-10: var(--color-primitive-palette-13-10);
247
+ --color-palette-13-50: var(--color-primitive-palette-13-50);
248
+ --color-palette-13-50-20: var(--color-primitive-palette-13-50-20);
249
+ --color-palette-13-80: var(--color-primitive-palette-13-80);
250
+ --color-palette-14-10: var(--color-primitive-palette-14-10);
251
+ --color-palette-14-50: var(--color-primitive-palette-14-50);
252
+ --color-palette-14-50-20: var(--color-primitive-palette-14-50-20);
253
+ --color-palette-14-80: var(--color-primitive-palette-14-80);
254
+ --color-palette-15-10: var(--color-primitive-palette-15-10);
255
+ --color-palette-15-50: var(--color-primitive-palette-15-50);
256
+ --color-palette-15-50-20: var(--color-primitive-palette-15-50-20);
257
+ --color-palette-15-80: var(--color-primitive-palette-15-80);
258
+ --color-palette-16-10: var(--color-primitive-palette-16-10);
259
+ --color-palette-16-50: var(--color-primitive-palette-16-50);
260
+ --color-palette-16-50-20: var(--color-primitive-palette-16-50-20);
261
+ --color-palette-16-80: var(--color-primitive-palette-16-80);
262
+ --color-palette-17-10: var(--color-primitive-palette-17-10);
263
+ --color-palette-17-50: var(--color-primitive-palette-17-50);
264
+ --color-palette-17-50-20: var(--color-primitive-palette-17-50-20);
265
+ --color-palette-17-80: var(--color-primitive-palette-17-80);
181
266
 
182
267
  --shadow-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5);
183
268
  --shadow-md: 0 1px 2px 1px rgba(49, 61, 73, 0.1),
@@ -221,46 +306,44 @@
221
306
  --color-success-10: var(--color-green-60);
222
307
  --color-success-60: var(--color-green-10);
223
308
  --color-success-opacity: var(--color-green-50-20);
224
- --color-warning-10: var(--color-orange-60);
225
- --color-warning-60: var(--color-orange-10);
226
- --color-warning-opacity: var(--color-orange-50-20);
309
+ --color-warning-10: var(--color-yellow-60);
310
+ --color-warning-60: var(--color-yellow-10);
311
+ --color-warning-opacity: var(--color-yellow-50-20);
227
312
 
228
- --color-palette-1-80: #fef0f1;
229
- --color-palette-1-10: #a42929;
230
- --color-palette-2-80: #fffbef;
231
- --color-palette-2-10: #926900;
232
- --color-palette-3-80: #f5fbf2;
233
- --color-palette-3-10: #327114;
234
- --color-palette-4-80: #f0f7fc;
235
- --color-palette-4-10: #075893;
236
- --color-palette-5-80: #f6f1fb;
237
- --color-palette-5-10: #5a2490;
238
- --color-palette-6-80: #fff5f2;
239
- --color-palette-6-10: #a74020;
240
- --color-palette-7-80: #f8fbf2;
241
- --color-palette-7-10: #5a7a18;
242
- --color-palette-8-80: #f0f4fc;
243
- --color-palette-8-10: #133794;
244
- --color-palette-9-80: #fbeff6;
245
- --color-palette-9-10: #8d0c52;
246
- --color-palette-10-80: #fef9f2;
247
- --color-palette-10-10: #a15700;
248
- --color-palette-11-80: #f2fbfa;
249
- --color-palette-11-10: #09675c;
250
- --color-palette-12-80: #f4f2fc;
251
- --color-palette-12-10: #361c9f;
252
- --color-palette-13-80: #fef0f1;
253
- --color-palette-13-10: #a61019;
254
- --color-palette-14-80: #fcfcf1;
255
- --color-palette-14-10: #686a0e;
256
- --color-palette-15-80: #eaf7fa;
257
- --color-palette-15-10: #116477;
258
- --color-palette-16-80: #faf1fb;
259
- --color-palette-16-10: #710f7b;
260
- --color-palette-17-80: #f4fbf7;
261
- --color-palette-17-10: #136d3d;
262
- --color-palette-18-80: #fff4f4;
263
- --color-palette-18-10: #a42929;
313
+ --color-palette-1-80: var(--color-primitive-palette-1-10);
314
+ --color-palette-1-10: var(--color-primitive-palette-1-80);
315
+ --color-palette-2-80: var(--color-primitive-palette-2-10);
316
+ --color-palette-2-10: var(--color-primitive-palette-2-80);
317
+ --color-palette-3-80: var(--color-primitive-palette-3-10);
318
+ --color-palette-3-10: var(--color-primitive-palette-3-80);
319
+ --color-palette-4-80: var(--color-primitive-palette-4-10);
320
+ --color-palette-4-10: var(--color-primitive-palette-4-80);
321
+ --color-palette-5-80: var(--color-primitive-palette-5-10);
322
+ --color-palette-5-10: var(--color-primitive-palette-5-80);
323
+ --color-palette-6-80: var(--color-primitive-palette-6-10);
324
+ --color-palette-6-10: var(--color-primitive-palette-6-80);
325
+ --color-palette-7-80: var(--color-primitive-palette-7-10);
326
+ --color-palette-7-10: var(--color-primitive-palette-7-80);
327
+ --color-palette-8-80: var(--color-primitive-palette-8-10);
328
+ --color-palette-8-10: var(--color-primitive-palette-8-80);
329
+ --color-palette-9-80: var(--color-primitive-palette-9-10);
330
+ --color-palette-9-10: var(--color-primitive-palette-9-80);
331
+ --color-palette-10-80: var(--color-primitive-palette-10-10);
332
+ --color-palette-10-10: var(--color-primitive-palette-10-80);
333
+ --color-palette-11-80: var(--color-primitive-palette-11-10);
334
+ --color-palette-11-10: var(--color-primitive-palette-11-80);
335
+ --color-palette-12-80: var(--color-primitive-palette-12-10);
336
+ --color-palette-12-10: var(--color-primitive-palette-12-80);
337
+ --color-palette-13-80: var(--color-primitive-palette-13-10);
338
+ --color-palette-13-10: var(--color-primitive-palette-13-80);
339
+ --color-palette-14-80: var(--color-primitive-palette-14-10);
340
+ --color-palette-14-10: var(--color-primitive-palette-14-80);
341
+ --color-palette-15-80: var(--color-primitive-palette-15-10);
342
+ --color-palette-15-10: var(--color-primitive-palette-15-80);
343
+ --color-palette-16-80: var(--color-primitive-palette-16-10);
344
+ --color-palette-16-10: var(--color-primitive-palette-16-80);
345
+ --color-palette-17-80: var(--color-primitive-palette-17-10);
346
+ --color-palette-17-10: var(--color-primitive-palette-17-80);
264
347
 
265
348
  --shadow-sm: 0 0 2px 0 rgba(0, 0, 0, 0.5);
266
349
  --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