@alfalab/core-components-vars 9.1.0 → 9.2.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 (14) hide show
  1. package/colors-bluetint.css +2 -0
  2. package/colors-indigo.css +2 -0
  3. package/cssm/bundle/click.css +2 -0
  4. package/cssm/bundle/corp.css +2 -0
  5. package/cssm/bundle/intranet.css +2 -0
  6. package/cssm/bundle/mobile.css +2 -0
  7. package/cssm/bundle/site.css +2 -0
  8. package/cssm/colors-bluetint.css +2 -0
  9. package/cssm/colors-indigo.css +2 -0
  10. package/cssm/index.css +2 -0
  11. package/index.d.ts +2 -0
  12. package/index.js +2 -0
  13. package/package.json +1 -1
  14. package/typography.css +70 -0
package/colors-bluetint.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/colors-indigo.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(11, 31, 53, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/bundle/click.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/bundle/corp.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(11, 31, 53, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/bundle/intranet.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/bundle/mobile.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/bundle/site.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/colors-bluetint.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/colors-indigo.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15);
199
199
  --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16);
200
200
  --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2);
201
+ --color-dark-bg-primary-alpha-30: rgba(11, 31, 53, 0.3);
201
202
  --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32);
202
203
  --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37);
203
204
  --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4);
@@ -349,6 +350,7 @@
349
350
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
350
351
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
351
352
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
353
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
352
354
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
353
355
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
354
356
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/cssm/index.css CHANGED
@@ -268,6 +268,7 @@
268
268
  --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
269
269
  --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
270
270
  --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
271
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
271
272
  --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
272
273
  --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
273
274
  --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
@@ -419,6 +420,7 @@
419
420
  --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
420
421
  --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
421
422
  --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
423
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
422
424
  --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
423
425
  --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
424
426
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
package/index.d.ts CHANGED
@@ -266,6 +266,7 @@ export const colorDarkBgPrimaryAlpha12: "rgba(18, 18, 18, 0.12)";
266
266
  export const colorDarkBgPrimaryAlpha15: "rgba(18, 18, 18, 0.15)";
267
267
  export const colorDarkBgPrimaryAlpha16: "rgba(18, 18, 18, 0.16)";
268
268
  export const colorDarkBgPrimaryAlpha20: "rgba(18, 18, 18, 0.2)";
269
+ export const colorDarkBgPrimaryAlpha30: "rgba(18, 18, 18, 0.3)";
269
270
  export const colorDarkBgPrimaryAlpha32: "rgba(18, 18, 18, 0.32)";
270
271
  export const colorDarkBgPrimaryAlpha37: "rgba(18, 18, 18, 0.37)";
271
272
  export const colorDarkBgPrimaryAlpha40: "rgba(18, 18, 18, 0.4)";
@@ -417,6 +418,7 @@ export const colorLightBgPrimaryAlpha12: "rgba(255, 255, 255, 0.12)";
417
418
  export const colorLightBgPrimaryAlpha15: "rgba(255, 255, 255, 0.15)";
418
419
  export const colorLightBgPrimaryAlpha16: "rgba(255, 255, 255, 0.16)";
419
420
  export const colorLightBgPrimaryAlpha20: "rgba(255, 255, 255, 0.2)";
421
+ export const colorLightBgPrimaryAlpha30: "rgba(255, 255, 255, 0.3)";
420
422
  export const colorLightBgPrimaryAlpha32: "rgba(255, 255, 255, 0.32)";
421
423
  export const colorLightBgPrimaryAlpha37: "rgba(255, 255, 255, 0.37)";
422
424
  export const colorLightBgPrimaryAlpha40: "rgba(255, 255, 255, 0.4)";
package/index.js CHANGED
@@ -266,6 +266,7 @@ export const colorDarkBgPrimaryAlpha12 = "rgba(18, 18, 18, 0.12)";
266
266
  export const colorDarkBgPrimaryAlpha15 = "rgba(18, 18, 18, 0.15)";
267
267
  export const colorDarkBgPrimaryAlpha16 = "rgba(18, 18, 18, 0.16)";
268
268
  export const colorDarkBgPrimaryAlpha20 = "rgba(18, 18, 18, 0.2)";
269
+ export const colorDarkBgPrimaryAlpha30 = "rgba(18, 18, 18, 0.3)";
269
270
  export const colorDarkBgPrimaryAlpha32 = "rgba(18, 18, 18, 0.32)";
270
271
  export const colorDarkBgPrimaryAlpha37 = "rgba(18, 18, 18, 0.37)";
271
272
  export const colorDarkBgPrimaryAlpha40 = "rgba(18, 18, 18, 0.4)";
@@ -417,6 +418,7 @@ export const colorLightBgPrimaryAlpha12 = "rgba(255, 255, 255, 0.12)";
417
418
  export const colorLightBgPrimaryAlpha15 = "rgba(255, 255, 255, 0.15)";
418
419
  export const colorLightBgPrimaryAlpha16 = "rgba(255, 255, 255, 0.16)";
419
420
  export const colorLightBgPrimaryAlpha20 = "rgba(255, 255, 255, 0.2)";
421
+ export const colorLightBgPrimaryAlpha30 = "rgba(255, 255, 255, 0.3)";
420
422
  export const colorLightBgPrimaryAlpha32 = "rgba(255, 255, 255, 0.32)";
421
423
  export const colorLightBgPrimaryAlpha37 = "rgba(255, 255, 255, 0.37)";
422
424
  export const colorLightBgPrimaryAlpha40 = "rgba(255, 255, 255, 0.4)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.1.0",
3
+ "version": "9.2.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/typography.css CHANGED
@@ -353,6 +353,76 @@
353
353
  font-weight: 400;
354
354
  }
355
355
 
356
+ @define-mixin promo-mobile_large {
357
+ font-size: 30px;
358
+ line-height: 36px;
359
+ font-weight: 400;
360
+ font-feature-settings: 'ss01';
361
+ font-family: var(--font-family-styrene);
362
+ }
363
+
364
+ @define-mixin promo-mobile_medium {
365
+ font-size: 26px;
366
+ line-height: 32px;
367
+ font-weight: 400;
368
+ font-feature-settings: 'ss01';
369
+ font-family: var(--font-family-styrene);
370
+ }
371
+
372
+ @define-mixin promo-mobile_small {
373
+ font-size: 20px;
374
+ line-height: 28px;
375
+ font-weight: 400;
376
+ font-feature-settings: 'ss01';
377
+ font-family: var(--font-family-styrene);
378
+ }
379
+
380
+ @define-mixin promo-mobile_xlarge {
381
+ font-size: 34px;
382
+ line-height: 40px;
383
+ font-weight: 400;
384
+ font-feature-settings: 'ss01';
385
+ font-family: var(--font-family-styrene);
386
+ }
387
+
388
+ @define-mixin promo-mobile_xsmall {
389
+ font-size: 16px;
390
+ line-height: 20px;
391
+ font-weight: 400;
392
+ font-feature-settings: 'ss01';
393
+ font-family: var(--font-family-styrene);
394
+ }
395
+
396
+ @define-mixin promo-system-mobile_large {
397
+ font-size: 30px;
398
+ line-height: 36px;
399
+ font-weight: 400;
400
+ }
401
+
402
+ @define-mixin promo-system-mobile_medium {
403
+ font-size: 26px;
404
+ line-height: 32px;
405
+ font-weight: 400;
406
+ }
407
+
408
+ @define-mixin promo-system-mobile_small {
409
+ font-size: 20px;
410
+ line-height: 28px;
411
+ font-weight: 400;
412
+ }
413
+
414
+ @define-mixin promo-system-mobile_xlarge {
415
+ font-size: 34px;
416
+ line-height: 40px;
417
+ font-weight: 400;
418
+ }
419
+
420
+ @define-mixin promo-system-mobile_xsmall {
421
+ font-size: 16px;
422
+ line-height: 20px;
423
+ font-weight: 400;
424
+ }
425
+
356
426
  @define-mixin promo-system_large {
357
427
  font-size: 40px;
358
428
  line-height: 48px;