@alfalab/core-components-vars 9.14.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 (73) hide show
  1. package/border-radius.css +1 -0
  2. package/colors-bluetint.css +103 -85
  3. package/colors-bluetint.module.d.ts +103 -85
  4. package/colors-bluetint.module.js +103 -85
  5. package/colors-indigo.css +26 -8
  6. package/colors-indigo.module.d.ts +26 -8
  7. package/colors-indigo.module.js +26 -8
  8. package/colors-monochrome.css +192 -0
  9. package/colors-x5.css +1 -0
  10. package/colors-x5.module.d.ts +1 -0
  11. package/colors-x5.module.js +1 -0
  12. package/cssm/border-radius.css +1 -0
  13. package/cssm/bundle/click.css +104 -85
  14. package/cssm/bundle/corp.css +104 -85
  15. package/cssm/bundle/intranet.css +104 -85
  16. package/cssm/bundle/mobile.css +104 -85
  17. package/cssm/bundle/site.css +104 -85
  18. package/cssm/colors-bluetint.css +103 -85
  19. package/cssm/colors-bluetint.module.d.ts +103 -85
  20. package/cssm/colors-bluetint.module.js +103 -85
  21. package/cssm/colors-indigo.css +26 -8
  22. package/cssm/colors-indigo.module.d.ts +26 -8
  23. package/cssm/colors-indigo.module.js +26 -8
  24. package/cssm/colors-monochrome.css +192 -0
  25. package/cssm/colors-x5.css +1 -0
  26. package/cssm/colors-x5.module.d.ts +1 -0
  27. package/cssm/colors-x5.module.js +1 -0
  28. package/cssm/index.css +104 -85
  29. package/cssm/index.d.ts +104 -85
  30. package/cssm/index.js +104 -85
  31. package/esm/colors-bluetint.module.d.ts +103 -85
  32. package/esm/colors-bluetint.module.js +103 -85
  33. package/esm/colors-indigo.module.d.ts +26 -8
  34. package/esm/colors-indigo.module.js +26 -8
  35. package/esm/colors-x5.module.d.ts +1 -0
  36. package/esm/colors-x5.module.js +1 -0
  37. package/esm/index.d.ts +104 -85
  38. package/esm/index.js +104 -85
  39. package/index.d.ts +104 -85
  40. package/index.js +104 -85
  41. package/modern/colors-bluetint.module.d.ts +103 -85
  42. package/modern/colors-bluetint.module.js +103 -85
  43. package/modern/colors-indigo.module.d.ts +26 -8
  44. package/modern/colors-indigo.module.js +26 -8
  45. package/modern/colors-x5.module.d.ts +1 -0
  46. package/modern/colors-x5.module.js +1 -0
  47. package/modern/index.d.ts +104 -85
  48. package/modern/index.js +104 -85
  49. package/moderncssm/border-radius.css +1 -0
  50. package/moderncssm/bundle/click.css +104 -85
  51. package/moderncssm/bundle/corp.css +104 -85
  52. package/moderncssm/bundle/intranet.css +104 -85
  53. package/moderncssm/bundle/mobile.css +104 -85
  54. package/moderncssm/bundle/site.css +104 -85
  55. package/moderncssm/colors-bluetint.css +103 -85
  56. package/moderncssm/colors-bluetint.module.d.ts +103 -85
  57. package/moderncssm/colors-bluetint.module.js +103 -85
  58. package/moderncssm/colors-indigo.css +26 -8
  59. package/moderncssm/colors-indigo.module.d.ts +26 -8
  60. package/moderncssm/colors-indigo.module.js +26 -8
  61. package/moderncssm/colors-monochrome.css +192 -0
  62. package/moderncssm/colors-x5.css +1 -0
  63. package/moderncssm/colors-x5.module.d.ts +1 -0
  64. package/moderncssm/colors-x5.module.js +1 -0
  65. package/moderncssm/index.css +104 -85
  66. package/moderncssm/index.d.ts +104 -85
  67. package/moderncssm/index.js +104 -85
  68. package/package.json +1 -1
  69. package/src/border-radius.css +1 -0
  70. package/src/colors-bluetint.css +103 -85
  71. package/src/colors-indigo.css +26 -8
  72. package/src/colors-monochrome.css +192 -0
  73. package/src/colors-x5.css +1 -0
package/moderncssm/index.d.ts CHANGED
@@ -115,6 +115,12 @@ export const colorDarkNeutral100Inverted: "#f2f3f5";
115
115
  export const colorDarkNeutral100InvertedHover: "#e7e8eb";
116
116
  export const colorDarkNeutral100InvertedPress: "#dcdde1";
117
117
  export const colorDarkNeutral100Press: "#29292c";
118
+ export const colorDarkNeutral1300: "#f2f3f5";
119
+ export const colorDarkNeutral1300Hover: "#d2d3d9";
120
+ export const colorDarkNeutral1300Inverted: "#212124";
121
+ export const colorDarkNeutral1300InvertedHover: "#3f3f45";
122
+ export const colorDarkNeutral1300InvertedPress: "#5f5f66";
123
+ export const colorDarkNeutral1300Press: "#babbc2";
118
124
  export const colorDarkNeutral1500: "#fff";
119
125
  export const colorDarkNeutral1500Hover: "#babbc2";
120
126
  export const colorDarkNeutral1500Inverted: "#121213";
@@ -166,8 +172,8 @@ export const colorDarkNeutralTranslucent100Press: "rgba(222, 222, 238, 0.13)";
166
172
  export const colorDarkNeutralTranslucent1300: "rgba(255, 255, 255, 0.94)";
167
173
  export const colorDarkNeutralTranslucent1300Hover: "rgba(255, 255, 255, 0.7)";
168
174
  export const colorDarkNeutralTranslucent1300Inverted: "rgba(3, 3, 6, 0.88)";
169
- export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(3, 3, 8, 0.8)";
170
- export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(0, 0, 10, 0.71)";
175
+ export const colorDarkNeutralTranslucent1300InvertedHover: "rgba(2, 2, 10, 0.76)";
176
+ export const colorDarkNeutralTranslucent1300InvertedPress: "rgba(1, 1, 12, 0.63)";
171
177
  export const colorDarkNeutralTranslucent1300Press: "rgba(255, 255, 255, 0.6)";
172
178
  export const colorDarkNeutralTranslucent1500Hover: "rgba(243, 245, 254, 0.75)";
173
179
  export const colorDarkNeutralTranslucent1500InvertedHover: "rgba(2, 2, 10, 0.76)";
@@ -373,6 +379,12 @@ export const colorLightNeutral100Inverted: "#1c1c1e";
373
379
  export const colorLightNeutral100InvertedHover: "#212124";
374
380
  export const colorLightNeutral100InvertedPress: "#29292c";
375
381
  export const colorLightNeutral100Press: "#dcdde1";
382
+ export const colorLightNeutral1300: "#212124";
383
+ export const colorLightNeutral1300Hover: "#3f3f45";
384
+ export const colorLightNeutral1300Inverted: "#f2f3f5";
385
+ export const colorLightNeutral1300InvertedHover: "#d2d3d9";
386
+ export const colorLightNeutral1300InvertedPress: "#babbc2";
387
+ export const colorLightNeutral1300Press: "#5f5f66";
376
388
  export const colorLightNeutral1500: "#121213";
377
389
  export const colorLightNeutral1500Hover: "#3f3f45";
378
390
  export const colorLightNeutral1500Inverted: "#fff";
@@ -422,11 +434,11 @@ export const colorLightNeutralTranslucent100InvertedHover: "rgba(222, 222, 238,
422
434
  export const colorLightNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
423
435
  export const colorLightNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
424
436
  export const colorLightNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
425
- export const colorLightNeutralTranslucent1300Hover: "rgba(3, 3, 8, 0.8)";
437
+ export const colorLightNeutralTranslucent1300Hover: "rgba(2, 2, 10, 0.76)";
426
438
  export const colorLightNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
427
439
  export const colorLightNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
428
440
  export const colorLightNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
429
- export const colorLightNeutralTranslucent1300Press: "rgba(0, 0, 10, 0.71)";
441
+ export const colorLightNeutralTranslucent1300Press: "rgba(1, 1, 12, 0.63)";
430
442
  export const colorLightNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
431
443
  export const colorLightNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
432
444
  export const colorLightNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
@@ -595,7 +607,7 @@ export const colorStaticAccentSecondaryInverted: "#f2f3f5";
595
607
  export const colorStaticAccentSecondaryInvertedHover: "#dcdde1";
596
608
  export const colorStaticAccentSecondaryInvertedPress: "#d2d3d9";
597
609
  export const colorStaticAccentSecondaryPress: "#353539";
598
- export const colorStaticBgPrimaryDark: "#0e0e0e";
610
+ export const colorStaticBgPrimaryDark: "#121213";
599
611
  export const colorStaticNeutral0: "#fff";
600
612
  export const colorStaticNeutral0Hover: "#e7e8eb";
601
613
  export const colorStaticNeutral0Inverted: "#262629";
@@ -608,6 +620,12 @@ export const colorStaticNeutral100Inverted: "#1c1c1e";
608
620
  export const colorStaticNeutral100InvertedHover: "#212124";
609
621
  export const colorStaticNeutral100InvertedPress: "#29292c";
610
622
  export const colorStaticNeutral100Press: "#dcdde1";
623
+ export const colorStaticNeutral1300: "#212124";
624
+ export const colorStaticNeutral1300Hover: "#3f3f45";
625
+ export const colorStaticNeutral1300Inverted: "#f2f3f5";
626
+ export const colorStaticNeutral1300InvertedHover: "#d2d3d9";
627
+ export const colorStaticNeutral1300InvertedPress: "#babbc2";
628
+ export const colorStaticNeutral1300Press: "#5f5f66";
611
629
  export const colorStaticNeutral1500: "#121213";
612
630
  export const colorStaticNeutral1500Hover: "#3f3f45";
613
631
  export const colorStaticNeutral1500Inverted: "#fff";
@@ -657,11 +675,11 @@ export const colorStaticNeutralTranslucent100InvertedHover: "rgba(222, 222, 238,
657
675
  export const colorStaticNeutralTranslucent100InvertedPress: "rgba(234, 234, 248, 0.15)";
658
676
  export const colorStaticNeutralTranslucent100Press: "rgba(5, 12, 41, 0.14)";
659
677
  export const colorStaticNeutralTranslucent1300: "rgba(3, 3, 6, 0.88)";
660
- export const colorStaticNeutralTranslucent1300Hover: "rgba(3, 3, 8, 0.8)";
678
+ export const colorStaticNeutralTranslucent1300Hover: "rgba(2, 2, 10, 0.76)";
661
679
  export const colorStaticNeutralTranslucent1300Inverted: "rgba(255, 255, 255, 0.94)";
662
680
  export const colorStaticNeutralTranslucent1300InvertedHover: "rgba(255, 255, 255, 0.7)";
663
681
  export const colorStaticNeutralTranslucent1300InvertedPress: "rgba(255, 255, 255, 0.6)";
664
- export const colorStaticNeutralTranslucent1300Press: "rgba(0, 0, 10, 0.71)";
682
+ export const colorStaticNeutralTranslucent1300Press: "rgba(1, 1, 12, 0.63)";
665
683
  export const colorStaticNeutralTranslucent1500Hover: "rgba(2, 2, 10, 0.76)";
666
684
  export const colorStaticNeutralTranslucent1500InvertedHover: "rgba(243, 245, 254, 0.75)";
667
685
  export const colorStaticNeutralTranslucent1500InvertedPress: "rgba(239, 240, 252, 0.65)";
@@ -783,7 +801,7 @@ export const colorDarkBgNulled: "rgba(0, 0, 0, 0)";
783
801
  export const colorDarkBgOpaque: "rgba(255, 255, 255, 0.8)";
784
802
  export const colorDarkBgOverlay: "rgba(0, 0, 0, 0.8)";
785
803
  export const colorDarkBgPositiveMuted: "#232d25";
786
- export const colorDarkBgPrimary: "#0e0e0e";
804
+ export const colorDarkBgPrimary: "#121213";
787
805
  export const colorDarkBgPrimaryGrouped: "#1a1a1d";
788
806
  export const colorDarkBgPrimaryInverted: "#fff";
789
807
  export const colorDarkBgQuaternary: "#36363a";
@@ -812,8 +830,8 @@ export const colorDarkGraphicLink: "#3193fc";
812
830
  export const colorDarkGraphicNegative: "#ff5431";
813
831
  export const colorDarkGraphicNeutral: "#2a2a2c";
814
832
  export const colorDarkGraphicPositive: "#17d055";
815
- export const colorDarkGraphicPrimary: "#fff";
816
- export const colorDarkGraphicPrimaryInverted: "#0e0e0e";
833
+ export const colorDarkGraphicPrimary: "#f1f1f1";
834
+ export const colorDarkGraphicPrimaryInverted: "#212124";
817
835
  export const colorDarkGraphicQuaternary: "#27272a";
818
836
  export const colorDarkGraphicQuaternaryInverted: "#e7e8ec";
819
837
  export const colorDarkGraphicSecondary: "#898991";
@@ -856,7 +874,7 @@ export const colorLightBgOverlay: "rgba(0, 0, 0, 0.65)";
856
874
  export const colorLightBgPositiveMuted: "#dff8e5";
857
875
  export const colorLightBgPrimary: "#fff";
858
876
  export const colorLightBgPrimaryGrouped: "#f2f2f6";
859
- export const colorLightBgPrimaryInverted: "#0e0e0e";
877
+ export const colorLightBgPrimaryInverted: "#121213";
860
878
  export const colorLightBgQuaternary: "#dcdee2";
861
879
  export const colorLightBgQuaternaryInverted: "#36363a";
862
880
  export const colorLightBgSecondary: "#f2f3f5";
@@ -883,8 +901,8 @@ export const colorLightGraphicLink: "#2288fa";
883
901
  export const colorLightGraphicNegative: "#ff5431";
884
902
  export const colorLightGraphicNeutral: "#dcdcdd";
885
903
  export const colorLightGraphicPositive: "#0cc44d";
886
- export const colorLightGraphicPrimary: "#0e0e0e";
887
- export const colorLightGraphicPrimaryInverted: "#fff";
904
+ export const colorLightGraphicPrimary: "#212124";
905
+ export const colorLightGraphicPrimaryInverted: "#f1f1f1";
888
906
  export const colorLightGraphicQuaternary: "#e7e8ec";
889
907
  export const colorLightGraphicQuaternaryInverted: "#27272a";
890
908
  export const colorLightGraphicSecondary: "#898991";
@@ -926,8 +944,8 @@ export const colorStaticBgTertiaryDark: "#27272a";
926
944
  export const colorStaticBgTertiaryLight: "#edeef0";
927
945
  export const colorStaticBorderAccent: "#ef3124";
928
946
  export const colorStaticGraphicAccent: "#ef3124";
929
- export const colorStaticGraphicDark: "#0e0e0e";
930
- export const colorStaticGraphicLight: "#fff";
947
+ export const colorStaticGraphicDark: "#212124";
948
+ export const colorStaticGraphicLight: "#f1f1f1";
931
949
  export const colorStaticTextAccent: "#ef3124";
932
950
  export const colorStaticTextSecondaryDarkTransparent: "rgba(3, 3, 16, 0.56)";
933
951
  export const colorStaticTextSecondaryLightTransparent: "rgba(235, 235, 245, 0.6)";
@@ -983,10 +1001,10 @@ export const colorLightTextSecondaryShade20: "rgba(3, 3, 15, 0.64)";
983
1001
  export const colorLightTextSecondaryShade40: "rgba(2, 2, 11, 0.73)";
984
1002
  export const colorLightTextSecondaryInvertedTint20: "rgba(241, 241, 252, 0.64)";
985
1003
  export const colorLightTextSecondaryInvertedTint30: "rgba(243, 243, 252, 0.685)";
986
- export const colorStaticBgPrimaryDarkAlpha10: "rgba(14, 14, 14, 0.1)";
987
- export const colorStaticBgPrimaryDarkAlpha20: "rgba(14, 14, 14, 0.2)";
988
- export const colorStaticBgPrimaryDarkTint15: "rgb(50, 50, 50)";
989
- export const colorStaticBgPrimaryDarkTint20: "rgb(62, 62, 62)";
1004
+ export const colorStaticBgPrimaryDarkAlpha10: "rgba(18, 18, 19, 0.1)";
1005
+ export const colorStaticBgPrimaryDarkAlpha20: "rgba(18, 18, 19, 0.2)";
1006
+ export const colorStaticBgPrimaryDarkTint15: "rgb(54, 54, 54)";
1007
+ export const colorStaticBgPrimaryDarkTint20: "rgb(65, 65, 66)";
990
1008
  export const colorStaticTextPrimaryLightAlpha30: "rgba(255, 255, 255, 0.3)";
991
1009
  export const colorDarkBgAccentAlpha30: "rgba(239, 49, 36, 0.3)";
992
1010
  export const colorDarkBgAccentShade15: "rgb(203, 42, 31)";
@@ -995,18 +1013,18 @@ export const colorDarkBgAccentTint7: "rgb(240, 63, 51)";
995
1013
  export const colorDarkBgAccentTint10: "rgb(241, 70, 58)";
996
1014
  export const colorDarkBgAccentTint15: "rgb(241, 80, 69)";
997
1015
  export const colorDarkBgAccentTint30: "rgb(244, 111, 102)";
998
- export const colorDarkBgPrimaryAlpha4: "rgba(14, 14, 14, 0.04)";
999
- export const colorDarkBgPrimaryAlpha8: "rgba(14, 14, 14, 0.08)";
1000
- export const colorDarkBgPrimaryAlpha12: "rgba(14, 14, 14, 0.12)";
1001
- export const colorDarkBgPrimaryAlpha15: "rgba(14, 14, 14, 0.15)";
1002
- export const colorDarkBgPrimaryAlpha16: "rgba(14, 14, 14, 0.16)";
1003
- export const colorDarkBgPrimaryAlpha20: "rgba(14, 14, 14, 0.2)";
1004
- export const colorDarkBgPrimaryAlpha30: "rgba(14, 14, 14, 0.3)";
1005
- export const colorDarkBgPrimaryAlpha32: "rgba(14, 14, 14, 0.32)";
1006
- export const colorDarkBgPrimaryAlpha37: "rgba(14, 14, 14, 0.37)";
1007
- export const colorDarkBgPrimaryAlpha40: "rgba(14, 14, 14, 0.4)";
1008
- export const colorDarkBgPrimaryTint7: "rgb(31, 31, 31)";
1009
- export const colorDarkBgPrimaryTint15: "rgb(50, 50, 50)";
1016
+ export const colorDarkBgPrimaryAlpha4: "rgba(18, 18, 19, 0.04)";
1017
+ export const colorDarkBgPrimaryAlpha8: "rgba(18, 18, 19, 0.08)";
1018
+ export const colorDarkBgPrimaryAlpha12: "rgba(18, 18, 19, 0.12)";
1019
+ export const colorDarkBgPrimaryAlpha15: "rgba(18, 18, 19, 0.15)";
1020
+ export const colorDarkBgPrimaryAlpha16: "rgba(18, 18, 19, 0.16)";
1021
+ export const colorDarkBgPrimaryAlpha20: "rgba(18, 18, 19, 0.2)";
1022
+ export const colorDarkBgPrimaryAlpha30: "rgba(18, 18, 19, 0.3)";
1023
+ export const colorDarkBgPrimaryAlpha32: "rgba(18, 18, 19, 0.32)";
1024
+ export const colorDarkBgPrimaryAlpha37: "rgba(18, 18, 19, 0.37)";
1025
+ export const colorDarkBgPrimaryAlpha40: "rgba(18, 18, 19, 0.4)";
1026
+ export const colorDarkBgPrimaryTint7: "rgb(35, 35, 36)";
1027
+ export const colorDarkBgPrimaryTint15: "rgb(54, 54, 54)";
1010
1028
  export const colorDarkBgPrimaryInvertedAlpha3: "rgba(255, 255, 255, 0.03)";
1011
1029
  export const colorDarkBgPrimaryInvertedAlpha4: "rgba(255, 255, 255, 0.04)";
1012
1030
  export const colorDarkBgPrimaryInvertedAlpha5: "rgba(255, 255, 255, 0.05)";
@@ -1068,23 +1086,23 @@ export const colorDarkGraphicNegativeTint30: "rgb(255, 135, 111)";
1068
1086
  export const colorDarkGraphicPositiveAlpha10: "rgba(23, 208, 85, 0.1)";
1069
1087
  export const colorDarkGraphicPositiveTint10: "rgb(46, 213, 102)";
1070
1088
  export const colorDarkGraphicPositiveTint30: "rgb(93, 222, 136)";
1071
- export const colorDarkGraphicPrimaryAlpha30: "rgba(255, 255, 255, 0.3)";
1072
- export const colorDarkGraphicPrimaryAlpha40: "rgba(255, 255, 255, 0.4)";
1073
- export const colorDarkGraphicPrimaryAlpha50: "rgba(255, 255, 255, 0.5)";
1074
- export const colorDarkGraphicPrimaryAlpha60: "rgba(255, 255, 255, 0.6)";
1075
- export const colorDarkGraphicPrimaryShade15: "rgb(217, 217, 217)";
1076
- export const colorDarkGraphicPrimaryShade20: "rgb(204, 204, 204)";
1077
- export const colorDarkGraphicPrimaryShade30: "rgb(179, 179, 179)";
1078
- export const colorDarkGraphicPrimaryTint10: "rgb(255, 255, 255)";
1079
- export const colorDarkGraphicPrimaryTint30: "rgb(255, 255, 255)";
1080
- export const colorDarkGraphicPrimaryInvertedAlpha30: "rgba(14, 14, 14, 0.3)";
1081
- export const colorDarkGraphicPrimaryInvertedAlpha40: "rgba(14, 14, 14, 0.4)";
1082
- export const colorDarkGraphicPrimaryInvertedAlpha50: "rgba(14, 14, 14, 0.5)";
1083
- export const colorDarkGraphicPrimaryInvertedAlpha60: "rgba(14, 14, 14, 0.6)";
1084
- export const colorDarkGraphicPrimaryInvertedTint7: "rgb(31, 31, 31)";
1085
- export const colorDarkGraphicPrimaryInvertedTint10: "rgb(38, 38, 38)";
1086
- export const colorDarkGraphicPrimaryInvertedTint15: "rgb(50, 50, 50)";
1087
- export const colorDarkGraphicPrimaryInvertedTint30: "rgb(86, 86, 86)";
1089
+ export const colorDarkGraphicPrimaryAlpha30: "rgba(241, 241, 241, 0.3)";
1090
+ export const colorDarkGraphicPrimaryAlpha40: "rgba(241, 241, 241, 0.4)";
1091
+ export const colorDarkGraphicPrimaryAlpha50: "rgba(241, 241, 241, 0.5)";
1092
+ export const colorDarkGraphicPrimaryAlpha60: "rgba(241, 241, 241, 0.6)";
1093
+ export const colorDarkGraphicPrimaryShade15: "rgb(205, 205, 205)";
1094
+ export const colorDarkGraphicPrimaryShade20: "rgb(193, 193, 193)";
1095
+ export const colorDarkGraphicPrimaryShade30: "rgb(169, 169, 169)";
1096
+ export const colorDarkGraphicPrimaryTint10: "rgb(242, 242, 242)";
1097
+ export const colorDarkGraphicPrimaryTint30: "rgb(245, 245, 245)";
1098
+ export const colorDarkGraphicPrimaryInvertedAlpha30: "rgba(33, 33, 36, 0.3)";
1099
+ export const colorDarkGraphicPrimaryInvertedAlpha40: "rgba(33, 33, 36, 0.4)";
1100
+ export const colorDarkGraphicPrimaryInvertedAlpha50: "rgba(33, 33, 36, 0.5)";
1101
+ export const colorDarkGraphicPrimaryInvertedAlpha60: "rgba(33, 33, 36, 0.6)";
1102
+ export const colorDarkGraphicPrimaryInvertedTint7: "rgb(49, 49, 51)";
1103
+ export const colorDarkGraphicPrimaryInvertedTint10: "rgb(55, 55, 58)";
1104
+ export const colorDarkGraphicPrimaryInvertedTint15: "rgb(66, 66, 69)";
1105
+ export const colorDarkGraphicPrimaryInvertedTint30: "rgb(100, 100, 102)";
1088
1106
  export const colorDarkGraphicQuaternaryTint10: "rgb(61, 61, 63)";
1089
1107
  export const colorDarkGraphicSecondaryAlpha30: "rgba(137, 137, 145, 0.3)";
1090
1108
  export const colorDarkGraphicSecondaryTint30: "rgb(172, 172, 178)";
@@ -1144,24 +1162,24 @@ export const colorLightBgPrimaryAlpha37: "rgba(255, 255, 255, 0.37)";
1144
1162
  export const colorLightBgPrimaryAlpha40: "rgba(255, 255, 255, 0.4)";
1145
1163
  export const colorLightBgPrimaryShade7: "rgb(237, 237, 237)";
1146
1164
  export const colorLightBgPrimaryShade15: "rgb(217, 217, 217)";
1147
- export const colorLightBgPrimaryInvertedAlpha3: "rgba(14, 14, 14, 0.03)";
1148
- export const colorLightBgPrimaryInvertedAlpha4: "rgba(14, 14, 14, 0.04)";
1149
- export const colorLightBgPrimaryInvertedAlpha5: "rgba(14, 14, 14, 0.05)";
1150
- export const colorLightBgPrimaryInvertedAlpha7: "rgba(14, 14, 14, 0.07)";
1151
- export const colorLightBgPrimaryInvertedAlpha8: "rgba(14, 14, 14, 0.08)";
1152
- export const colorLightBgPrimaryInvertedAlpha10: "rgba(14, 14, 14, 0.1)";
1153
- export const colorLightBgPrimaryInvertedAlpha12: "rgba(14, 14, 14, 0.12)";
1154
- export const colorLightBgPrimaryInvertedAlpha15: "rgba(14, 14, 14, 0.15)";
1155
- export const colorLightBgPrimaryInvertedAlpha16: "rgba(14, 14, 14, 0.16)";
1156
- export const colorLightBgPrimaryInvertedAlpha20: "rgba(14, 14, 14, 0.2)";
1157
- export const colorLightBgPrimaryInvertedAlpha24: "rgba(14, 14, 14, 0.24)";
1158
- export const colorLightBgPrimaryInvertedAlpha30: "rgba(14, 14, 14, 0.3)";
1159
- export const colorLightBgPrimaryInvertedAlpha32: "rgba(14, 14, 14, 0.32)";
1160
- export const colorLightBgPrimaryInvertedAlpha40: "rgba(14, 14, 14, 0.4)";
1161
- export const colorLightBgPrimaryInvertedAlpha50: "rgba(14, 14, 14, 0.5)";
1162
- export const colorLightBgPrimaryInvertedTint7: "rgb(31, 31, 31)";
1163
- export const colorLightBgPrimaryInvertedTint15: "rgb(50, 50, 50)";
1164
- export const colorLightBgPrimaryInvertedTint20: "rgb(62, 62, 62)";
1165
+ export const colorLightBgPrimaryInvertedAlpha3: "rgba(18, 18, 19, 0.03)";
1166
+ export const colorLightBgPrimaryInvertedAlpha4: "rgba(18, 18, 19, 0.04)";
1167
+ export const colorLightBgPrimaryInvertedAlpha5: "rgba(18, 18, 19, 0.05)";
1168
+ export const colorLightBgPrimaryInvertedAlpha7: "rgba(18, 18, 19, 0.07)";
1169
+ export const colorLightBgPrimaryInvertedAlpha8: "rgba(18, 18, 19, 0.08)";
1170
+ export const colorLightBgPrimaryInvertedAlpha10: "rgba(18, 18, 19, 0.1)";
1171
+ export const colorLightBgPrimaryInvertedAlpha12: "rgba(18, 18, 19, 0.12)";
1172
+ export const colorLightBgPrimaryInvertedAlpha15: "rgba(18, 18, 19, 0.15)";
1173
+ export const colorLightBgPrimaryInvertedAlpha16: "rgba(18, 18, 19, 0.16)";
1174
+ export const colorLightBgPrimaryInvertedAlpha20: "rgba(18, 18, 19, 0.2)";
1175
+ export const colorLightBgPrimaryInvertedAlpha24: "rgba(18, 18, 19, 0.24)";
1176
+ export const colorLightBgPrimaryInvertedAlpha30: "rgba(18, 18, 19, 0.3)";
1177
+ export const colorLightBgPrimaryInvertedAlpha32: "rgba(18, 18, 19, 0.32)";
1178
+ export const colorLightBgPrimaryInvertedAlpha40: "rgba(18, 18, 19, 0.4)";
1179
+ export const colorLightBgPrimaryInvertedAlpha50: "rgba(18, 18, 19, 0.5)";
1180
+ export const colorLightBgPrimaryInvertedTint7: "rgb(35, 35, 36)";
1181
+ export const colorLightBgPrimaryInvertedTint15: "rgb(54, 54, 54)";
1182
+ export const colorLightBgPrimaryInvertedTint20: "rgb(65, 65, 66)";
1165
1183
  export const colorLightBgQuaternaryAlpha30: "rgba(220, 222, 226, 0.3)";
1166
1184
  export const colorLightBgQuaternaryShade7: "rgb(205, 206, 210)";
1167
1185
  export const colorLightBgQuaternaryShade10: "rgb(198, 200, 203)";
@@ -1205,23 +1223,23 @@ export const colorLightGraphicNegativeShade30: "rgb(179, 59, 34)";
1205
1223
  export const colorLightGraphicPositiveAlpha10: "rgba(12, 196, 77, 0.1)";
1206
1224
  export const colorLightGraphicPositiveShade10: "rgb(11, 176, 69)";
1207
1225
  export const colorLightGraphicPositiveShade30: "rgb(8, 137, 54)";
1208
- export const colorLightGraphicPrimaryAlpha30: "rgba(14, 14, 14, 0.3)";
1209
- export const colorLightGraphicPrimaryAlpha40: "rgba(14, 14, 14, 0.4)";
1210
- export const colorLightGraphicPrimaryAlpha50: "rgba(14, 14, 14, 0.5)";
1211
- export const colorLightGraphicPrimaryAlpha60: "rgba(14, 14, 14, 0.6)";
1212
- export const colorLightGraphicPrimaryTint15: "rgb(50, 50, 50)";
1213
- export const colorLightGraphicPrimaryTint20: "rgb(62, 62, 62)";
1214
- export const colorLightGraphicPrimaryTint30: "rgb(86, 86, 86)";
1215
- export const colorLightGraphicPrimaryShade10: "rgb(13, 13, 13)";
1216
- export const colorLightGraphicPrimaryShade30: "rgb(10, 10, 10)";
1217
- export const colorLightGraphicPrimaryInvertedAlpha30: "rgba(255, 255, 255, 0.3)";
1218
- export const colorLightGraphicPrimaryInvertedAlpha40: "rgba(255, 255, 255, 0.4)";
1219
- export const colorLightGraphicPrimaryInvertedAlpha50: "rgba(255, 255, 255, 0.5)";
1220
- export const colorLightGraphicPrimaryInvertedAlpha60: "rgba(255, 255, 255, 0.6)";
1221
- export const colorLightGraphicPrimaryInvertedShade7: "rgb(237, 237, 237)";
1222
- export const colorLightGraphicPrimaryInvertedShade10: "rgb(230, 230, 230)";
1223
- export const colorLightGraphicPrimaryInvertedShade15: "rgb(217, 217, 217)";
1224
- export const colorLightGraphicPrimaryInvertedShade30: "rgb(179, 179, 179)";
1226
+ export const colorLightGraphicPrimaryAlpha30: "rgba(33, 33, 36, 0.3)";
1227
+ export const colorLightGraphicPrimaryAlpha40: "rgba(33, 33, 36, 0.4)";
1228
+ export const colorLightGraphicPrimaryAlpha50: "rgba(33, 33, 36, 0.5)";
1229
+ export const colorLightGraphicPrimaryAlpha60: "rgba(33, 33, 36, 0.6)";
1230
+ export const colorLightGraphicPrimaryTint15: "rgb(66, 66, 69)";
1231
+ export const colorLightGraphicPrimaryTint20: "rgb(77, 77, 80)";
1232
+ export const colorLightGraphicPrimaryTint30: "rgb(100, 100, 102)";
1233
+ export const colorLightGraphicPrimaryShade10: "rgb(30, 30, 32)";
1234
+ export const colorLightGraphicPrimaryShade30: "rgb(23, 23, 25)";
1235
+ export const colorLightGraphicPrimaryInvertedAlpha30: "rgba(241, 241, 241, 0.3)";
1236
+ export const colorLightGraphicPrimaryInvertedAlpha40: "rgba(241, 241, 241, 0.4)";
1237
+ export const colorLightGraphicPrimaryInvertedAlpha50: "rgba(241, 241, 241, 0.5)";
1238
+ export const colorLightGraphicPrimaryInvertedAlpha60: "rgba(241, 241, 241, 0.6)";
1239
+ export const colorLightGraphicPrimaryInvertedShade7: "rgb(224, 224, 224)";
1240
+ export const colorLightGraphicPrimaryInvertedShade10: "rgb(217, 217, 217)";
1241
+ export const colorLightGraphicPrimaryInvertedShade15: "rgb(205, 205, 205)";
1242
+ export const colorLightGraphicPrimaryInvertedShade30: "rgb(169, 169, 169)";
1225
1243
  export const colorLightGraphicQuaternaryShade10: "rgb(208, 209, 212)";
1226
1244
  export const colorLightGraphicSecondaryAlpha30: "rgba(137, 137, 145, 0.3)";
1227
1245
  export const colorLightGraphicSecondaryShade30: "rgb(96, 96, 102)";
@@ -1262,8 +1280,8 @@ export const colorLightTextLinkTint30: "rgb(106, 160, 244)";
1262
1280
  export const colorLightTextLinkTint50: "rgb(149, 187, 247)";
1263
1281
  export const colorLightTextLinkShade20: "rgb(34, 95, 191)";
1264
1282
  export const colorLightTextLinkShade40: "rgb(25, 71, 143)";
1265
- export const colorStaticGraphicLightShade7: "rgb(237, 237, 237)";
1266
- export const colorStaticGraphicLightShade15: "rgb(217, 217, 217)";
1283
+ export const colorStaticGraphicLightShade7: "rgb(224, 224, 224)";
1284
+ export const colorStaticGraphicLightShade15: "rgb(205, 205, 205)";
1267
1285
  export const colorStaticCorpbgNeutral: "#bdc0c2";
1268
1286
  export const colorStaticCorpbgPrimary: "#212a33";
1269
1287
  export const colorStaticCorpbgSecondary: "#384048";
@@ -1451,6 +1469,7 @@ export const borderRadius6: "6px";
1451
1469
  export const borderRadius8: "var(--border-radius-m)";
1452
1470
  export const borderRadius10: "10px";
1453
1471
  export const borderRadius12: "var(--border-radius-l)";
1472
+ export const borderRadius14: "14px";
1454
1473
  export const borderRadius16: "var(--border-radius-xl)";
1455
1474
  export const borderRadius20: "var(--border-radius-xxl)";
1456
1475
  export const borderRadius24: "var(--border-radius-3xl)";