@alfalab/core-components-vars 6.1.0 → 6.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 (8) hide show
  1. package/border-radius.css +1 -0
  2. package/colors-bluetint.css +22 -0
  3. package/colors-indigo.css +22 -0
  4. package/cssm/border-radius.css +1 -0
  5. package/cssm/colors-bluetint.css +22 -0
  6. package/cssm/colors-indigo.css +22 -0
  7. package/cssm/index.css +23 -0
  8. package/package.json +1 -1
package/border-radius.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-radius-m: 8px;
5
5
  --border-radius-l: 12px;
6
6
  --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
7
8
  --border-radius-circle: 50%;
8
9
  --border-radius-pill: 99px;
9
10
  }
package/colors-bluetint.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -285,17 +296,28 @@
285
296
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
297
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
298
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
299
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
300
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
301
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
302
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
303
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
304
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
305
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
306
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
307
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
308
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
309
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
293
310
  --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
294
311
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
312
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
295
313
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
314
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
296
315
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
316
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
297
317
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
318
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
298
319
  --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
320
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
299
321
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
300
322
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
301
323
  --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
package/colors-indigo.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -285,17 +296,28 @@
285
296
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
297
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
298
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
299
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
300
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
301
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
302
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
303
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
304
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
305
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
306
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
307
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
308
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
309
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
293
310
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
294
311
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
312
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
295
313
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
314
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
296
315
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
316
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
297
317
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
318
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
298
319
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
320
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
299
321
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
300
322
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
301
323
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
package/cssm/border-radius.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --border-radius-m: 8px;
5
5
  --border-radius-l: 12px;
6
6
  --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
7
8
  --border-radius-circle: 50%;
8
9
  --border-radius-pill: 99px;
9
10
  }
package/cssm/colors-bluetint.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -285,17 +296,28 @@
285
296
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
297
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
298
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
299
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
300
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
301
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
302
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
303
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
304
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
305
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
306
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
307
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
308
  --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
309
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
293
310
  --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
294
311
  --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
312
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
295
313
  --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
314
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
296
315
  --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
316
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
297
317
  --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
318
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
298
319
  --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
320
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
299
321
  --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
300
322
  --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
301
323
  --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
package/cssm/colors-indigo.css CHANGED
@@ -162,17 +162,28 @@
162
162
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
163
163
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
164
164
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
165
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
165
166
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
167
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
166
168
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
169
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
167
170
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
171
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
172
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
168
173
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
169
174
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
175
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
170
176
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
171
177
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
178
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
172
179
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
180
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
173
181
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
182
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
174
183
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
184
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
175
185
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
186
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
176
187
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
177
188
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
178
189
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -285,17 +296,28 @@
285
296
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
286
297
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
287
298
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
299
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
288
300
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
301
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
289
302
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
303
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
290
304
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
305
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
306
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
291
307
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
292
308
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
309
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
293
310
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
294
311
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
312
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
295
313
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
314
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
296
315
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
316
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
297
317
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
318
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
298
319
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
320
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
299
321
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
300
322
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
301
323
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
package/cssm/index.css CHANGED
@@ -331,17 +331,28 @@
331
331
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
332
332
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
333
333
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
334
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04);
334
335
  --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
336
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12);
335
337
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
338
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
336
339
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
340
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
341
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
337
342
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
338
343
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
344
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
339
345
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
340
346
  --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
347
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
341
348
  --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
349
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
342
350
  --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
351
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
343
352
  --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
344
354
  --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
355
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
345
356
  --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
346
357
  --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
347
358
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
@@ -454,17 +465,28 @@
454
465
  --color-light-bg-accent-shade-10: rgb(215, 44, 32);
455
466
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
456
467
  --color-light-bg-accent-shade-30: rgb(167, 34, 25);
468
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
457
469
  --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
470
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
458
471
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
472
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
459
473
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
474
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
475
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
460
476
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
461
477
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
478
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04);
462
479
  --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
463
480
  --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
481
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08);
464
482
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
483
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12);
465
484
  --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
485
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16);
466
486
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
487
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24);
467
488
  --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3);
489
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32);
468
490
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
469
491
  --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5);
470
492
  --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83);
@@ -680,6 +702,7 @@
680
702
  --border-radius-m: 8px;
681
703
  --border-radius-l: 12px;
682
704
  --border-radius-xl: 16px;
705
+ --border-radius-xxl: 20px;
683
706
  --border-radius-circle: 50%;
684
707
  --border-radius-pill: 99px;
685
708
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "6.1.0",
3
+ "version": "6.2.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",