@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/modern/title-responsive/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 8dpbs */
1
+ /* hash: 5g8yc */
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,77 +11,79 @@
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
- } /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1ti4o {
25
+ } /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1ck99 {
24
26
  font-size: 34px;
25
27
  line-height: 40px;
26
28
  font-weight: 500;
27
29
  font-feature-settings: 'ss01';
28
30
  font-family: var(--font-family-styrene);
29
- } .typography__styrene-large_1ti4o {
31
+ } .typography__styrene-large_1ck99 {
30
32
  font-size: 30px;
31
33
  line-height: 36px;
32
34
  font-weight: 500;
33
35
  font-feature-settings: 'ss01';
34
36
  font-family: var(--font-family-styrene);
35
- } .typography__styrene-medium_1ti4o {
37
+ } .typography__styrene-medium_1ck99 {
36
38
  font-size: 26px;
37
39
  line-height: 32px;
38
40
  font-weight: 500;
39
41
  font-feature-settings: 'ss01';
40
42
  font-family: var(--font-family-styrene);
41
- } .typography__styrene-small_1ti4o {
43
+ } .typography__styrene-small_1ck99 {
42
44
  font-size: 20px;
43
45
  line-height: 28px;
44
46
  font-weight: 500;
45
47
  font-feature-settings: 'ss01';
46
48
  font-family: var(--font-family-styrene);
47
- } .typography__styrene-xsmall_1ti4o {
49
+ } .typography__styrene-xsmall_1ck99 {
48
50
  font-size: 16px;
49
51
  line-height: 20px;
50
52
  font-weight: 500;
51
53
  font-feature-settings: 'ss01';
52
54
  font-family: var(--font-family-styrene);
53
- } .typography__system-xlarge_1ti4o {
55
+ } .typography__system-xlarge_1ck99 {
54
56
  font-size: 34px;
55
57
  line-height: 40px;
56
58
  font-weight: 600;
57
- } .typography__system-large_1ti4o {
59
+ } .typography__system-large_1ck99 {
58
60
  font-size: 30px;
59
61
  line-height: 36px;
60
62
  font-weight: 600;
61
- } .typography__system-medium_1ti4o {
63
+ } .typography__system-medium_1ck99 {
62
64
  font-size: 26px;
63
65
  line-height: 32px;
64
66
  font-weight: 600;
65
- } .typography__system-small_1ti4o {
67
+ } .typography__system-small_1ck99 {
66
68
  font-size: 20px;
67
69
  line-height: 28px;
68
70
  font-weight: 600;
69
- } .typography__system-xsmall_1ti4o {
71
+ } .typography__system-xsmall_1ck99 {
70
72
  font-size: 16px;
71
73
  line-height: 20px;
72
74
  font-weight: 600;
73
- } .typography__margins-xlarge_1ti4o {
75
+ } .typography__margins-xlarge_1ck99 {
74
76
  margin: 0 0 var(--gap-xl);
75
- } .typography__margins-large_1ti4o {
77
+ } .typography__margins-large_1ck99 {
76
78
  margin: var(--gap-3xl) 0 var(--gap-m);
77
- } .typography__margins-medium_1ti4o {
79
+ } .typography__margins-medium_1ck99 {
78
80
  margin: var(--gap-3xl) 0 var(--gap-m);
79
- } .typography__margins-small_1ti4o {
81
+ } .typography__margins-small_1ck99 {
80
82
  margin: var(--gap-3xl) 0 var(--gap-m);
81
- } .typography__margins-xsmall_1ti4o {
83
+ } .typography__margins-xsmall_1ck99 {
82
84
  margin: var(--gap-3xl) 0 var(--gap-m);
83
85
  } @media screen and (min-width: 1024px) {
84
- .typography__styrene-xlarge_1ti4o {
86
+ .typography__styrene-xlarge_1ck99 {
85
87
  font-size: 48px;
86
88
  line-height: 64px;
87
89
  font-weight: 500;
@@ -89,7 +91,7 @@
89
91
  font-family: var(--font-family-styrene);
90
92
  }
91
93
 
92
- .typography__styrene-large_1ti4o {
94
+ .typography__styrene-large_1ck99 {
93
95
  font-size: 40px;
94
96
  line-height: 48px;
95
97
  font-weight: 500;
@@ -97,7 +99,7 @@
97
99
  font-family: var(--font-family-styrene);
98
100
  }
99
101
 
100
- .typography__styrene-medium_1ti4o {
102
+ .typography__styrene-medium_1ck99 {
101
103
  font-size: 32px;
102
104
  line-height: 40px;
103
105
  font-weight: 500;
@@ -105,7 +107,7 @@
105
107
  font-family: var(--font-family-styrene);
106
108
  }
107
109
 
108
- .typography__styrene-small_1ti4o {
110
+ .typography__styrene-small_1ck99 {
109
111
  font-size: 24px;
110
112
  line-height: 32px;
111
113
  font-weight: 500;
@@ -113,7 +115,7 @@
113
115
  font-family: var(--font-family-styrene);
114
116
  }
115
117
 
116
- .typography__styrene-xsmall_1ti4o {
118
+ .typography__styrene-xsmall_1ck99 {
117
119
  font-size: 20px;
118
120
  line-height: 24px;
119
121
  font-weight: 500;
@@ -121,53 +123,53 @@
121
123
  font-family: var(--font-family-styrene);
122
124
  }
123
125
 
124
- .typography__system-xlarge_1ti4o {
126
+ .typography__system-xlarge_1ck99 {
125
127
  font-size: 48px;
126
128
  line-height: 52px;
127
129
  font-weight: 700;
128
130
  }
129
131
 
130
- .typography__system-large_1ti4o {
132
+ .typography__system-large_1ck99 {
131
133
  font-size: 40px;
132
134
  line-height: 48px;
133
135
  font-weight: 700;
134
136
  }
135
137
 
136
- .typography__system-medium_1ti4o {
138
+ .typography__system-medium_1ck99 {
137
139
  font-size: 30px;
138
140
  line-height: 36px;
139
141
  font-weight: 700;
140
142
  }
141
143
 
142
- .typography__system-small_1ti4o {
144
+ .typography__system-small_1ck99 {
143
145
  font-size: 22px;
144
146
  line-height: 26px;
145
147
  font-weight: 700;
146
148
  }
147
149
 
148
- .typography__system-xsmall_1ti4o {
150
+ .typography__system-xsmall_1ck99 {
149
151
  font-size: 18px;
150
152
  line-height: 22px;
151
153
  font-weight: 700;
152
154
  }
153
155
 
154
- .typography__margins-xlarge_1ti4o {
156
+ .typography__margins-xlarge_1ck99 {
155
157
  margin: 0 0 var(--gap-xl);
156
158
  }
157
159
 
158
- .typography__margins-large_1ti4o {
160
+ .typography__margins-large_1ck99 {
159
161
  margin: var(--gap-4xl) 0 var(--gap-xl);
160
162
  }
161
163
 
162
- .typography__margins-medium_1ti4o {
164
+ .typography__margins-medium_1ck99 {
163
165
  margin: var(--gap-4xl) 0 var(--gap-xl);
164
166
  }
165
167
 
166
- .typography__margins-small_1ti4o {
168
+ .typography__margins-small_1ck99 {
167
169
  margin: var(--gap-3xl) 0 var(--gap-m);
168
170
  }
169
171
 
170
- .typography__margins-xsmall_1ti4o {
172
+ .typography__margins-xsmall_1ck99 {
171
173
  margin: var(--gap-3xl) 0 var(--gap-m);
172
174
  }
173
175
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-typography",
3
- "version": "4.6.0",
3
+ "version": "4.8.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,10 +15,12 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@alfalab/core-components-skeleton": "^5.0.0",
18
- "@alfalab/core-components-mq": "^4.2.0",
18
+ "@alfalab/core-components-mq": "^4.3.0",
19
19
  "@alfalab/hooks": "^1.13.0",
20
20
  "classnames": "^2.3.1",
21
21
  "react-merge-refs": "^1.1.0",
22
22
  "tslib": "^2.4.0"
23
- }
23
+ },
24
+ "themesVersion": "13.0.1",
25
+ "varsVersion": "9.10.0"
24
26
  }
package/src/text/component.tsx CHANGED
@@ -25,7 +25,8 @@ type TextBaseProps = {
25
25
  | 'component'
26
26
  | 'component-primary'
27
27
  | 'component-secondary'
28
- | 'caps';
28
+ | 'caps'
29
+ | 'tagline';
29
30
 
30
31
  /**
31
32
  * Цвет текста
package/src/text/index.module.css CHANGED
@@ -54,6 +54,10 @@
54
54
  @mixin paragraph_caps;
55
55
  }
56
56
 
57
+ .tagline {
58
+ @mixin paragraph_tagline;
59
+ }
60
+
57
61
  .bold {
58
62
  font-weight: bold;
59
63
  }
package/src/title/common.module.css CHANGED
@@ -18,3 +18,16 @@
18
18
  font-weight: normal;
19
19
  }
20
20
  }
21
+
22
+ .rowLimit1 {
23
+ @mixin row_limit 1;
24
+ word-break: break-all;
25
+ }
26
+
27
+ .rowLimit2 {
28
+ @mixin row_limit 2;
29
+ }
30
+
31
+ .rowLimit3 {
32
+ @mixin row_limit 3;
33
+ }
package/src/title/component.tsx CHANGED
@@ -72,6 +72,11 @@ export type TitleProps = Omit<NativeProps, 'color'> & {
72
72
  * Пропы для скелетона
73
73
  */
74
74
  skeletonProps?: TextSkeletonProps;
75
+
76
+ /**
77
+ * Значение по-умолчанию для хука useMatchMedia
78
+ */
79
+ defaultMatchMediaValue?: boolean | (() => boolean);
75
80
  };
76
81
 
77
82
  type PrivateProps = {
package/src/title/index.module.css CHANGED
@@ -60,16 +60,3 @@
60
60
  .margins-xsmall {
61
61
  @mixin margin-small;
62
62
  }
63
-
64
- .rowLimit1 {
65
- @mixin row_limit 1;
66
- word-break: break-all;
67
- }
68
-
69
- .rowLimit2 {
70
- @mixin row_limit 2;
71
- }
72
-
73
- .rowLimit3 {
74
- @mixin row_limit 3;
75
- }
package/src/title-responsive/component.tsx CHANGED
@@ -9,7 +9,8 @@ import styles from './index.module.css';
9
9
 
10
10
  export const TitleResponsive = forwardRef<HTMLHeadingElement | HTMLDivElement, TitleProps>(
11
11
  (props, ref) => {
12
- const [isDesktop] = useMatchMedia('(min-width: 1024px)');
12
+ const { defaultMatchMediaValue } = props;
13
+ const [isDesktop] = useMatchMedia('(min-width: 1024px)', defaultMatchMediaValue);
13
14
 
14
15
  return (
15
16
  <TitleBase
package/text/component.d.ts CHANGED
@@ -8,7 +8,7 @@ type TextBaseProps = {
8
8
  /**
9
9
  * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
10
10
  */
11
- view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'secondary-large' | 'secondary-medium' | 'secondary-small' | 'component' | 'component-primary' | 'component-secondary' | 'caps';
11
+ view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'secondary-large' | 'secondary-medium' | 'secondary-small' | 'component' | 'component-primary' | 'component-secondary' | 'caps' | 'tagline';
12
12
  /**
13
13
  * Цвет текста
14
14
  */
package/text/component.js CHANGED
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var hooks_useSkeleton = require('../hooks/use-skeleton.js');
10
- var colors_module = require('../colors.module-8e6a3fdb.js');
10
+ var colors_module = require('../colors.module-ae9077a2.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
13
 
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"paragraph":"typography__paragraph_1h0ey","paragraphWithMargins":"typography__paragraphWithMargins_1h0ey","primary-large":"typography__primary-large_1h0ey","primary-medium":"typography__primary-medium_1h0ey","primary-small":"typography__primary-small_1h0ey","secondary-large":"typography__secondary-large_1h0ey","secondary-medium":"typography__secondary-medium_1h0ey","secondary-small":"typography__secondary-small_1h0ey","component":"typography__component_1h0ey","component-primary":"typography__component-primary_1h0ey","component-secondary":"typography__component-secondary_1h0ey","caps":"typography__caps_1h0ey","bold":"typography__bold_1h0ey","medium":"typography__medium_1h0ey","regular":"typography__regular_1h0ey","monospace":"typography__monospace_1h0ey","rowLimit1":"typography__rowLimit1_1h0ey","rowLimit2":"typography__rowLimit2_1h0ey","rowLimit3":"typography__rowLimit3_1h0ey"};
18
+ var styles = {"paragraph":"typography__paragraph_hw1vb","paragraphWithMargins":"typography__paragraphWithMargins_hw1vb","primary-large":"typography__primary-large_hw1vb","primary-medium":"typography__primary-medium_hw1vb","primary-small":"typography__primary-small_hw1vb","secondary-large":"typography__secondary-large_hw1vb","secondary-medium":"typography__secondary-medium_hw1vb","secondary-small":"typography__secondary-small_hw1vb","component":"typography__component_hw1vb","component-primary":"typography__component-primary_hw1vb","component-secondary":"typography__component-secondary_hw1vb","caps":"typography__caps_hw1vb","tagline":"typography__tagline_hw1vb","bold":"typography__bold_hw1vb","medium":"typography__medium_hw1vb","regular":"typography__regular_hw1vb","monospace":"typography__monospace_hw1vb","rowLimit1":"typography__rowLimit1_hw1vb","rowLimit2":"typography__rowLimit2_hw1vb","rowLimit3":"typography__rowLimit3_hw1vb"};
19
19
  require('./index.css')
20
20
 
21
21
  var logWarning = function (view) {
package/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/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/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/title/component.js CHANGED
@@ -8,7 +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 title_utils = require('./utils.js');
11
- var colors_module = require('../colors.module-8e6a3fdb.js');
11
+ var colors_module = require('../colors.module-ae9077a2.js');
12
12
 
13
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
14