@alfalab/core-components-typography 3.0.2 → 3.0.3

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 (90) hide show
  1. package/colors.css +18 -18
  2. package/{colors.module-2cc8e807.d.ts → colors.module-2ba58573.d.ts} +8 -4
  3. package/{colors.module-2cc8e807.js → colors.module-2ba58573.js} +2 -2
  4. package/common.module-c7b5f1ff.js +6 -0
  5. package/component.d.ts +1 -1
  6. package/component.js +4 -4
  7. package/cssm/colors.module.css +5 -5
  8. package/cssm/component.d.ts +1 -1
  9. package/cssm/component.js +5 -5
  10. package/cssm/index.d.ts +3 -3
  11. package/cssm/index.js +5 -5
  12. package/cssm/text/component.d.ts +3 -3
  13. package/cssm/text/component.js +1 -1
  14. package/cssm/text/index.js +1 -1
  15. package/cssm/title/component.d.ts +4 -4
  16. package/cssm/title/component.js +1 -1
  17. package/cssm/title/index.js +7 -8
  18. package/cssm/title-mobile/component.js +1 -1
  19. package/cssm/title-mobile/index.js +1 -1
  20. package/cssm/title-responsive/component.js +1 -1
  21. package/cssm/title-responsive/index.js +1 -1
  22. package/{esm/colors.module-6065797e.d.ts → cssm/tslib.es6-9682e485.d.ts} +8 -4
  23. package/cssm/{tslib.es6-ce870b46.js → tslib.es6-9682e485.js} +1 -1
  24. package/esm/colors.css +18 -18
  25. package/{cssm/tslib.es6-ce870b46.d.ts → esm/colors.module-b694324b.d.ts} +8 -4
  26. package/esm/{colors.module-6065797e.js → colors.module-b694324b.js} +2 -2
  27. package/esm/common.module-6a9b5b80.js +4 -0
  28. package/esm/component.d.ts +1 -1
  29. package/esm/component.js +4 -4
  30. package/esm/index.d.ts +3 -3
  31. package/esm/index.js +4 -4
  32. package/esm/text/component.d.ts +3 -3
  33. package/esm/text/component.js +2 -2
  34. package/esm/text/index.css +14 -14
  35. package/esm/text/index.js +1 -1
  36. package/esm/title/common.css +5 -5
  37. package/esm/title/component.d.ts +4 -4
  38. package/esm/title/component.js +1 -1
  39. package/esm/title/index.css +19 -19
  40. package/esm/title/index.js +9 -10
  41. package/esm/title-mobile/component.js +3 -3
  42. package/esm/title-mobile/index.css +14 -14
  43. package/esm/title-mobile/index.js +2 -2
  44. package/esm/title-responsive/component.js +3 -3
  45. package/esm/title-responsive/index.css +41 -41
  46. package/esm/title-responsive/index.js +2 -2
  47. package/index.d.ts +3 -3
  48. package/index.js +4 -4
  49. package/modern/colors.css +18 -18
  50. package/modern/colors.module-3475616e.js +4 -0
  51. package/modern/common.module-6a9b5b80.js +4 -0
  52. package/modern/component.d.ts +1 -1
  53. package/modern/component.js +4 -4
  54. package/modern/index.d.ts +3 -3
  55. package/modern/index.js +4 -4
  56. package/modern/text/component.d.ts +3 -3
  57. package/modern/text/component.js +3 -3
  58. package/modern/text/index.css +14 -14
  59. package/modern/text/index.js +1 -1
  60. package/modern/title/common.css +5 -5
  61. package/modern/title/component.d.ts +4 -4
  62. package/modern/title/component.js +2 -2
  63. package/modern/title/index.css +19 -19
  64. package/modern/title/index.js +9 -10
  65. package/modern/title-mobile/component.js +9 -10
  66. package/modern/title-mobile/index.css +14 -14
  67. package/modern/title-mobile/index.js +2 -2
  68. package/modern/title-responsive/component.js +9 -10
  69. package/modern/title-responsive/index.css +41 -41
  70. package/modern/title-responsive/index.js +2 -2
  71. package/package.json +1 -1
  72. package/text/component.d.ts +3 -3
  73. package/text/component.js +2 -2
  74. package/text/index.css +14 -14
  75. package/text/index.js +1 -1
  76. package/title/common.css +5 -5
  77. package/title/component.d.ts +4 -4
  78. package/title/component.js +1 -1
  79. package/title/index.css +19 -19
  80. package/title/index.js +9 -10
  81. package/title-mobile/component.js +3 -3
  82. package/title-mobile/index.css +14 -14
  83. package/title-mobile/index.js +2 -2
  84. package/title-responsive/component.js +3 -3
  85. package/title-responsive/index.css +41 -41
  86. package/title-responsive/index.js +2 -2
  87. package/common.module-0606ddd8.js +0 -6
  88. package/esm/common.module-879f9853.js +0 -4
  89. package/modern/colors.module-4a1750d9.js +0 -4
  90. package/modern/common.module-879f9853.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 1bnj8 */
1
+ /* hash: 1b2zs */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -18,134 +18,134 @@
18
18
  'Helvetica Neue', Helvetica, sans-serif;
19
19
  }
20
20
  /* TODO: поменять медиа-запросы на миксины */
21
- .typography__styrene-xlarge_jfz86 {
21
+ .typography__styrene-xlarge_kqyhi {
22
22
  font-size: 34px;
23
23
  line-height: 40px;
24
24
  font-weight: 500;
25
25
  font-feature-settings: 'ss01';
26
26
  font-family: var(--font-family-styrene);
27
27
  }
28
- .typography__styrene-large_jfz86 {
28
+ .typography__styrene-large_kqyhi {
29
29
  font-size: 30px;
30
30
  line-height: 36px;
31
31
  font-weight: 500;
32
32
  font-feature-settings: 'ss01';
33
33
  font-family: var(--font-family-styrene);
34
34
  }
35
- .typography__styrene-medium_jfz86 {
35
+ .typography__styrene-medium_kqyhi {
36
36
  font-size: 26px;
37
37
  line-height: 32px;
38
38
  font-weight: 500;
39
39
  font-feature-settings: 'ss01';
40
40
  font-family: var(--font-family-styrene);
41
41
  }
42
- .typography__styrene-small_jfz86 {
42
+ .typography__styrene-small_kqyhi {
43
43
  font-size: 20px;
44
44
  line-height: 28px;
45
45
  font-weight: 500;
46
46
  font-feature-settings: 'ss01';
47
47
  font-family: var(--font-family-styrene);
48
48
  }
49
- .typography__styrene-xsmall_jfz86 {
49
+ .typography__styrene-xsmall_kqyhi {
50
50
  font-size: 16px;
51
51
  line-height: 24px;
52
52
  font-weight: 500;
53
53
  font-feature-settings: 'ss01';
54
54
  font-family: var(--font-family-styrene);
55
55
  }
56
- .typography__system-xlarge_jfz86 {
56
+ .typography__system-xlarge_kqyhi {
57
57
  font-size: 30px;
58
58
  line-height: 36px;
59
59
  font-weight: 700;
60
60
  }
61
- .typography__system-large_jfz86 {
61
+ .typography__system-large_kqyhi {
62
62
  font-size: 22px;
63
63
  line-height: 26px;
64
64
  font-weight: 700;
65
65
  }
66
- .typography__system-medium_jfz86 {
66
+ .typography__system-medium_kqyhi {
67
67
  font-size: 18px;
68
68
  line-height: 22px;
69
69
  font-weight: 700;
70
70
  }
71
- .typography__system-small_jfz86 {
71
+ .typography__system-small_kqyhi {
72
72
  font-size: 18px;
73
73
  line-height: 22px;
74
74
  font-weight: 700;
75
75
  }
76
- .typography__system-xsmall_jfz86 {
76
+ .typography__system-xsmall_kqyhi {
77
77
  font-size: 18px;
78
78
  line-height: 22px;
79
79
  font-weight: 700;
80
80
  }
81
- .typography__margins-xlarge_jfz86 {
81
+ .typography__margins-xlarge_kqyhi {
82
82
  margin: 0 0 var(--gap-xl);
83
83
  }
84
- .typography__margins-large_jfz86 {
84
+ .typography__margins-large_kqyhi {
85
85
  margin: var(--gap-3xl) 0 var(--gap-m);
86
86
  }
87
- .typography__margins-medium_jfz86 {
87
+ .typography__margins-medium_kqyhi {
88
88
  margin: var(--gap-3xl) 0 var(--gap-m);
89
89
  }
90
- .typography__margins-small_jfz86 {
90
+ .typography__margins-small_kqyhi {
91
91
  margin: var(--gap-3xl) 0 var(--gap-m);
92
92
  }
93
- .typography__margins-xsmall_jfz86 {
93
+ .typography__margins-xsmall_kqyhi {
94
94
  margin: var(--gap-3xl) 0 var(--gap-m);
95
95
  }
96
96
  @media screen and (min-width: 600px) {
97
- .typography__system-xlarge_jfz86 {
97
+ .typography__system-xlarge_kqyhi {
98
98
  font-size: 40px;
99
99
  line-height: 48px;
100
100
  font-weight: 700;
101
101
  }
102
102
 
103
- .typography__system-large_jfz86 {
103
+ .typography__system-large_kqyhi {
104
104
  font-size: 30px;
105
105
  line-height: 36px;
106
106
  font-weight: 700;
107
107
  }
108
108
 
109
- .typography__system-medium_jfz86 {
109
+ .typography__system-medium_kqyhi {
110
110
  font-size: 22px;
111
111
  line-height: 26px;
112
112
  font-weight: 700;
113
113
  }
114
114
 
115
- .typography__system-small_jfz86 {
115
+ .typography__system-small_kqyhi {
116
116
  font-size: 22px;
117
117
  line-height: 26px;
118
118
  font-weight: 700;
119
119
  }
120
120
 
121
- .typography__system-xsmall_jfz86 {
121
+ .typography__system-xsmall_kqyhi {
122
122
  font-size: 18px;
123
123
  line-height: 22px;
124
124
  font-weight: 700;
125
125
  }
126
126
 
127
- .typography__margins-xlarge_jfz86 {
127
+ .typography__margins-xlarge_kqyhi {
128
128
  margin: 0 0 var(--gap-xl);
129
129
  }
130
130
 
131
- .typography__margins-large_jfz86 {
131
+ .typography__margins-large_kqyhi {
132
132
  margin: var(--gap-4xl) 0 var(--gap-xl);
133
133
  }
134
134
 
135
- .typography__margins-medium_jfz86 {
135
+ .typography__margins-medium_kqyhi {
136
136
  margin: var(--gap-3xl) 0 var(--gap-m);
137
137
  }
138
138
 
139
- .typography__margins-small_jfz86 {
139
+ .typography__margins-small_kqyhi {
140
140
  margin: var(--gap-3xl) 0 var(--gap-m);
141
141
  }
142
142
 
143
- .typography__margins-xsmall_jfz86 {
143
+ .typography__margins-xsmall_kqyhi {
144
144
  margin: var(--gap-3xl) 0 var(--gap-m);
145
145
  }
146
146
  }
147
147
  @media screen and (min-width: 1024px) {
148
- .typography__styrene-xlarge_jfz86 {
148
+ .typography__styrene-xlarge_kqyhi {
149
149
  font-size: 48px;
150
150
  line-height: 64px;
151
151
  font-weight: 500;
@@ -153,7 +153,7 @@
153
153
  font-family: var(--font-family-styrene);
154
154
  }
155
155
 
156
- .typography__styrene-large_jfz86 {
156
+ .typography__styrene-large_kqyhi {
157
157
  font-size: 40px;
158
158
  line-height: 48px;
159
159
  font-weight: 500;
@@ -161,7 +161,7 @@
161
161
  font-family: var(--font-family-styrene);
162
162
  }
163
163
 
164
- .typography__styrene-medium_jfz86 {
164
+ .typography__styrene-medium_kqyhi {
165
165
  font-size: 32px;
166
166
  line-height: 40px;
167
167
  font-weight: 500;
@@ -169,7 +169,7 @@
169
169
  font-family: var(--font-family-styrene);
170
170
  }
171
171
 
172
- .typography__styrene-small_jfz86 {
172
+ .typography__styrene-small_kqyhi {
173
173
  font-size: 24px;
174
174
  line-height: 32px;
175
175
  font-weight: 500;
@@ -177,7 +177,7 @@
177
177
  font-family: var(--font-family-styrene);
178
178
  }
179
179
 
180
- .typography__styrene-xsmall_jfz86 {
180
+ .typography__styrene-xsmall_kqyhi {
181
181
  font-size: 20px;
182
182
  line-height: 24px;
183
183
  font-weight: 500;
@@ -185,53 +185,53 @@
185
185
  font-family: var(--font-family-styrene);
186
186
  }
187
187
 
188
- .typography__system-xlarge_jfz86 {
188
+ .typography__system-xlarge_kqyhi {
189
189
  font-size: 48px;
190
190
  line-height: 52px;
191
191
  font-weight: 700;
192
192
  }
193
193
 
194
- .typography__system-large_jfz86 {
194
+ .typography__system-large_kqyhi {
195
195
  font-size: 40px;
196
196
  line-height: 48px;
197
197
  font-weight: 700;
198
198
  }
199
199
 
200
- .typography__system-medium_jfz86 {
200
+ .typography__system-medium_kqyhi {
201
201
  font-size: 30px;
202
202
  line-height: 36px;
203
203
  font-weight: 700;
204
204
  }
205
205
 
206
- .typography__system-small_jfz86 {
206
+ .typography__system-small_kqyhi {
207
207
  font-size: 22px;
208
208
  line-height: 26px;
209
209
  font-weight: 700;
210
210
  }
211
211
 
212
- .typography__system-xsmall_jfz86 {
212
+ .typography__system-xsmall_kqyhi {
213
213
  font-size: 18px;
214
214
  line-height: 22px;
215
215
  font-weight: 700;
216
216
  }
217
217
 
218
- .typography__margins-xlarge_jfz86 {
218
+ .typography__margins-xlarge_kqyhi {
219
219
  margin: 0 0 var(--gap-xl);
220
220
  }
221
221
 
222
- .typography__margins-large_jfz86 {
222
+ .typography__margins-large_kqyhi {
223
223
  margin: var(--gap-4xl) 0 var(--gap-xl);
224
224
  }
225
225
 
226
- .typography__margins-medium_jfz86 {
226
+ .typography__margins-medium_kqyhi {
227
227
  margin: var(--gap-4xl) 0 var(--gap-xl);
228
228
  }
229
229
 
230
- .typography__margins-small_jfz86 {
230
+ .typography__margins-small_kqyhi {
231
231
  margin: var(--gap-3xl) 0 var(--gap-m);
232
232
  }
233
233
 
234
- .typography__margins-xsmall_jfz86 {
234
+ .typography__margins-xsmall_kqyhi {
235
235
  margin: var(--gap-3xl) 0 var(--gap-m);
236
236
  }
237
237
  }
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../colors.module-2cc8e807.js');
5
+ require('../colors.module-2ba58573.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('../title/component.js');
9
- require('../common.module-0606ddd8.js');
9
+ require('../common.module-c7b5f1ff.js');
10
10
  var titleResponsive_component = require('./component.js');
11
11
 
12
12
 
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"typography__component_vl9i7","bold":"typography__bold_vl9i7","medium":"typography__medium_vl9i7","regular":"typography__regular_vl9i7"};
4
- require('./title/common.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"typography__component_vl9i7","bold":"typography__bold_vl9i7","medium":"typography__medium_vl9i7","regular":"typography__regular_vl9i7"};
2
- require('./title/common.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var colors = {"tertiary":"typography__tertiary_36jpp","disabled":"typography__disabled_36jpp","accent":"typography__accent_36jpp","primary":"typography__primary_36jpp","attention":"typography__attention_36jpp","positive":"typography__positive_36jpp","secondary":"typography__secondary_36jpp","tertiary-inverted":"typography__tertiary-inverted_36jpp","primary-inverted":"typography__primary-inverted_36jpp","secondary-inverted":"typography__secondary-inverted_36jpp","link":"typography__link_36jpp","negative":"typography__negative_36jpp"};
2
- require('./colors.css')
3
-
4
- export { colors as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"typography__component_vl9i7","bold":"typography__bold_vl9i7","medium":"typography__medium_vl9i7","regular":"typography__regular_vl9i7"};
2
- require('./title/common.css')
3
-
4
- export { commonStyles as c };