@alfalab/core-components-typography 4.6.0 → 4.8.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 (86) hide show
  1. package/colors.css +23 -21
  2. package/colors.module-ae9077a2.js +6 -0
  3. package/common.module-b1c6f346.js +6 -0
  4. package/cssm/colors.module.css +3 -1
  5. package/cssm/hooks/use-skeleton.module.css +3 -1
  6. package/cssm/text/component.d.ts +1 -1
  7. package/cssm/text/index.module.css +10 -2
  8. package/cssm/title/common.module.css +26 -0
  9. package/cssm/title/component.d.ts +8 -0
  10. package/cssm/title/index.d.ts +1 -0
  11. package/cssm/title/index.module.css +7 -21
  12. package/cssm/title-mobile/component.d.ts +1 -0
  13. package/cssm/title-mobile/index.module.css +3 -1
  14. package/cssm/title-responsive/component.d.ts +1 -0
  15. package/cssm/title-responsive/component.js +2 -1
  16. package/cssm/title-responsive/index.module.css +7 -5
  17. package/esm/colors.css +23 -21
  18. package/esm/colors.module-150df74d.js +4 -0
  19. package/esm/common.module-6fb90ced.js +4 -0
  20. package/esm/hooks/use-skeleton.css +8 -6
  21. package/esm/hooks/use-skeleton.js +1 -1
  22. package/esm/text/component.d.ts +1 -1
  23. package/esm/text/component.js +2 -2
  24. package/esm/text/index.css +30 -22
  25. package/esm/title/common.css +32 -6
  26. package/esm/title/component.d.ts +8 -0
  27. package/esm/title/component.js +1 -1
  28. package/esm/title/index.css +23 -37
  29. package/esm/title/index.d.ts +1 -0
  30. package/esm/title/index.js +2 -2
  31. package/esm/title-mobile/component.d.ts +1 -0
  32. package/esm/title-mobile/component.js +2 -2
  33. package/esm/title-mobile/index.css +14 -12
  34. package/esm/title-responsive/component.d.ts +1 -0
  35. package/esm/title-responsive/component.js +4 -3
  36. package/esm/title-responsive/index.css +38 -36
  37. package/hooks/use-skeleton.css +8 -6
  38. package/hooks/use-skeleton.js +1 -1
  39. package/modern/colors.css +23 -21
  40. package/modern/colors.module-024abe1e.js +4 -0
  41. package/modern/common.module-38c9e9b8.js +4 -0
  42. package/modern/hooks/use-skeleton.css +8 -6
  43. package/modern/hooks/use-skeleton.js +1 -1
  44. package/modern/text/component.d.ts +1 -1
  45. package/modern/text/component.js +2 -2
  46. package/modern/text/index.css +30 -22
  47. package/modern/title/common.css +32 -6
  48. package/modern/title/component.d.ts +8 -0
  49. package/modern/title/component.js +1 -1
  50. package/modern/title/index.css +23 -37
  51. package/modern/title/index.d.ts +1 -0
  52. package/modern/title/index.js +2 -2
  53. package/modern/title-mobile/component.d.ts +1 -0
  54. package/modern/title-mobile/component.js +2 -2
  55. package/modern/title-mobile/index.css +14 -12
  56. package/modern/title-responsive/component.d.ts +1 -0
  57. package/modern/title-responsive/component.js +4 -3
  58. package/modern/title-responsive/index.css +38 -36
  59. package/package.json +5 -3
  60. package/src/text/component.tsx +2 -1
  61. package/src/text/index.module.css +4 -0
  62. package/src/title/common.module.css +13 -0
  63. package/src/title/component.tsx +5 -0
  64. package/src/title/index.module.css +0 -13
  65. package/src/title-responsive/component.tsx +2 -1
  66. package/text/component.d.ts +1 -1
  67. package/text/component.js +2 -2
  68. package/text/index.css +30 -22
  69. package/title/common.css +32 -6
  70. package/title/component.d.ts +8 -0
  71. package/title/component.js +1 -1
  72. package/title/index.css +23 -37
  73. package/title/index.d.ts +1 -0
  74. package/title/index.js +2 -2
  75. package/title-mobile/component.d.ts +1 -0
  76. package/title-mobile/component.js +2 -2
  77. package/title-mobile/index.css +14 -12
  78. package/title-responsive/component.d.ts +1 -0
  79. package/title-responsive/component.js +4 -3
  80. package/title-responsive/index.css +38 -36
  81. package/colors.module-8e6a3fdb.js +0 -6
  82. package/common.module-ef856f93.js +0 -6
  83. package/esm/colors.module-4991aa3d.js +0 -4
  84. package/esm/common.module-77bf056d.js +0 -4
  85. package/modern/colors.module-f61703ab.js +0 -4
  86. package/modern/common.module-45ffbe5d.js +0 -4
package/esm/text/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1jutq */
1
+ /* hash: 1gxdd */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,80 +11,88 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- } :root {
15
- --gap-s: 12px;
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */
15
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* 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
+ /* новые значения, используйте их */
16
18
  } :root {
17
19
  } :root {
18
20
  } :root {
19
21
  --text-paragraph-margin-bottom: 0 0 var(--gap-s);
20
- } .typography__paragraph_1h0ey {
22
+ } .typography__paragraph_hw1vb {
21
23
  margin: 0;
22
24
  padding: 0;
23
- } .typography__paragraphWithMargins_1h0ey {
25
+ } .typography__paragraphWithMargins_hw1vb {
24
26
  padding: 0;
25
27
  margin: var(--text-paragraph-margin-bottom);
26
- } .typography__primary-large_1h0ey {
28
+ } .typography__primary-large_hw1vb {
27
29
  font-size: 18px;
28
30
  line-height: 24px;
29
31
  font-weight: 400;
30
- } .typography__primary-medium_1h0ey {
32
+ } .typography__primary-medium_hw1vb {
31
33
  font-size: 16px;
32
34
  line-height: 24px;
33
35
  font-weight: 400;
34
- } .typography__primary-small_1h0ey {
36
+ } .typography__primary-small_hw1vb {
35
37
  font-size: 14px;
36
38
  line-height: 20px;
37
39
  font-weight: 400;
38
- } .typography__secondary-large_1h0ey {
40
+ } .typography__secondary-large_hw1vb {
39
41
  font-size: 13px;
40
42
  line-height: 16px;
41
43
  font-weight: 400;
42
- } .typography__secondary-medium_1h0ey {
44
+ } .typography__secondary-medium_hw1vb {
43
45
  font-size: 12px;
44
46
  line-height: 16px;
45
47
  font-weight: 400;
46
- } .typography__secondary-small_1h0ey {
48
+ } .typography__secondary-small_hw1vb {
47
49
  font-size: 11px;
48
50
  line-height: 16px;
49
51
  font-weight: 400;
50
- } .typography__component_1h0ey {
52
+ } .typography__component_hw1vb {
51
53
  font-size: 16px;
52
54
  line-height: 20px;
53
55
  font-weight: 400;
54
- } .typography__component-primary_1h0ey {
56
+ } .typography__component-primary_hw1vb {
55
57
  font-size: 16px;
56
58
  line-height: 20px;
57
59
  font-weight: 400;
58
- } .typography__component-secondary_1h0ey {
60
+ } .typography__component-secondary_hw1vb {
59
61
  font-size: 14px;
60
62
  line-height: 18px;
61
63
  font-weight: 400;
62
- } .typography__caps_1h0ey {
64
+ } .typography__caps_hw1vb {
65
+ font-size: 12px;
66
+ line-height: 16px;
67
+ font-weight: 500;
68
+ letter-spacing: 1.25px;
69
+ text-transform: uppercase;
70
+ } .typography__tagline_hw1vb {
63
71
  font-size: 12px;
64
72
  line-height: 16px;
65
73
  font-weight: 500;
66
74
  letter-spacing: 1.25px;
67
75
  text-transform: uppercase;
68
- } .typography__bold_1h0ey {
76
+ } .typography__bold_hw1vb {
69
77
  font-weight: bold;
70
- } .typography__medium_1h0ey {
78
+ } .typography__medium_hw1vb {
71
79
  font-weight: 500;
72
- } .typography__regular_1h0ey {
80
+ } .typography__regular_hw1vb {
73
81
  font-weight: normal;
74
- } .typography__monospace_1h0ey {
82
+ } .typography__monospace_hw1vb {
75
83
  font-variant-numeric: tabular-nums;
76
- } .typography__rowLimit1_1h0ey {
84
+ } .typography__rowLimit1_hw1vb {
77
85
  -webkit-line-clamp: 1;
78
86
  display: -webkit-box;
79
87
  -webkit-box-orient: vertical;
80
88
  overflow: hidden;
81
89
  word-break: break-all;
82
- } .typography__rowLimit2_1h0ey {
90
+ } .typography__rowLimit2_hw1vb {
83
91
  -webkit-line-clamp: 2;
84
92
  display: -webkit-box;
85
93
  -webkit-box-orient: vertical;
86
94
  overflow: hidden;
87
- } .typography__rowLimit3_1h0ey {
95
+ } .typography__rowLimit3_hw1vb {
88
96
  -webkit-line-clamp: 3;
89
97
  display: -webkit-box;
90
98
  -webkit-box-orient: vertical;
package/esm/title/common.css CHANGED
@@ -1,17 +1,43 @@
1
- /* hash: 90rbz */
2
- .typography__component_1qetz {
1
+ /* hash: 14te1 */
2
+ .typography__component_1e0qe {
3
3
  margin: 0;
4
4
  padding: 0
5
5
  }
6
- .typography__component_1qetz.typography__bold_1qetz {
6
+
7
+ .typography__component_1e0qe.typography__bold_1e0qe {
7
8
  font-weight: bold;
8
9
  }
9
- .typography__component_1qetz.typography__semibold_1qetz {
10
+
11
+ .typography__component_1e0qe.typography__semibold_1e0qe {
10
12
  font-weight: 600;
11
13
  }
12
- .typography__component_1qetz.typography__medium_1qetz {
14
+
15
+ .typography__component_1e0qe.typography__medium_1e0qe {
13
16
  font-weight: 500;
14
17
  }
15
- .typography__component_1qetz.typography__regular_1qetz {
18
+
19
+ .typography__component_1e0qe.typography__regular_1e0qe {
16
20
  font-weight: normal;
17
21
  }
22
+
23
+ .typography__rowLimit1_1e0qe {
24
+ -webkit-line-clamp: 1;
25
+ display: -webkit-box;
26
+ -webkit-box-orient: vertical;
27
+ overflow: hidden;
28
+ word-break: break-all;
29
+ }
30
+
31
+ .typography__rowLimit2_1e0qe {
32
+ -webkit-line-clamp: 2;
33
+ display: -webkit-box;
34
+ -webkit-box-orient: vertical;
35
+ overflow: hidden;
36
+ }
37
+
38
+ .typography__rowLimit3_1e0qe {
39
+ -webkit-line-clamp: 3;
40
+ display: -webkit-box;
41
+ -webkit-box-orient: vertical;
42
+ overflow: hidden;
43
+ }
package/esm/title/component.d.ts CHANGED
@@ -53,6 +53,10 @@ type TitleProps = Omit<NativeProps, 'color'> & {
53
53
  * Пропы для скелетона
54
54
  */
55
55
  skeletonProps?: TextSkeletonProps;
56
+ /**
57
+ * Значение по-умолчанию для хука useMatchMedia
58
+ */
59
+ defaultMatchMediaValue?: boolean | (() => boolean);
56
60
  };
57
61
  type PrivateProps = {
58
62
  styles: {
@@ -110,5 +114,9 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
110
114
  * Пропы для скелетона
111
115
  */
112
116
  skeletonProps?: TextSkeletonProps | undefined;
117
+ /**
118
+ * Значение по-умолчанию для хука useMatchMedia
119
+ */
120
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
113
121
  } & PrivateProps & React.RefAttributes<TitleElementType>>;
114
122
  export { TitleProps, TitleBase };
package/esm/title/component.js CHANGED
@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { useSkeleton } from '../hooks/use-skeleton.js';
6
6
  import { getDefaultWeight } from './utils.js';
7
- import { c as colors } from '../colors.module-4991aa3d.js';
7
+ import { c as colors } from '../colors.module-150df74d.js';
8
8
 
9
9
  var TitleBase = forwardRef(function (_a, ref) {
10
10
  var _b;
package/esm/title/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vgeey */
1
+ /* hash: 4uby2 */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,89 +11,75 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- } :root {
15
- --gap-m: 16px;
16
- --gap-xl: 24px;
17
- --gap-3xl: 40px;
18
- --gap-4xl: 48px;
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+ --gap-m: 16px; /* deprecated */ /* deprecated */
16
+ --gap-xl: 24px; /* deprecated */ /* deprecated */
17
+ --gap-3xl: 40px; /* deprecated */
18
+ --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
21
23
  'Helvetica Neue', Helvetica, sans-serif;
22
24
  } :root {
23
- } .typography__styrene-xlarge_u4ajp {
25
+ } .typography__styrene-xlarge_16vxq {
24
26
  font-size: 48px;
25
27
  line-height: 64px;
26
28
  font-weight: 500;
27
29
  font-feature-settings: 'ss01';
28
30
  font-family: var(--font-family-styrene);
29
- } .typography__styrene-large_u4ajp {
31
+ } .typography__styrene-large_16vxq {
30
32
  font-size: 40px;
31
33
  line-height: 48px;
32
34
  font-weight: 500;
33
35
  font-feature-settings: 'ss01';
34
36
  font-family: var(--font-family-styrene);
35
- } .typography__styrene-medium_u4ajp {
37
+ } .typography__styrene-medium_16vxq {
36
38
  font-size: 32px;
37
39
  line-height: 40px;
38
40
  font-weight: 500;
39
41
  font-feature-settings: 'ss01';
40
42
  font-family: var(--font-family-styrene);
41
- } .typography__styrene-small_u4ajp {
43
+ } .typography__styrene-small_16vxq {
42
44
  font-size: 24px;
43
45
  line-height: 32px;
44
46
  font-weight: 500;
45
47
  font-feature-settings: 'ss01';
46
48
  font-family: var(--font-family-styrene);
47
- } .typography__styrene-xsmall_u4ajp {
49
+ } .typography__styrene-xsmall_16vxq {
48
50
  font-size: 20px;
49
51
  line-height: 24px;
50
52
  font-weight: 500;
51
53
  font-feature-settings: 'ss01';
52
54
  font-family: var(--font-family-styrene);
53
- } .typography__system-xlarge_u4ajp {
55
+ } .typography__system-xlarge_16vxq {
54
56
  font-size: 48px;
55
57
  line-height: 52px;
56
58
  font-weight: 700;
57
- } .typography__system-large_u4ajp {
59
+ } .typography__system-large_16vxq {
58
60
  font-size: 40px;
59
61
  line-height: 48px;
60
62
  font-weight: 700;
61
- } .typography__system-medium_u4ajp {
63
+ } .typography__system-medium_16vxq {
62
64
  font-size: 30px;
63
65
  line-height: 36px;
64
66
  font-weight: 700;
65
- } .typography__system-small_u4ajp {
67
+ } .typography__system-small_16vxq {
66
68
  font-size: 22px;
67
69
  line-height: 26px;
68
70
  font-weight: 700;
69
- } .typography__system-xsmall_u4ajp {
71
+ } .typography__system-xsmall_16vxq {
70
72
  font-size: 18px;
71
73
  line-height: 22px;
72
74
  font-weight: 700;
73
- } .typography__margins-xlarge_u4ajp {
75
+ } .typography__margins-xlarge_16vxq {
74
76
  margin: 0 0 var(--gap-xl);
75
- } .typography__margins-large_u4ajp {
77
+ } .typography__margins-large_16vxq {
76
78
  margin: var(--gap-4xl) 0 var(--gap-xl);
77
- } .typography__margins-medium_u4ajp {
79
+ } .typography__margins-medium_16vxq {
78
80
  margin: var(--gap-4xl) 0 var(--gap-xl);
79
- } .typography__margins-small_u4ajp {
81
+ } .typography__margins-small_16vxq {
80
82
  margin: var(--gap-3xl) 0 var(--gap-m);
81
- } .typography__margins-xsmall_u4ajp {
83
+ } .typography__margins-xsmall_16vxq {
82
84
  margin: var(--gap-3xl) 0 var(--gap-m);
83
- } .typography__rowLimit1_u4ajp {
84
- -webkit-line-clamp: 1;
85
- display: -webkit-box;
86
- -webkit-box-orient: vertical;
87
- overflow: hidden;
88
- word-break: break-all;
89
- } .typography__rowLimit2_u4ajp {
90
- -webkit-line-clamp: 2;
91
- display: -webkit-box;
92
- -webkit-box-orient: vertical;
93
- overflow: hidden;
94
- } .typography__rowLimit3_u4ajp {
95
- -webkit-line-clamp: 3;
96
- display: -webkit-box;
97
- -webkit-box-orient: vertical;
98
- overflow: hidden;
99
85
  }
package/esm/title/index.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<H
14
14
  rowLimit?: 1 | 2 | 3 | undefined;
15
15
  showSkeleton?: boolean | undefined;
16
16
  skeletonProps?: import("../types").TextSkeletonProps | undefined;
17
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
17
18
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
18
19
  export { Title };
19
20
  export type { TitleProps };
package/esm/title/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { TitleBase } from './component.js';
4
- import { c as commonStyles } from '../common.module-77bf056d.js';
4
+ import { c as commonStyles } from '../common.module-6fb90ced.js';
5
5
 
6
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_u4ajp","styrene-large":"typography__styrene-large_u4ajp","styrene-medium":"typography__styrene-medium_u4ajp","styrene-small":"typography__styrene-small_u4ajp","styrene-xsmall":"typography__styrene-xsmall_u4ajp","system-xlarge":"typography__system-xlarge_u4ajp","system-large":"typography__system-large_u4ajp","system-medium":"typography__system-medium_u4ajp","system-small":"typography__system-small_u4ajp","system-xsmall":"typography__system-xsmall_u4ajp","margins-xlarge":"typography__margins-xlarge_u4ajp","margins-large":"typography__margins-large_u4ajp","margins-medium":"typography__margins-medium_u4ajp","margins-small":"typography__margins-small_u4ajp","margins-xsmall":"typography__margins-xsmall_u4ajp","rowLimit1":"typography__rowLimit1_u4ajp","rowLimit2":"typography__rowLimit2_u4ajp","rowLimit3":"typography__rowLimit3_u4ajp"};
6
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_16vxq","styrene-large":"typography__styrene-large_16vxq","styrene-medium":"typography__styrene-medium_16vxq","styrene-small":"typography__styrene-small_16vxq","styrene-xsmall":"typography__styrene-xsmall_16vxq","system-xlarge":"typography__system-xlarge_16vxq","system-large":"typography__system-large_16vxq","system-medium":"typography__system-medium_16vxq","system-small":"typography__system-small_16vxq","system-xsmall":"typography__system-xsmall_16vxq","margins-xlarge":"typography__margins-xlarge_16vxq","margins-large":"typography__margins-large_16vxq","margins-medium":"typography__margins-medium_16vxq","margins-small":"typography__margins-small_16vxq","margins-xsmall":"typography__margins-xsmall_16vxq"};
7
7
  require('./index.css')
8
8
 
9
9
  var Title = forwardRef(function (props, ref) { return (React.createElement(TitleBase, __assign({}, props, { styles: Object.assign(commonStyles, styles), ref: ref, platform: 'desktop' }))); });
package/esm/title-mobile/component.d.ts CHANGED
@@ -15,5 +15,6 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
15
15
  rowLimit?: 1 | 2 | 3 | undefined;
16
16
  showSkeleton?: boolean | undefined;
17
17
  skeletonProps?: import("../types").TextSkeletonProps | undefined;
18
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
18
19
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
19
20
  export { TitleMobileProps, TitleMobile };
package/esm/title-mobile/component.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { TitleBase } from '../title/component.js';
4
- import { c as commonStyles } from '../common.module-77bf056d.js';
4
+ import { c as commonStyles } from '../common.module-6fb90ced.js';
5
5
 
6
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_1a5xf","styrene-large":"typography__styrene-large_1a5xf","styrene-medium":"typography__styrene-medium_1a5xf","styrene-small":"typography__styrene-small_1a5xf","styrene-xsmall":"typography__styrene-xsmall_1a5xf","system-xlarge":"typography__system-xlarge_1a5xf","system-large":"typography__system-large_1a5xf","system-medium":"typography__system-medium_1a5xf","system-small":"typography__system-small_1a5xf","system-xsmall":"typography__system-xsmall_1a5xf"};
6
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_suif4","styrene-large":"typography__styrene-large_suif4","styrene-medium":"typography__styrene-medium_suif4","styrene-small":"typography__styrene-small_suif4","styrene-xsmall":"typography__styrene-xsmall_suif4","system-xlarge":"typography__system-xlarge_suif4","system-large":"typography__system-large_suif4","system-medium":"typography__system-medium_suif4","system-small":"typography__system-small_suif4","system-xsmall":"typography__system-xsmall_suif4"};
7
7
  require('./index.css')
8
8
 
9
9
  var TitleMobile = forwardRef(function (props, ref) { return (React.createElement(TitleBase, __assign({}, props, { styles: Object.assign(commonStyles, styles), ref: ref, platform: 'mobile' }))); });
package/esm/title-mobile/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1cbxb */
1
+ /* hash: wl9na */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,58 +11,60 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- } :root {
14
+ } :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 */
15
+
16
+ /* новые значения, используйте их */
15
17
  } :root {
16
18
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
17
19
  'Helvetica Neue', Helvetica, sans-serif;
18
20
  } :root {
19
- } .typography__styrene-xlarge_1a5xf {
21
+ } .typography__styrene-xlarge_suif4 {
20
22
  font-size: 34px;
21
23
  line-height: 40px;
22
24
  font-weight: 500;
23
25
  font-feature-settings: 'ss01';
24
26
  font-family: var(--font-family-styrene);
25
- } .typography__styrene-large_1a5xf {
27
+ } .typography__styrene-large_suif4 {
26
28
  font-size: 30px;
27
29
  line-height: 36px;
28
30
  font-weight: 500;
29
31
  font-feature-settings: 'ss01';
30
32
  font-family: var(--font-family-styrene);
31
- } .typography__styrene-medium_1a5xf {
33
+ } .typography__styrene-medium_suif4 {
32
34
  font-size: 26px;
33
35
  line-height: 32px;
34
36
  font-weight: 500;
35
37
  font-feature-settings: 'ss01';
36
38
  font-family: var(--font-family-styrene);
37
- } .typography__styrene-small_1a5xf {
39
+ } .typography__styrene-small_suif4 {
38
40
  font-size: 20px;
39
41
  line-height: 28px;
40
42
  font-weight: 500;
41
43
  font-feature-settings: 'ss01';
42
44
  font-family: var(--font-family-styrene);
43
- } .typography__styrene-xsmall_1a5xf {
45
+ } .typography__styrene-xsmall_suif4 {
44
46
  font-size: 16px;
45
47
  line-height: 20px;
46
48
  font-weight: 500;
47
49
  font-feature-settings: 'ss01';
48
50
  font-family: var(--font-family-styrene);
49
- } .typography__system-xlarge_1a5xf {
51
+ } .typography__system-xlarge_suif4 {
50
52
  font-size: 34px;
51
53
  line-height: 40px;
52
54
  font-weight: 600;
53
- } .typography__system-large_1a5xf {
55
+ } .typography__system-large_suif4 {
54
56
  font-size: 30px;
55
57
  line-height: 36px;
56
58
  font-weight: 600;
57
- } .typography__system-medium_1a5xf {
59
+ } .typography__system-medium_suif4 {
58
60
  font-size: 26px;
59
61
  line-height: 32px;
60
62
  font-weight: 600;
61
- } .typography__system-small_1a5xf {
63
+ } .typography__system-small_suif4 {
62
64
  font-size: 20px;
63
65
  line-height: 28px;
64
66
  font-weight: 600;
65
- } .typography__system-xsmall_1a5xf {
67
+ } .typography__system-xsmall_suif4 {
66
68
  font-size: 16px;
67
69
  line-height: 20px;
68
70
  font-weight: 600;
package/esm/title-responsive/component.d.ts CHANGED
@@ -13,5 +13,6 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
13
13
  rowLimit?: 1 | 2 | 3 | undefined;
14
14
  showSkeleton?: boolean | undefined;
15
15
  skeletonProps?: import("../types").TextSkeletonProps | undefined;
16
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
16
17
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
17
18
  export { TitleResponsive };
package/esm/title-responsive/component.js CHANGED
@@ -2,13 +2,14 @@ import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { useMatchMedia } from '@alfalab/core-components-mq/esm';
4
4
  import { TitleBase } from '../title/component.js';
5
- import { c as commonStyles } from '../common.module-77bf056d.js';
5
+ import { c as commonStyles } from '../common.module-6fb90ced.js';
6
6
 
7
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_1ti4o","styrene-large":"typography__styrene-large_1ti4o","styrene-medium":"typography__styrene-medium_1ti4o","styrene-small":"typography__styrene-small_1ti4o","styrene-xsmall":"typography__styrene-xsmall_1ti4o","system-xlarge":"typography__system-xlarge_1ti4o","system-large":"typography__system-large_1ti4o","system-medium":"typography__system-medium_1ti4o","system-small":"typography__system-small_1ti4o","system-xsmall":"typography__system-xsmall_1ti4o","margins-xlarge":"typography__margins-xlarge_1ti4o","margins-large":"typography__margins-large_1ti4o","margins-medium":"typography__margins-medium_1ti4o","margins-small":"typography__margins-small_1ti4o","margins-xsmall":"typography__margins-xsmall_1ti4o"};
7
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_1ck99","styrene-large":"typography__styrene-large_1ck99","styrene-medium":"typography__styrene-medium_1ck99","styrene-small":"typography__styrene-small_1ck99","styrene-xsmall":"typography__styrene-xsmall_1ck99","system-xlarge":"typography__system-xlarge_1ck99","system-large":"typography__system-large_1ck99","system-medium":"typography__system-medium_1ck99","system-small":"typography__system-small_1ck99","system-xsmall":"typography__system-xsmall_1ck99","margins-xlarge":"typography__margins-xlarge_1ck99","margins-large":"typography__margins-large_1ck99","margins-medium":"typography__margins-medium_1ck99","margins-small":"typography__margins-small_1ck99","margins-xsmall":"typography__margins-xsmall_1ck99"};
8
8
  require('./index.css')
9
9
 
10
10
  var TitleResponsive = forwardRef(function (props, ref) {
11
- var isDesktop = useMatchMedia('(min-width: 1024px)')[0];
11
+ var defaultMatchMediaValue = props.defaultMatchMediaValue;
12
+ var isDesktop = useMatchMedia('(min-width: 1024px)', defaultMatchMediaValue)[0];
12
13
  return (React.createElement(TitleBase, __assign({}, props, { styles: Object.assign(commonStyles, styles), ref: ref, platform: isDesktop ? 'desktop' : 'mobile' })));
13
14
  });
14
15