@alfalab/core-components-vars 9.15.0 → 9.16.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 (69) hide show
  1. package/colors-bluetint.css +103 -85
  2. package/colors-bluetint.module.d.ts +103 -85
  3. package/colors-bluetint.module.js +103 -85
  4. package/colors-indigo.css +26 -8
  5. package/colors-indigo.module.d.ts +26 -8
  6. package/colors-indigo.module.js +26 -8
  7. package/colors-monochrome.css +192 -0
  8. package/colors-x5.css +1 -0
  9. package/colors-x5.module.d.ts +1 -0
  10. package/colors-x5.module.js +1 -0
  11. package/cssm/bundle/click.css +103 -85
  12. package/cssm/bundle/corp.css +103 -85
  13. package/cssm/bundle/intranet.css +103 -85
  14. package/cssm/bundle/mobile.css +103 -85
  15. package/cssm/bundle/site.css +103 -85
  16. package/cssm/colors-bluetint.css +103 -85
  17. package/cssm/colors-bluetint.module.d.ts +103 -85
  18. package/cssm/colors-bluetint.module.js +103 -85
  19. package/cssm/colors-indigo.css +26 -8
  20. package/cssm/colors-indigo.module.d.ts +26 -8
  21. package/cssm/colors-indigo.module.js +26 -8
  22. package/cssm/colors-monochrome.css +192 -0
  23. package/cssm/colors-x5.css +1 -0
  24. package/cssm/colors-x5.module.d.ts +1 -0
  25. package/cssm/colors-x5.module.js +1 -0
  26. package/cssm/index.css +103 -85
  27. package/cssm/index.d.ts +103 -85
  28. package/cssm/index.js +103 -85
  29. package/esm/colors-bluetint.module.d.ts +103 -85
  30. package/esm/colors-bluetint.module.js +103 -85
  31. package/esm/colors-indigo.module.d.ts +26 -8
  32. package/esm/colors-indigo.module.js +26 -8
  33. package/esm/colors-x5.module.d.ts +1 -0
  34. package/esm/colors-x5.module.js +1 -0
  35. package/esm/index.d.ts +103 -85
  36. package/esm/index.js +103 -85
  37. package/index.d.ts +103 -85
  38. package/index.js +103 -85
  39. package/modern/colors-bluetint.module.d.ts +103 -85
  40. package/modern/colors-bluetint.module.js +103 -85
  41. package/modern/colors-indigo.module.d.ts +26 -8
  42. package/modern/colors-indigo.module.js +26 -8
  43. package/modern/colors-x5.module.d.ts +1 -0
  44. package/modern/colors-x5.module.js +1 -0
  45. package/modern/index.d.ts +103 -85
  46. package/modern/index.js +103 -85
  47. package/moderncssm/bundle/click.css +103 -85
  48. package/moderncssm/bundle/corp.css +103 -85
  49. package/moderncssm/bundle/intranet.css +103 -85
  50. package/moderncssm/bundle/mobile.css +103 -85
  51. package/moderncssm/bundle/site.css +103 -85
  52. package/moderncssm/colors-bluetint.css +103 -85
  53. package/moderncssm/colors-bluetint.module.d.ts +103 -85
  54. package/moderncssm/colors-bluetint.module.js +103 -85
  55. package/moderncssm/colors-indigo.css +26 -8
  56. package/moderncssm/colors-indigo.module.d.ts +26 -8
  57. package/moderncssm/colors-indigo.module.js +26 -8
  58. package/moderncssm/colors-monochrome.css +192 -0
  59. package/moderncssm/colors-x5.css +1 -0
  60. package/moderncssm/colors-x5.module.d.ts +1 -0
  61. package/moderncssm/colors-x5.module.js +1 -0
  62. package/moderncssm/index.css +103 -85
  63. package/moderncssm/index.d.ts +103 -85
  64. package/moderncssm/index.js +103 -85
  65. package/package.json +1 -1
  66. package/src/colors-bluetint.css +103 -85
  67. package/src/colors-indigo.css +26 -8
  68. package/src/colors-monochrome.css +192 -0
  69. package/src/colors-x5.css +1 -0
package/colors-bluetint.css CHANGED
@@ -47,6 +47,12 @@
47
47
  --color-dark-neutral-100-inverted-hover: #e7e8eb;
48
48
  --color-dark-neutral-100-inverted-press: #dcdde1;
49
49
  --color-dark-neutral-100-press: #29292c;
50
+ --color-dark-neutral-1300: #f2f3f5;
51
+ --color-dark-neutral-1300-hover: #d2d3d9;
52
+ --color-dark-neutral-1300-inverted: #212124;
53
+ --color-dark-neutral-1300-inverted-hover: #3f3f45;
54
+ --color-dark-neutral-1300-inverted-press: #5f5f66;
55
+ --color-dark-neutral-1300-press: #babbc2;
50
56
  --color-dark-neutral-1500: #fff;
51
57
  --color-dark-neutral-1500-hover: #babbc2;
52
58
  --color-dark-neutral-1500-inverted: #121213;
@@ -98,8 +104,8 @@
98
104
  --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
99
105
  --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
100
106
  --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
101
- --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
102
- --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
107
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);
108
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);
103
109
  --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
104
110
  --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
105
111
  --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
@@ -305,6 +311,12 @@
305
311
  --color-light-neutral-100-inverted-hover: #212124;
306
312
  --color-light-neutral-100-inverted-press: #29292c;
307
313
  --color-light-neutral-100-press: #dcdde1;
314
+ --color-light-neutral-1300: #212124;
315
+ --color-light-neutral-1300-hover: #3f3f45;
316
+ --color-light-neutral-1300-inverted: #f2f3f5;
317
+ --color-light-neutral-1300-inverted-hover: #d2d3d9;
318
+ --color-light-neutral-1300-inverted-press: #babbc2;
319
+ --color-light-neutral-1300-press: #5f5f66;
308
320
  --color-light-neutral-1500: #121213;
309
321
  --color-light-neutral-1500-hover: #3f3f45;
310
322
  --color-light-neutral-1500-inverted: #fff;
@@ -354,11 +366,11 @@
354
366
  --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
355
367
  --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
356
368
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
357
- --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
369
+ --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
358
370
  --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
359
371
  --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
360
372
  --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
361
- --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
373
+ --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
362
374
  --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
363
375
  --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
364
376
  --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -527,7 +539,7 @@
527
539
  --color-static-accent-secondary-inverted-hover: #dcdde1;
528
540
  --color-static-accent-secondary-inverted-press: #d2d3d9;
529
541
  --color-static-accent-secondary-press: #353539;
530
- --color-static-bg-primary-dark: #0e0e0e;
542
+ --color-static-bg-primary-dark: #121213;
531
543
  --color-static-neutral-0: #fff;
532
544
  --color-static-neutral-0-hover: #e7e8eb;
533
545
  --color-static-neutral-0-inverted: #262629;
@@ -540,6 +552,12 @@
540
552
  --color-static-neutral-100-inverted-hover: #212124;
541
553
  --color-static-neutral-100-inverted-press: #29292c;
542
554
  --color-static-neutral-100-press: #dcdde1;
555
+ --color-static-neutral-1300: #212124;
556
+ --color-static-neutral-1300-hover: #3f3f45;
557
+ --color-static-neutral-1300-inverted: #f2f3f5;
558
+ --color-static-neutral-1300-inverted-hover: #d2d3d9;
559
+ --color-static-neutral-1300-inverted-press: #babbc2;
560
+ --color-static-neutral-1300-press: #5f5f66;
543
561
  --color-static-neutral-1500: #121213;
544
562
  --color-static-neutral-1500-hover: #3f3f45;
545
563
  --color-static-neutral-1500-inverted: #fff;
@@ -589,11 +607,11 @@
589
607
  --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
590
608
  --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
591
609
  --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
592
- --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
610
+ --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
593
611
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
594
612
  --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
595
613
  --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
596
- --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
614
+ --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
597
615
  --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
598
616
  --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
599
617
  --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -715,7 +733,7 @@
715
733
  --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
716
734
  --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
717
735
  --color-dark-bg-positive-muted: #232d25; /* deprecated */
718
- --color-dark-bg-primary: #0e0e0e; /* deprecated */
736
+ --color-dark-bg-primary: #121213; /* deprecated */
719
737
  --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
720
738
  --color-dark-bg-primary-inverted: #fff; /* deprecated */
721
739
  --color-dark-bg-quaternary: #36363a; /* deprecated */
@@ -744,8 +762,8 @@
744
762
  --color-dark-graphic-negative: #ff5431; /* deprecated */
745
763
  --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
746
764
  --color-dark-graphic-positive: #17d055; /* deprecated */
747
- --color-dark-graphic-primary: #fff; /* deprecated */
748
- --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
765
+ --color-dark-graphic-primary: #f1f1f1; /* deprecated */
766
+ --color-dark-graphic-primary-inverted: #212124; /* deprecated */
749
767
  --color-dark-graphic-quaternary: #27272a; /* deprecated */
750
768
  --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
751
769
  --color-dark-graphic-secondary: #898991; /* deprecated */
@@ -788,7 +806,7 @@
788
806
  --color-light-bg-positive-muted: #dff8e5; /* deprecated */
789
807
  --color-light-bg-primary: #fff; /* deprecated */
790
808
  --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
791
- --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
809
+ --color-light-bg-primary-inverted: #121213; /* deprecated */
792
810
  --color-light-bg-quaternary: #dcdee2; /* deprecated */
793
811
  --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
794
812
  --color-light-bg-secondary: #f2f3f5; /* deprecated */
@@ -815,8 +833,8 @@
815
833
  --color-light-graphic-negative: #ff5431; /* deprecated */
816
834
  --color-light-graphic-neutral: #dcdcdd; /* deprecated */
817
835
  --color-light-graphic-positive: #0cc44d; /* deprecated */
818
- --color-light-graphic-primary: #0e0e0e; /* deprecated */
819
- --color-light-graphic-primary-inverted: #fff; /* deprecated */
836
+ --color-light-graphic-primary: #212124; /* deprecated */
837
+ --color-light-graphic-primary-inverted: #f1f1f1; /* deprecated */
820
838
  --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
821
839
  --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
822
840
  --color-light-graphic-secondary: #898991; /* deprecated */
@@ -858,8 +876,8 @@
858
876
  --color-static-bg-tertiary-light: #edeef0; /* deprecated */
859
877
  --color-static-border-accent: #ef3124; /* deprecated */
860
878
  --color-static-graphic-accent: #ef3124; /* deprecated */
861
- --color-static-graphic-dark: #0e0e0e; /* deprecated */
862
- --color-static-graphic-light: #fff; /* deprecated */
879
+ --color-static-graphic-dark: #212124; /* deprecated */
880
+ --color-static-graphic-light: #f1f1f1; /* deprecated */
863
881
  --color-static-text-accent: #ef3124; /* deprecated */
864
882
  --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
865
883
  --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
@@ -915,10 +933,10 @@
915
933
  --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
916
934
  --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
917
935
  --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
918
- --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
919
- --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
920
- --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
921
- --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
936
+ --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
937
+ --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
938
+ --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54); /* deprecated */
939
+ --color-static-bg-primary-dark-tint-20: rgb(65, 65, 66); /* deprecated */
922
940
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
923
941
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
924
942
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
@@ -927,18 +945,18 @@
927
945
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
928
946
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
929
947
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
930
- --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
931
- --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
932
- --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
933
- --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
934
- --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
935
- --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
936
- --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
937
- --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
938
- --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
939
- --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
940
- --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
941
- --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
948
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
949
+ --color-dark-bg-primary-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
950
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
951
+ --color-dark-bg-primary-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
952
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
953
+ --color-dark-bg-primary-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
954
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
955
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
956
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 19, 0.37); /* deprecated */
957
+ --color-dark-bg-primary-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
958
+ --color-dark-bg-primary-tint-7: rgb(35, 35, 36); /* deprecated */
959
+ --color-dark-bg-primary-tint-15: rgb(54, 54, 54); /* deprecated */
942
960
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
943
961
  --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
944
962
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
@@ -1000,23 +1018,23 @@
1000
1018
  --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1001
1019
  --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1002
1020
  --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1003
- --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1004
- --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1005
- --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1006
- --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1007
- --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1008
- --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1009
- --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1010
- --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1011
- --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1012
- --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1013
- --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1014
- --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1015
- --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1016
- --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1017
- --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
1018
- --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1019
- --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
1021
+ --color-dark-graphic-primary-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
1022
+ --color-dark-graphic-primary-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
1023
+ --color-dark-graphic-primary-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
1024
+ --color-dark-graphic-primary-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
1025
+ --color-dark-graphic-primary-shade-15: rgb(205, 205, 205); /* deprecated */
1026
+ --color-dark-graphic-primary-shade-20: rgb(193, 193, 193); /* deprecated */
1027
+ --color-dark-graphic-primary-shade-30: rgb(169, 169, 169); /* deprecated */
1028
+ --color-dark-graphic-primary-tint-10: rgb(242, 242, 242); /* deprecated */
1029
+ --color-dark-graphic-primary-tint-30: rgb(245, 245, 245); /* deprecated */
1030
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
1031
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
1032
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
1033
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
1034
+ --color-dark-graphic-primary-inverted-tint-7: rgb(49, 49, 51); /* deprecated */
1035
+ --color-dark-graphic-primary-inverted-tint-10: rgb(55, 55, 58); /* deprecated */
1036
+ --color-dark-graphic-primary-inverted-tint-15: rgb(66, 66, 69); /* deprecated */
1037
+ --color-dark-graphic-primary-inverted-tint-30: rgb(100, 100, 102); /* deprecated */
1020
1038
  --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1021
1039
  --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1022
1040
  --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
@@ -1076,24 +1094,24 @@
1076
1094
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1077
1095
  --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1078
1096
  --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1079
- --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
1080
- --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1081
- --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
1082
- --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
1083
- --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1084
- --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1085
- --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1086
- --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1087
- --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1088
- --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1089
- --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
1090
- --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1091
- --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1092
- --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1093
- --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1094
- --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1095
- --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1096
- --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
1097
+ --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 19, 0.03); /* deprecated */
1098
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
1099
+ --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 19, 0.05); /* deprecated */
1100
+ --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 19, 0.07); /* deprecated */
1101
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
1102
+ --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
1103
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
1104
+ --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
1105
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
1106
+ --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1107
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 19, 0.24); /* deprecated */
1108
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
1109
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
1110
+ --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
1111
+ --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 19, 0.5); /* deprecated */
1112
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 36); /* deprecated */
1113
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54); /* deprecated */
1114
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 66); /* deprecated */
1097
1115
  --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1098
1116
  --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1099
1117
  --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
@@ -1137,23 +1155,23 @@
1137
1155
  --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1138
1156
  --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1139
1157
  --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1140
- --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1141
- --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1142
- --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1143
- --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1144
- --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1145
- --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
1146
- --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
1147
- --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
1148
- --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
1149
- --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1150
- --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1151
- --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1152
- --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1153
- --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1154
- --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1155
- --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1156
- --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1158
+ --color-light-graphic-primary-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
1159
+ --color-light-graphic-primary-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
1160
+ --color-light-graphic-primary-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
1161
+ --color-light-graphic-primary-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
1162
+ --color-light-graphic-primary-tint-15: rgb(66, 66, 69); /* deprecated */
1163
+ --color-light-graphic-primary-tint-20: rgb(77, 77, 80); /* deprecated */
1164
+ --color-light-graphic-primary-tint-30: rgb(100, 100, 102); /* deprecated */
1165
+ --color-light-graphic-primary-shade-10: rgb(30, 30, 32); /* deprecated */
1166
+ --color-light-graphic-primary-shade-30: rgb(23, 23, 25); /* deprecated */
1167
+ --color-light-graphic-primary-inverted-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
1168
+ --color-light-graphic-primary-inverted-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
1169
+ --color-light-graphic-primary-inverted-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
1170
+ --color-light-graphic-primary-inverted-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
1171
+ --color-light-graphic-primary-inverted-shade-7: rgb(224, 224, 224); /* deprecated */
1172
+ --color-light-graphic-primary-inverted-shade-10: rgb(217, 217, 217); /* deprecated */
1173
+ --color-light-graphic-primary-inverted-shade-15: rgb(205, 205, 205); /* deprecated */
1174
+ --color-light-graphic-primary-inverted-shade-30: rgb(169, 169, 169); /* deprecated */
1157
1175
  --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1158
1176
  --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1159
1177
  --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
@@ -1194,6 +1212,6 @@
1194
1212
  --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1195
1213
  --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1196
1214
  --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1197
- --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1198
- --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1215
+ --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */
1216
+ --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */
1199
1217
  }