@alfalab/core-components-typography 4.11.4 → 4.13.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 (131) hide show
  1. package/colors.css +24 -21
  2. package/colors.d.ts +2 -2
  3. package/colors.js +1 -0
  4. package/colors.module-00df0e34.js +6 -0
  5. package/common.module-d8e58b73.js +6 -0
  6. package/cssm/colors.d.ts +2 -2
  7. package/cssm/colors.js +1 -0
  8. package/cssm/colors.module.css +4 -1
  9. package/cssm/hooks/use-skeleton.module.css +1 -1
  10. package/cssm/text/alfasans-index.module.css +115 -0
  11. package/cssm/text/component.d.ts +4 -0
  12. package/cssm/text/component.js +5 -2
  13. package/cssm/text/index.module.css +1 -1
  14. package/cssm/title/alfasans-index.module.css +60 -0
  15. package/cssm/title/common.module.css +1 -1
  16. package/cssm/title/component.d.ts +11 -5
  17. package/cssm/title/component.js +12 -1
  18. package/cssm/title/index.d.ts +5 -2
  19. package/cssm/title/index.js +6 -1
  20. package/cssm/title/index.module.css +1 -1
  21. package/cssm/title/utils.d.ts +1 -1
  22. package/cssm/title/utils.js +1 -1
  23. package/cssm/title-mobile/alfasans-index.module.css +60 -0
  24. package/cssm/title-mobile/component.d.ts +5 -2
  25. package/cssm/title-mobile/component.js +6 -1
  26. package/cssm/title-mobile/index.module.css +1 -1
  27. package/cssm/title-responsive/component.d.ts +5 -2
  28. package/esm/colors.css +24 -21
  29. package/esm/colors.d.ts +2 -2
  30. package/esm/colors.js +1 -0
  31. package/esm/colors.module-98ec8c3d.js +4 -0
  32. package/esm/common.module-65e6c3e1.js +4 -0
  33. package/esm/hooks/use-skeleton.css +6 -6
  34. package/esm/hooks/use-skeleton.js +1 -1
  35. package/esm/text/alfasans-index.css +132 -0
  36. package/esm/text/component.d.ts +4 -0
  37. package/esm/text/component.js +8 -4
  38. package/esm/text/index.css +23 -23
  39. package/esm/title/alfasans-index.css +71 -0
  40. package/esm/title/common.css +10 -10
  41. package/esm/title/component.d.ts +11 -5
  42. package/esm/title/component.js +13 -2
  43. package/esm/title/index.css +18 -18
  44. package/esm/title/index.d.ts +5 -2
  45. package/esm/title/index.js +9 -3
  46. package/esm/title/utils.d.ts +1 -1
  47. package/esm/title/utils.js +1 -1
  48. package/esm/title-mobile/alfasans-index.css +61 -0
  49. package/esm/title-mobile/component.d.ts +5 -2
  50. package/esm/title-mobile/component.js +9 -3
  51. package/esm/title-mobile/index.css +17 -17
  52. package/esm/title-responsive/component.d.ts +5 -2
  53. package/hooks/use-skeleton.css +6 -6
  54. package/hooks/use-skeleton.js +1 -1
  55. package/modern/colors.css +24 -21
  56. package/modern/colors.d.ts +2 -2
  57. package/modern/colors.js +1 -0
  58. package/modern/colors.module-d4623603.js +4 -0
  59. package/modern/common.module-fe3b6c14.js +4 -0
  60. package/modern/hooks/use-skeleton.css +6 -6
  61. package/modern/hooks/use-skeleton.js +1 -1
  62. package/modern/text/alfasans-index.css +132 -0
  63. package/modern/text/component.d.ts +4 -0
  64. package/modern/text/component.js +8 -4
  65. package/modern/text/index.css +23 -23
  66. package/modern/title/alfasans-index.css +71 -0
  67. package/modern/title/common.css +10 -10
  68. package/modern/title/component.d.ts +11 -5
  69. package/modern/title/component.js +13 -2
  70. package/modern/title/index.css +18 -18
  71. package/modern/title/index.d.ts +5 -2
  72. package/modern/title/index.js +9 -3
  73. package/modern/title/utils.d.ts +1 -1
  74. package/modern/title/utils.js +1 -1
  75. package/modern/title-mobile/alfasans-index.css +61 -0
  76. package/modern/title-mobile/component.d.ts +5 -2
  77. package/modern/title-mobile/component.js +9 -3
  78. package/modern/title-mobile/index.css +17 -17
  79. package/modern/title-responsive/component.d.ts +5 -2
  80. package/moderncssm/colors.d.ts +2 -2
  81. package/moderncssm/colors.js +1 -0
  82. package/moderncssm/colors.module.css +4 -0
  83. package/moderncssm/text/alfasans-index.module.css +131 -0
  84. package/moderncssm/text/component.d.ts +4 -0
  85. package/moderncssm/text/component.js +4 -2
  86. package/moderncssm/title/alfasans-index.module.css +60 -0
  87. package/moderncssm/title/component.d.ts +11 -5
  88. package/moderncssm/title/component.js +12 -1
  89. package/moderncssm/title/index.d.ts +5 -2
  90. package/moderncssm/title/index.js +5 -1
  91. package/moderncssm/title/utils.d.ts +1 -1
  92. package/moderncssm/title/utils.js +1 -1
  93. package/moderncssm/title-mobile/alfasans-index.module.css +60 -0
  94. package/moderncssm/title-mobile/component.d.ts +5 -2
  95. package/moderncssm/title-mobile/component.js +5 -1
  96. package/moderncssm/title-responsive/component.d.ts +5 -2
  97. package/package.json +4 -3
  98. package/src/colors.module.css +4 -0
  99. package/src/colors.ts +2 -1
  100. package/src/text/alfasans-index.module.css +52 -0
  101. package/src/text/component.tsx +10 -2
  102. package/src/title/alfasans-index.module.css +11 -0
  103. package/src/title/component.tsx +17 -4
  104. package/src/title/index.tsx +7 -6
  105. package/src/title/utils.ts +5 -2
  106. package/src/title-mobile/alfasans-index.module.css +11 -0
  107. package/src/title-mobile/component.tsx +7 -8
  108. package/text/alfasans-index.css +132 -0
  109. package/text/component.d.ts +4 -0
  110. package/text/component.js +8 -4
  111. package/text/index.css +23 -23
  112. package/title/alfasans-index.css +71 -0
  113. package/title/common.css +10 -10
  114. package/title/component.d.ts +11 -5
  115. package/title/component.js +13 -2
  116. package/title/index.css +18 -18
  117. package/title/index.d.ts +5 -2
  118. package/title/index.js +9 -3
  119. package/title/utils.d.ts +1 -1
  120. package/title/utils.js +1 -1
  121. package/title-mobile/alfasans-index.css +61 -0
  122. package/title-mobile/component.d.ts +5 -2
  123. package/title-mobile/component.js +9 -3
  124. package/title-mobile/index.css +17 -17
  125. package/title-responsive/component.d.ts +5 -2
  126. package/colors.module-9e8354bc.js +0 -6
  127. package/common.module-c3b78455.js +0 -6
  128. package/esm/colors.module-ebc3cf8a.js +0 -4
  129. package/esm/common.module-fbd82291.js +0 -4
  130. package/modern/colors.module-9bf880e7.js +0 -4
  131. package/modern/common.module-f25ab3e9.js +0 -4
package/colors.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9u1kr */
1
+ /* hash: 5j532 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-accent-primary: #ef3124;
@@ -14,6 +14,7 @@
14
14
  --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
15
15
  --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
16
16
  --color-static-accent-primary: #ef3124;
17
+ --color-static-text-positive: #0d9336;
17
18
  --color-static-text-primary-dark: #0e0e0e;
18
19
  --color-static-text-primary-light: #fff;
19
20
  --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);
@@ -39,43 +40,45 @@
39
40
  /* no-unit может приводить к проблемам в calc (#1559) */
40
41
  /* stylelint-disable-next-line length-zero-no-unit */
41
42
  } :root {
42
- } :root {
43
- } /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_xx6ap {
43
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
44
+ } /* сбрасывает синюю подсветку при нажатии */ /* colors */ .typography__tertiary_1f2m5 {
44
45
  color: var(--color-light-text-tertiary);
45
- } .typography__disabled_xx6ap {
46
+ } .typography__disabled_1f2m5 {
46
47
  color: var(--color-light-text-quaternary);
47
- } .typography__accent_xx6ap {
48
+ } .typography__accent_1f2m5 {
48
49
  color: var(--color-light-accent-primary);
49
- } .typography__primary_xx6ap {
50
+ } .typography__primary_1f2m5 {
50
51
  color: var(--color-light-text-primary);
51
- } .typography__attention_xx6ap {
52
+ } .typography__attention_1f2m5 {
52
53
  color: var(--color-light-text-attention);
53
- } .typography__positive_xx6ap {
54
+ } .typography__positive_1f2m5 {
54
55
  color: var(--color-light-text-positive);
55
- } .typography__secondary_xx6ap {
56
+ } .typography__secondary_1f2m5 {
56
57
  color: var(--color-light-text-secondary);
57
- } .typography__tertiary-inverted_xx6ap {
58
+ } .typography__tertiary-inverted_1f2m5 {
58
59
  color: var(--color-light-text-tertiary-inverted);
59
- } .typography__primary-inverted_xx6ap {
60
+ } .typography__primary-inverted_1f2m5 {
60
61
  color: var(--color-light-text-primary-inverted);
61
- } .typography__secondary-inverted_xx6ap {
62
+ } .typography__secondary-inverted_1f2m5 {
62
63
  color: var(--color-light-text-secondary-inverted);
63
- } .typography__link_xx6ap {
64
+ } .typography__link_1f2m5 {
64
65
  color: var(--color-light-text-info);
65
- } .typography__negative_xx6ap {
66
+ } .typography__negative_1f2m5 {
66
67
  color: var(--color-light-text-negative);
67
- } .typography__static-primary-light_xx6ap {
68
+ } .typography__static-primary-light_1f2m5 {
68
69
  color: var(--color-static-text-primary-light);
69
- } .typography__static-secondary-light_xx6ap {
70
+ } .typography__static-secondary-light_1f2m5 {
70
71
  color: var(--color-static-text-secondary-light);
71
- } .typography__static-tertiary-light_xx6ap {
72
+ } .typography__static-tertiary-light_1f2m5 {
72
73
  color: var(--color-static-text-tertiary-light);
73
- } .typography__static-primary-dark_xx6ap {
74
+ } .typography__static-primary-dark_1f2m5 {
74
75
  color: var(--color-static-text-primary-dark);
75
- } .typography__static-secondary-dark_xx6ap {
76
+ } .typography__static-secondary-dark_1f2m5 {
76
77
  color: var(--color-static-text-secondary-dark);
77
- } .typography__static-tertiary-dark_xx6ap {
78
+ } .typography__static-tertiary-dark_1f2m5 {
78
79
  color: var(--color-static-text-tertiary-dark);
79
- } .typography__static-accent_xx6ap {
80
+ } .typography__static-accent_1f2m5 {
80
81
  color: var(--color-static-accent-primary);
82
+ } .typography__static-positive_1f2m5 {
83
+ color: var(--color-static-text-positive);
81
84
  }
package/colors.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
2
- type Color = typeof colors[number];
1
+ declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent", "static-positive"];
2
+ type Color = (typeof colors)[number];
3
3
  export { colors, Color };
package/colors.js CHANGED
@@ -22,6 +22,7 @@ var colors = [
22
22
  'static-secondary-dark',
23
23
  'static-tertiary-dark',
24
24
  'static-accent',
25
+ 'static-positive',
25
26
  ];
26
27
 
27
28
  exports.colors = colors;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var colors = {"tertiary":"typography__tertiary_1f2m5","disabled":"typography__disabled_1f2m5","accent":"typography__accent_1f2m5","primary":"typography__primary_1f2m5","attention":"typography__attention_1f2m5","positive":"typography__positive_1f2m5","secondary":"typography__secondary_1f2m5","tertiary-inverted":"typography__tertiary-inverted_1f2m5","primary-inverted":"typography__primary-inverted_1f2m5","secondary-inverted":"typography__secondary-inverted_1f2m5","link":"typography__link_1f2m5","negative":"typography__negative_1f2m5","static-primary-light":"typography__static-primary-light_1f2m5","static-secondary-light":"typography__static-secondary-light_1f2m5","static-tertiary-light":"typography__static-tertiary-light_1f2m5","static-primary-dark":"typography__static-primary-dark_1f2m5","static-secondary-dark":"typography__static-secondary-dark_1f2m5","static-tertiary-dark":"typography__static-tertiary-dark_1f2m5","static-accent":"typography__static-accent_1f2m5","static-positive":"typography__static-positive_1f2m5"};
4
+ require('./colors.css')
5
+
6
+ exports.colors = colors;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var commonStyles = {"component":"typography__component_1ju4j","bold":"typography__bold_1ju4j","semibold":"typography__semibold_1ju4j","medium":"typography__medium_1ju4j","regular":"typography__regular_1ju4j","rowLimit1":"typography__rowLimit1_1ju4j","rowLimit2":"typography__rowLimit2_1ju4j","rowLimit3":"typography__rowLimit3_1ju4j"};
4
+ require('./title/common.css')
5
+
6
+ exports.commonStyles = commonStyles;
package/cssm/colors.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
2
- type Color = typeof colors[number];
1
+ declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent", "static-positive"];
2
+ type Color = (typeof colors)[number];
3
3
  export { colors, Color };
package/cssm/colors.js CHANGED
@@ -22,6 +22,7 @@ var colors = [
22
22
  'static-secondary-dark',
23
23
  'static-tertiary-dark',
24
24
  'static-accent',
25
+ 'static-positive',
25
26
  ];
26
27
 
27
28
  exports.colors = colors;
@@ -13,6 +13,7 @@
13
13
  --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
14
14
  --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
15
15
  --color-static-accent-primary: #ef3124;
16
+ --color-static-text-positive: #0d9336;
16
17
  --color-static-text-primary-dark: #0e0e0e;
17
18
  --color-static-text-primary-light: #fff;
18
19
  --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);
@@ -38,7 +39,7 @@
38
39
  /* no-unit может приводить к проблемам в calc (#1559) */
39
40
  /* stylelint-disable-next-line length-zero-no-unit */
40
41
  } :root {
41
- } :root {
42
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
42
43
  } /* сбрасывает синюю подсветку при нажатии */ /* colors */ .tertiary {
43
44
  color: var(--color-light-text-tertiary);
44
45
  } .disabled {
@@ -77,4 +78,6 @@
77
78
  color: var(--color-static-text-tertiary-dark);
78
79
  } .static-accent {
79
80
  color: var(--color-static-accent-primary);
81
+ } .static-positive {
82
+ color: var(--color-static-text-positive);
80
83
  }
@@ -21,7 +21,7 @@
21
21
  /* stylelint-disable-next-line length-zero-no-unit */
22
22
  --gap-0: 0px;
23
23
  } :root {
24
- } :root {
24
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
25
25
  } /* сбрасывает синюю подсветку при нажатии */ .skeletonText.skeletonText {
26
26
  border-radius: var(--border-radius-pill);
27
27
  } .left > div {
@@ -0,0 +1,115 @@
1
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root {
6
+
7
+ /* Hard */
8
+
9
+ /* Up */
10
+
11
+ /* Hard up */
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
18
+
19
+ /* no-unit может приводить к проблемам в calc (#1559) */
20
+ /* stylelint-disable-next-line length-zero-no-unit */
21
+ } :root {
22
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
23
+ 'Helvetica Neue', Helvetica, sans-serif;
24
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .text.component {
26
+ font-size: 16px;
27
+ line-height: 20px;
28
+ font-weight: 400;
29
+ letter-spacing: -0.24px;
30
+ font-family: var(--font-family-alfasans);
31
+ } .text.caps {
32
+ font-size: 12px;
33
+ line-height: 16px;
34
+ font-weight: 400;
35
+ letter-spacing: 1.25px;
36
+ text-transform: uppercase;
37
+ font-family: var(--font-family-alfasans);
38
+ } .text.tagline {
39
+ font-size: 12px;
40
+ line-height: 16px;
41
+ font-weight: 400;
42
+ letter-spacing: 1.25px;
43
+ text-transform: uppercase;
44
+ font-family: var(--font-family-alfasans);
45
+ } .text.primary-large {
46
+ font-size: 18px;
47
+ line-height: 24px;
48
+ font-weight: 400;
49
+ letter-spacing: -0.36px;
50
+ font-family: var(--font-family-alfasans)
51
+ } .text.primary-large.bold {
52
+ } .text.primary-large.medium {
53
+ } .text.primary-medium {
54
+ font-size: 16px;
55
+ line-height: 24px;
56
+ font-weight: 400;
57
+ letter-spacing: -0.24px;
58
+ font-family: var(--font-family-alfasans)
59
+ } .text.primary-medium.bold {
60
+ } .text.primary-medium.medium {
61
+ } .text.primary-small {
62
+ font-size: 14px;
63
+ line-height: 20px;
64
+ font-weight: 400;
65
+ letter-spacing: -0.08px;
66
+ font-family: var(--font-family-alfasans)
67
+ } .text.primary-small.bold {
68
+ } .text.primary-small.medium {
69
+ } .text.component-primary {
70
+ font-size: 16px;
71
+ line-height: 20px;
72
+ font-weight: 400;
73
+ letter-spacing: -0.24px;
74
+ font-family: var(--font-family-alfasans)
75
+ } .text.component-primary.bold {
76
+ } .text.component-primary.medium {
77
+
78
+ } .text.secondary-large {
79
+ font-size: 13px;
80
+ line-height: 16px;
81
+ font-weight: 400;
82
+ letter-spacing: 0;
83
+ font-family: var(--font-family-alfasans)
84
+ } .text.secondary-large.bold {
85
+ } .text.secondary-large.medium {
86
+ } .text.secondary-medium {
87
+ font-size: 12px;
88
+ line-height: 16px;
89
+ font-weight: 400;
90
+ letter-spacing: 0.06px;
91
+ font-family: var(--font-family-alfasans)
92
+ } .text.secondary-medium.bold {
93
+ } .text.secondary-medium.medium {
94
+ } .text.secondary-small {
95
+ font-size: 11px;
96
+ line-height: 16px;
97
+ font-weight: 400;
98
+ letter-spacing: 0.15px;
99
+ font-family: var(--font-family-alfasans)
100
+ } .text.secondary-small.bold {
101
+ } .text.secondary-small.medium {
102
+ } .text.component-secondary {
103
+ font-size: 14px;
104
+ line-height: 18px;
105
+ font-weight: 400;
106
+ letter-spacing: -0.08px;
107
+ font-family: var(--font-family-alfasans)
108
+ } .text.component-secondary.bold {
109
+ } .text.component-secondary.medium {
110
+
111
+ } .text.bold {
112
+ font-weight: 700;
113
+ } .text.medium {
114
+ font-weight: 500;
115
+ }
@@ -53,6 +53,10 @@ type TextBaseProps = {
53
53
  * Пропы для скелетона
54
54
  */
55
55
  skeletonProps?: TextSkeletonProps;
56
+ /**
57
+ * Шрифт текста
58
+ */
59
+ font?: 'alfasans' | undefined | null;
56
60
  };
57
61
  type TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {
58
62
  tag?: 'p';
@@ -8,6 +8,7 @@ var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var hooks_useSkeleton = require('../hooks/use-skeleton.js');
10
10
  var colors = require('../colors.module.css');
11
+ var alfasansStyles = require('./alfasans-index.module.css');
11
12
  var styles = require('./index.module.css');
12
13
 
13
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -16,6 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
17
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
17
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
19
  var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
20
+ var alfasansStyles__default = /*#__PURE__*/_interopDefaultCompat(alfasansStyles);
19
21
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
20
22
 
21
23
  var logWarning = function (view) {
@@ -33,7 +35,7 @@ var logWarning = function (view) {
33
35
  };
34
36
  var Text = React.forwardRef(function (_a, ref) {
35
37
  var _b, _c;
36
- var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps"]);
38
+ var _d = _a.view, view = _d === void 0 ? 'primary-medium' : _d, _e = _a.tag, Component = _e === void 0 ? 'span' : _e, weight = _a.weight, _f = _a.monospaceNumbers, monospaceNumbers = _f === void 0 ? false : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? true : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps, font = _a.font, restProps = tslib.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "showSkeleton", "skeletonProps", "font"]);
37
39
  if (view === 'component') {
38
40
  logWarning(view);
39
41
  }
@@ -53,7 +55,8 @@ var Text = React.forwardRef(function (_a, ref) {
53
55
  _c[styles__default.default.monospace] = monospaceNumbers,
54
56
  _c[styles__default.default["rowLimit".concat(rowLimit)]] = rowLimit,
55
57
  _c[styles__default.default.transparent] = showSkeleton,
56
- _c), className, color && colors__default.default[color], styles__default.default[view], weight && styles__default.default[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
58
+ _c[alfasansStyles__default.default.text] = font === 'alfasans',
59
+ _c), className, color && colors__default.default[color], (font === 'alfasans' ? alfasansStyles__default.default : styles__default.default)[view], weight && (font === 'alfasans' ? alfasansStyles__default.default : styles__default.default)[weight]), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
57
60
  });
58
61
 
59
62
  exports.Text = Text;
@@ -22,7 +22,7 @@
22
22
  --gap-0: 0px;
23
23
  --gap-12: var(--gap-s);
24
24
  } :root {
25
- } :root {
25
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
26
26
  } /* сбрасывает синюю подсветку при нажатии */ .transparent {
27
27
  opacity: 0;
28
28
  } :root {
@@ -0,0 +1,60 @@
1
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root {
6
+
7
+ /* Hard */
8
+
9
+ /* Up */
10
+
11
+ /* Hard up */
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
18
+
19
+ /* no-unit может приводить к проблемам в calc (#1559) */
20
+ /* stylelint-disable-next-line length-zero-no-unit */
21
+ } :root {
22
+ --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
23
+ 'Helvetica Neue', Helvetica, sans-serif;
24
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .alfasans-xlarge {
26
+ font-size: 48px;
27
+ line-height: 64px;
28
+ font-weight: 700;
29
+ letter-spacing: 0.1px;
30
+ font-family: var(--font-family-alfasans)
31
+ } .alfasans-xlarge.systemCompat {
32
+ } .alfasans-large {
33
+ font-size: 40px;
34
+ line-height: 48px;
35
+ font-weight: 700;
36
+ letter-spacing: 0.1px;
37
+ font-family: var(--font-family-alfasans)
38
+ } .alfasans-large.systemCompat {
39
+ } .alfasans-medium {
40
+ font-size: 32px;
41
+ line-height: 40px;
42
+ font-weight: 700;
43
+ letter-spacing: 0.3px;
44
+ font-family: var(--font-family-alfasans)
45
+ } .alfasans-medium.systemCompat {
46
+ } .alfasans-small {
47
+ font-size: 24px;
48
+ line-height: 32px;
49
+ font-weight: 700;
50
+ letter-spacing: 0.39px;
51
+ font-family: var(--font-family-alfasans)
52
+ } .alfasans-small.systemCompat {
53
+ } .alfasans-xsmall {
54
+ font-size: 20px;
55
+ line-height: 24px;
56
+ font-weight: 700;
57
+ letter-spacing: 0.33px;
58
+ font-family: var(--font-family-alfasans)
59
+ } .alfasans-xsmall.systemCompat {
60
+ }
@@ -20,7 +20,7 @@
20
20
  /* stylelint-disable-next-line length-zero-no-unit */
21
21
  --gap-0: 0px;
22
22
  } :root {
23
- } :root {
23
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
24
24
  } /* сбрасывает синюю подсветку при нажатии */ .component {
25
25
  margin: var(--gap-0);
26
26
  padding: var(--gap-0)
@@ -10,7 +10,7 @@ type TitleProps = Omit<NativeProps, 'color'> & {
10
10
  */
11
11
  tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
12
12
  /**
13
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
13
+ * [Вариант начертания](?path=/docs/guidelines-typography--page)
14
14
  */
15
15
  view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
16
16
  /**
@@ -24,7 +24,10 @@ type TitleProps = Omit<NativeProps, 'color'> & {
24
24
  /**
25
25
  * Шрифт текста
26
26
  */
27
- font?: 'styrene' | 'system';
27
+ font?: 'styrene' | 'system' | 'alfasans' | {
28
+ font: 'alfasans';
29
+ systemCompat: boolean;
30
+ };
28
31
  /**
29
32
  * Добавляет отступы
30
33
  */
@@ -71,13 +74,13 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
71
74
  */
72
75
  tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
73
76
  /**
74
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
77
+ * [Вариант начертания](?path=/docs/guidelines-typography--page)
75
78
  */
76
79
  view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
77
80
  /**
78
81
  * Цвет текста
79
82
  */
80
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
83
+ color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
81
84
  /**
82
85
  * Толщина шрифта
83
86
  */
@@ -85,7 +88,10 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
85
88
  /**
86
89
  * Шрифт текста
87
90
  */
88
- font?: "styrene" | "system" | undefined;
91
+ font?: "alfasans" | "styrene" | "system" | {
92
+ font: 'alfasans';
93
+ systemCompat: boolean;
94
+ } | undefined;
89
95
  /**
90
96
  * Добавляет отступы
91
97
  */
@@ -6,6 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
10
  var hooks_useSkeleton = require('../hooks/use-skeleton.js');
10
11
  var title_utils = require('./utils.js');
11
12
  var colors = require('../colors.module.css');
@@ -19,7 +20,7 @@ var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
19
20
 
20
21
  var TitleBase = React.forwardRef(function (_a, ref) {
21
22
  var _b;
22
- var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font, font = _e === void 0 ? 'styrene' : _e, platform = _a.platform, _f = _a.weight, weight = _f === void 0 ? title_utils.getDefaultWeight(font, platform) : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? false : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, styles = _a.styles, skeletonProps = _a.skeletonProps, showSkeleton = _a.showSkeleton, restProps = tslib.__rest(_a, ["tag", "view", "font", "platform", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles", "skeletonProps", "showSkeleton"]);
23
+ var _c = _a.tag, Component = _c === void 0 ? 'div' : _c, _d = _a.view, view = _d === void 0 ? 'medium' : _d, _e = _a.font, fontProp = _e === void 0 ? 'styrene' : _e, platform = _a.platform, _f = _a.weight, weight = _f === void 0 ? title_utils.getDefaultWeight(coreComponentsShared.isObject(fontProp) ? fontProp.font : fontProp, platform) : _f, _g = _a.defaultMargins, defaultMargins = _g === void 0 ? false : _g, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, rowLimit = _a.rowLimit, styles = _a.styles, skeletonProps = _a.skeletonProps, showSkeleton = _a.showSkeleton, restProps = tslib.__rest(_a, ["tag", "view", "font", "platform", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "rowLimit", "styles", "skeletonProps", "showSkeleton"]);
23
24
  var _h = hooks_useSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
24
25
  var skeleton = renderSkeleton({
25
26
  wrapperClassName: cn__default.default(defaultMargins && styles["margins-".concat(view)]),
@@ -28,9 +29,19 @@ var TitleBase = React.forwardRef(function (_a, ref) {
28
29
  if (skeleton) {
29
30
  return skeleton;
30
31
  }
32
+ var font;
33
+ var systemCompat;
34
+ if (coreComponentsShared.isObject(fontProp)) {
35
+ font = fontProp.font;
36
+ systemCompat = fontProp.systemCompat;
37
+ }
38
+ else {
39
+ font = fontProp;
40
+ }
31
41
  return (React__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors__default.default[color], (_b = {},
32
42
  _b[styles["rowLimit".concat(rowLimit)]] = rowLimit,
33
43
  _b[styles.transparent] = showSkeleton,
44
+ _b[styles.systemCompat] = systemCompat,
34
45
  _b)), "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, textRef]) }, restProps), children));
35
46
  });
36
47
 
@@ -4,9 +4,12 @@ import { TitleProps } from "./component";
4
4
  declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
5
5
  tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
6
6
  view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
7
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
7
+ color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
8
8
  weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
9
- font?: "styrene" | "system" | undefined;
9
+ font?: "alfasans" | "styrene" | "system" | {
10
+ font: "alfasans";
11
+ systemCompat: boolean;
12
+ } | undefined;
10
13
  defaultMargins?: boolean | undefined;
11
14
  className?: string | undefined;
12
15
  dataTestId?: string | undefined;
@@ -5,15 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var title_component = require('./component.js');
8
+ var alfasansStyles = require('./alfasans-index.module.css');
8
9
  var commonStyles = require('./common.module.css');
9
10
  var styles = require('./index.module.css');
10
11
 
11
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
13
 
13
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
+ var alfasansStyles__default = /*#__PURE__*/_interopDefaultCompat(alfasansStyles);
14
16
  var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
15
17
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
16
18
 
17
- var Title = React.forwardRef(function (props, ref) { return (React__default.default.createElement(title_component.TitleBase, tslib.__assign({}, props, { styles: Object.assign(commonStyles__default.default, styles__default.default), ref: ref, platform: 'desktop' }))); });
19
+ var allStyles = process.env.NODE_ENV === 'test'
20
+ ? commonStyles__default.default
21
+ : tslib.__assign(tslib.__assign(tslib.__assign({}, commonStyles__default.default), styles__default.default), alfasansStyles__default.default);
22
+ var Title = React.forwardRef(function (props, ref) { return (React__default.default.createElement(title_component.TitleBase, tslib.__assign({}, props, { styles: allStyles, ref: ref, platform: 'desktop' }))); });
18
23
 
19
24
  exports.Title = Title;