@rescui/typography 0.5.1 → 0.7.1

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 (6) hide show
  1. package/lib/create-text-cn.d.ts +24 -7
  2. package/lib/create-text-cn.js +16 -2
  3. package/lib/hooks.d.ts +2 -0
  4. package/lib/index.css +80 -35
  5. package/lib/mixins.pcss +138 -121
  6. package/package.json +5 -5
package/lib/create-text-cn.d.ts CHANGED
@@ -3,17 +3,34 @@ import { Theme } from '@rescui/ui-contexts';
3
3
  import './styles';
4
4
  export declare type Texts = 'rs-text-1' | 'rs-text-2' | 'rs-text-3';
5
5
  export declare type Link = 'rs-link';
6
- export declare type Others = 'rs-super-hero' | 'rs-digits' | 'rs-hero' | 'rs-subtitle-1' | 'rs-h1' | 'rs-subtitle-2' | 'rs-h2' | 'rs-h3' | 'rs-h4' | 'rs-h5' | 'rs-overline' | 'rs-pre' | 'rs-code' | 'rs-link' | 'rs-article';
7
- export interface TextsParams {
6
+ export declare type OrderedList = 'rs-ol';
7
+ export declare type UnorderedList = 'rs-ul';
8
+ export declare type Others = 'rs-super-hero' | 'rs-digits-1' | 'rs-digits-2' | 'rs-hero' | 'rs-subtitle-1' | 'rs-h1' | 'rs-subtitle-2' | 'rs-h2' | 'rs-h3' | 'rs-h4' | 'rs-h5' | 'rs-overline' | 'rs-pre' | 'rs-code' | 'rs-link' | 'rs-article';
9
+ export declare type Type = Texts | Link | OrderedList | Others | UnorderedList;
10
+ export declare type Hardness = 'average' | 'hard' | 'pale';
11
+ export declare type TextsParams = {
8
12
  paragraphOffsetAuto?: boolean;
9
- hardness?: 'average' | 'hard' | 'pale';
10
- }
11
- export interface LinkParams extends Omit<TextsParams, 'paragraphOffsetAuto'> {
13
+ hardness?: Hardness;
14
+ };
15
+ export declare type Mode = 'classic' | 'rock' | 'clear' | 'standalone';
16
+ export declare type LinkParams = {
12
17
  external?: boolean;
13
- mode?: 'classic' | 'rock' | 'clear' | 'standalone';
14
- }
18
+ hardness?: Hardness;
19
+ mode?: Mode;
20
+ };
21
+ export declare type Alpha = 'lower' | 'upper';
22
+ export declare type OffsetItems = 8 | 12 | 16 | 24;
23
+ export declare type OrderedListParams = {
24
+ alpha?: Alpha;
25
+ offsetItems?: OffsetItems;
26
+ };
27
+ export declare type UnorderedListParams = {
28
+ offsetItems?: OffsetItems;
29
+ };
15
30
  export declare function createTextCn(theme: Theme): {
16
31
  (type: Texts, params?: TextsParams): string;
17
32
  (type: Link, params?: LinkParams): string;
33
+ (type: OrderedList, params?: OrderedListParams): string;
34
+ (type: UnorderedList, params?: UnorderedListParams): string;
18
35
  (type: Others): string;
19
36
  };
package/lib/create-text-cn.js CHANGED
@@ -1,4 +1,6 @@
1
+ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
1
2
  import bemCnFast from 'bem-cn-fast';
3
+ var THEMED_TYPES = ['rs-super-hero', 'rs-digits-1', 'rs-digits-2', 'rs-hero', 'rs-subtitle-1', 'rs-h1', 'rs-subtitle-2', 'rs-h2', 'rs-h3', 'rs-h4', 'rs-h5', 'rs-overline', 'rs-pre', 'rs-code', 'rs-link', 'rs-article', 'rs-text-1', 'rs-text-2', 'rs-text-3', 'rs-link'];
2
4
 
3
5
  function createTextCn(theme) {
4
6
  if (!theme) {
@@ -16,14 +18,26 @@ function createTextCn(theme) {
16
18
  _ref$external = _ref.external,
17
19
  external = _ref$external === void 0 ? false : _ref$external,
18
20
  _ref$mode = _ref.mode,
19
- mode = _ref$mode === void 0 ? 'classic' : _ref$mode;
21
+ mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
22
+ _ref$alpha = _ref.alpha,
23
+ alpha = _ref$alpha === void 0 ? undefined : _ref$alpha,
24
+ _ref$offsetItems = _ref.offsetItems,
25
+ offsetItems = _ref$offsetItems === void 0 ? undefined : _ref$offsetItems;
26
+
27
+ if (type === 'rs-digits') {
28
+ // eslint-disable-next-line no-param-reassign
29
+ type = 'rs-digits-1';
30
+ console.warn("'rs-digits' style is deprecated, please use 'rs-digits-1' instead");
31
+ }
20
32
 
21
33
  return bemCnFast(type)({
22
34
  'paragraph-offset-auto': paragraphOffsetAuto,
23
35
  hardness: hardness,
24
36
  external: external,
25
37
  mode: type === 'rs-link' && mode,
26
- theme: theme
38
+ theme: _includesInstanceProperty(THEMED_TYPES).call(THEMED_TYPES, type) && theme,
39
+ alpha: alpha,
40
+ 'offset-items': offsetItems
27
41
  });
28
42
  }
29
43
 
package/lib/hooks.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export declare const useTextStyles: () => {
2
2
  (type: import("./create-text-cn").Texts, params?: import("./create-text-cn").TextsParams): string;
3
3
  (type: "rs-link", params?: import("./create-text-cn").LinkParams): string;
4
+ (type: "rs-ol", params?: import("./create-text-cn").OrderedListParams): string;
5
+ (type: "rs-ul", params?: import("./create-text-cn").UnorderedListParams): string;
4
6
  (type: import("./create-text-cn").Others): string;
5
7
  };
package/lib/index.css CHANGED
@@ -5,8 +5,6 @@
5
5
  }
6
6
  .rs-super-hero{
7
7
  letter-spacing:-0.02em;
8
- color:#19191C;
9
- color:var(--rs-typography-color-hard, #19191C);
10
8
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
11
9
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
12
10
  font-size:142px;
@@ -33,6 +31,10 @@
33
31
  .rs-reset-letter-spacing .rs-super-hero{
34
32
  letter-spacing:normal;
35
33
  }
34
+ .rs-super-hero {
35
+ color:#19191C;
36
+ color:var(--rs-typography-color-hard, #19191C);
37
+ }
36
38
  .rs-super-hero_theme_dark{
37
39
  color:#FFFFFF;
38
40
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -41,42 +43,69 @@
41
43
  color:#FFFFFF;
42
44
  color:var(--rs-typography-color-hard, #FFFFFF);
43
45
  }
44
- .rs-digits{
46
+ .rs-digits-1{
45
47
  letter-spacing:-0.005em;
46
48
  font-variant-numeric:tabular-nums;
47
- color:#19191C;
48
- color:var(--rs-typography-color-hard, #19191C);
49
49
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
50
50
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
51
51
  font-size:69px;
52
- font-size:var(--rs-digits-font-size, 69px);
52
+ font-size:var(--rs-digits-1-font-size, 69px);
53
53
  font-weight:320;
54
54
  font-weight:var(--rs-font-weight-light, 320);
55
55
  line-height:71px;
56
- line-height:var(--rs-digits-line-height, 71px);
56
+ line-height:var(--rs-digits-1-line-height, 71px);
57
57
  }
58
58
  @media screen and (max-width: 640px){
59
- .rs-digits{
60
- --rs-digits-font-size:var(--rs-digits-font-size-mobile, 40px);
61
- --rs-digits-line-height:var(--rs-digits-line-height-mobile, 44px);
59
+ .rs-digits-1{
60
+ --rs-digits-1-font-size:var(--rs-digits-2-font-size, 40px);
61
+ --rs-digits-1-line-height:var(--rs-digits-2-line-height, 44px);
62
62
  letter-spacing:normal;
63
63
  }
64
64
  }
65
- .rs-reset-letter-spacing .rs-digits{
65
+ .rs-reset-letter-spacing .rs-digits-1{
66
66
  letter-spacing:normal;
67
67
  }
68
- .rs-digits_theme_dark{
68
+ .rs-digits-1 {
69
+ color:#19191C;
70
+ color:var(--rs-typography-color-hard, #19191C);
71
+ }
72
+ .rs-digits-1_theme_dark{
69
73
  color:#FFFFFF;
70
74
  color:var(--rs-typography-color-hard, #FFFFFF);
71
75
  }
72
- [class*='_theme_dark'] .rs-digits_theme_auto{
76
+ [class*='_theme_dark'] .rs-digits-1_theme_auto{
73
77
  color:#FFFFFF;
74
78
  color:var(--rs-typography-color-hard, #FFFFFF);
75
79
  }
76
- .rs-hero{
80
+ .rs-digits-2{
77
81
  letter-spacing:-0.005em;
82
+ font-variant-numeric:tabular-nums;
83
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
84
+ font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
85
+ font-size:40px;
86
+ font-size:var(--rs-digits-2-font-size, 40px);
87
+ font-weight:320;
88
+ font-weight:var(--rs-font-weight-light, 320);
89
+ line-height:44px;
90
+ line-height:var(--rs-digits-2-line-height, 44px);
91
+ }
92
+ .rs-reset-letter-spacing .rs-digits-2{
93
+ letter-spacing:normal;
94
+ }
95
+ .rs-digits-2 {
78
96
  color:#19191C;
79
97
  color:var(--rs-typography-color-hard, #19191C);
98
+ }
99
+ .rs-digits-2_theme_dark{
100
+ color:#FFFFFF;
101
+ color:var(--rs-typography-color-hard, #FFFFFF);
102
+ }
103
+ [class*='_theme_dark'] .rs-digits-2_theme_auto{
104
+ color:#FFFFFF;
105
+ color:var(--rs-typography-color-hard, #FFFFFF);
106
+ }
107
+ .rs-hero{
108
+ letter-spacing:-0.005em;
80
109
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
81
110
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
82
111
  font-size:72px;
@@ -96,6 +125,10 @@
96
125
  .rs-reset-letter-spacing .rs-hero{
97
126
  letter-spacing:normal;
98
127
  }
128
+ .rs-hero {
129
+ color:#19191C;
130
+ color:var(--rs-typography-color-hard, #19191C);
131
+ }
99
132
  .rs-hero_theme_dark{
100
133
  color:#FFFFFF;
101
134
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -105,8 +138,6 @@
105
138
  color:var(--rs-typography-color-hard, #FFFFFF);
106
139
  }
107
140
  .rs-subtitle-1{
108
- color:#19191C;
109
- color:var(--rs-typography-color-hard, #19191C);
110
141
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
111
142
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
112
143
  font-size:39px;
@@ -122,6 +153,10 @@
122
153
  --rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
123
154
  }
124
155
  }
156
+ .rs-subtitle-1 {
157
+ color:#19191C;
158
+ color:var(--rs-typography-color-hard, #19191C);
159
+ }
125
160
  .rs-subtitle-1_theme_dark{
126
161
  color:#FFFFFF;
127
162
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -132,8 +167,6 @@
132
167
  }
133
168
  .rs-h1{
134
169
  letter-spacing:-0.001em;
135
- color:#19191C;
136
- color:var(--rs-typography-color-hard, #19191C);
137
170
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
138
171
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
139
172
  font-size:43px;
@@ -150,6 +183,10 @@
150
183
  letter-spacing:normal;
151
184
  }
152
185
  }
186
+ .rs-h1 {
187
+ color:#19191C;
188
+ color:var(--rs-typography-color-hard, #19191C);
189
+ }
153
190
  .rs-h1_theme_dark{
154
191
  color:#FFFFFF;
155
192
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -159,8 +196,6 @@
159
196
  color:var(--rs-typography-color-hard, #FFFFFF);
160
197
  }
161
198
  .rs-subtitle-2{
162
- color:#19191C;
163
- color:var(--rs-typography-color-hard, #19191C);
164
199
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
165
200
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
166
201
  font-size:29px;
@@ -176,6 +211,10 @@
176
211
  --rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
177
212
  }
178
213
  }
214
+ .rs-subtitle-2 {
215
+ color:#19191C;
216
+ color:var(--rs-typography-color-hard, #19191C);
217
+ }
179
218
  .rs-subtitle-2_theme_dark{
180
219
  color:#FFFFFF;
181
220
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -185,8 +224,6 @@
185
224
  color:var(--rs-typography-color-hard, #FFFFFF);
186
225
  }
187
226
  .rs-h2{
188
- color:#19191C;
189
- color:var(--rs-typography-color-hard, #19191C);
190
227
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
191
228
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
192
229
  font-size:35px;
@@ -202,6 +239,10 @@
202
239
  --rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
203
240
  }
204
241
  }
242
+ .rs-h2 {
243
+ color:#19191C;
244
+ color:var(--rs-typography-color-hard, #19191C);
245
+ }
205
246
  .rs-h2_theme_dark{
206
247
  color:#FFFFFF;
207
248
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -212,8 +253,6 @@
212
253
  }
213
254
  .rs-h3{
214
255
  letter-spacing:normal;
215
- color:#19191C;
216
- color:var(--rs-typography-color-hard, #19191C);
217
256
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
218
257
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
219
258
  font-size:20px;
@@ -222,6 +261,8 @@
222
261
  font-weight:var(--rs-font-weight-semi-bold, 530);
223
262
  line-height:28px;
224
263
  line-height:var(--rs-h3-line-height, 28px);
264
+ color:#19191C;
265
+ color:var(--rs-typography-color-hard, #19191C);
225
266
  }
226
267
  .rs-h3_theme_dark{
227
268
  color:#FFFFFF;
@@ -232,8 +273,6 @@
232
273
  color:var(--rs-typography-color-hard, #FFFFFF);
233
274
  }
234
275
  .rs-text-1{
235
- color:rgba(25,25,28,0.7);
236
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
237
276
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
238
277
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
239
278
  font-size:19px;
@@ -241,6 +280,8 @@
241
280
  font-weight:normal;
242
281
  line-height:28px;
243
282
  line-height:var(--rs-text-1-line-height, 28px);
283
+ color:rgba(25,25,28,0.7);
284
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
244
285
  }
245
286
  .rs-text-1_paragraph-offset-auto > p:not(:first-of-type){
246
287
  margin-top:32px;
@@ -282,8 +323,6 @@
282
323
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
283
324
  }
284
325
  .rs-h4{
285
- color:#19191C;
286
- color:var(--rs-typography-color-hard, #19191C);
287
326
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
288
327
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
289
328
  font-size:17px;
@@ -292,6 +331,8 @@
292
331
  font-weight:var(--rs-font-weight-semi-bold, 530);
293
332
  line-height:24px;
294
333
  line-height:var(--rs-h4-line-height, 24px);
334
+ color:#19191C;
335
+ color:var(--rs-typography-color-hard, #19191C);
295
336
  }
296
337
  .rs-h4_theme_dark{
297
338
  color:#FFFFFF;
@@ -303,8 +344,6 @@
303
344
  }
304
345
  .rs-text-2{
305
346
  letter-spacing:0.0015em;
306
- color:rgba(25,25,28,0.7);
307
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
308
347
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
309
348
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
310
349
  font-size:16px;
@@ -316,6 +355,10 @@
316
355
  .rs-reset-letter-spacing .rs-text-2{
317
356
  letter-spacing:normal;
318
357
  }
358
+ .rs-text-2 {
359
+ color:rgba(25,25,28,0.7);
360
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
361
+ }
319
362
  .rs-text-2_paragraph-offset-auto > p:not(:first-of-type){
320
363
  margin-top:16px;
321
364
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -356,8 +399,6 @@
356
399
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
357
400
  }
358
401
  .rs-h5{
359
- color:#19191C;
360
- color:var(--rs-typography-color-hard, #19191C);
361
402
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
362
403
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
363
404
  font-size:14px;
@@ -366,6 +407,8 @@
366
407
  font-weight:var(--rs-font-weight-semi-bold, 530);
367
408
  line-height:20px;
368
409
  line-height:var(--rs-h5-line-height, 20px);
410
+ color:#19191C;
411
+ color:var(--rs-typography-color-hard, #19191C);
369
412
  }
370
413
  .rs-h5_theme_dark{
371
414
  color:#FFFFFF;
@@ -399,8 +442,6 @@
399
442
  }
400
443
  .rs-text-3{
401
444
  letter-spacing:0.0045em;
402
- color:rgba(25,25,28,0.7);
403
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
404
445
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
405
446
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
406
447
  font-size:13px;
@@ -411,6 +452,10 @@
411
452
  .rs-reset-letter-spacing .rs-text-3{
412
453
  letter-spacing:normal;
413
454
  }
455
+ .rs-text-3 {
456
+ color:rgba(25,25,28,0.7);
457
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
458
+ }
414
459
  .rs-text-3_paragraph-offset-auto > p:not(:first-of-type){
415
460
  margin-top:8px;
416
461
  margin-top:var(--rs-flow-unit, 8px);
@@ -643,7 +688,7 @@
643
688
  margin-top:8px
644
689
  }
645
690
  }
646
- .rs-ol{
691
+ .rs-ol {
647
692
  counter-reset:ol-counter;
648
693
  }
649
694
  .rs-ol.rs-text-2 > li, .rs-text-2 .rs-ol > li{
package/lib/mixins.pcss CHANGED
@@ -16,18 +16,38 @@
16
16
  --rs-typography-classic-link-underline-color:rgba(255,255,255,0.4);
17
17
  --rs-typography-rock-link-hover-color:#19191C;
18
18
  }
19
+ @define-mixin rs-text-hardness-hard{
20
+ color:#19191C;
21
+ color:var(--rs-typography-color-hard, #19191C);
22
+ }
23
+ @define-mixin rs-text-hardness-average{
24
+ color:rgba(25,25,28,0.7);
25
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
26
+ }
27
+ @define-mixin rs-text-hardness-pale{
28
+ color:rgba(25,25,28,0.5);
29
+ color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
30
+ }
31
+ @define-mixin rs-text-hardness-hard-theme-dark{
32
+ color:#FFFFFF;
33
+ color:var(--rs-typography-color-hard, #FFFFFF);
34
+ }
35
+ @define-mixin rs-text-hardness-average-theme-dark{
36
+ color:rgba(255,255,255,0.7);
37
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
38
+ }
39
+ @define-mixin rs-text-hardness-pale-theme-dark{
40
+ color:rgba(255,255,255,0.5);
41
+ color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
42
+ }
19
43
  @define-mixin rs-font-smoothing{
20
44
  text-rendering:optimizeLegibility;
21
45
  -webkit-font-smoothing:antialiased;
22
46
  -moz-osx-font-smoothing:grayscale;
23
47
  }
24
- @define-mixin rs-super-hero{
48
+ @define-mixin rs-super-hero-base{
25
49
  letter-spacing:-0.02em;
26
50
 
27
- color:#19191C;
28
-
29
- color:var(--rs-typography-color-hard, #19191C);
30
-
31
51
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
32
52
 
33
53
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -58,38 +78,37 @@
58
78
  letter-spacing:normal;
59
79
  }
60
80
  }
81
+ @define-mixin rs-super-hero{
82
+ @mixin rs-super-hero-base;
83
+ @mixin rs-text-hardness-hard;
84
+ }
61
85
  @define-mixin rs-super-hero-theme-dark{
62
- color:#FFFFFF;
63
- color:var(--rs-typography-color-hard, #FFFFFF);
86
+ @mixin rs-text-hardness-hard-theme-dark;
64
87
  }
65
88
  @define-mixin rs-super-hero-offset-top{
66
89
  margin-top:96px;
67
90
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
68
91
  }
69
- @define-mixin rs-digits{
92
+ @define-mixin rs-digits-1-base{
70
93
  letter-spacing:-0.005em;
71
94
 
72
95
  font-variant-numeric:tabular-nums;
73
96
 
74
- color:#19191C;
75
-
76
- color:var(--rs-typography-color-hard, #19191C);
77
-
78
97
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
79
98
 
80
99
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
81
100
 
82
101
  font-size:69px;
83
102
 
84
- font-size:var(--rs-digits-font-size, 69px);
103
+ font-size:var(--rs-digits-1-font-size, 69px);
85
104
  font-weight:320;
86
105
  font-weight:var(--rs-font-weight-light, 320);
87
106
  line-height:71px;
88
- line-height:var(--rs-digits-line-height, 71px);
107
+ line-height:var(--rs-digits-1-line-height, 71px);
89
108
 
90
109
  @media screen and (max-width: 640px){
91
- --rs-digits-font-size:var(--rs-digits-font-size-mobile, 40px);
92
- --rs-digits-line-height:var(--rs-digits-line-height-mobile, 44px);
110
+ --rs-digits-1-font-size:var(--rs-digits-2-font-size, 40px);
111
+ --rs-digits-1-line-height:var(--rs-digits-2-line-height, 44px);
93
112
  letter-spacing:normal;
94
113
  }
95
114
 
@@ -97,20 +116,51 @@
97
116
  letter-spacing:normal;
98
117
  }
99
118
  }
100
- @define-mixin rs-digits-theme-dark{
101
- color:#FFFFFF;
102
- color:var(--rs-typography-color-hard, #FFFFFF);
119
+ @define-mixin rs-digits-1{
120
+ @mixin rs-digits-1-base;
121
+ @mixin rs-text-hardness-hard;
122
+ }
123
+ @define-mixin rs-digits-1-theme-dark{
124
+ @mixin rs-text-hardness-hard-theme-dark;
103
125
  }
104
- @define-mixin rs-digits-offset-top{
126
+ @define-mixin rs-digits-1-offset-top{
105
127
  margin-top:32px;
106
128
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
107
129
  }
108
- @define-mixin rs-hero{
130
+ @define-mixin rs-digits-2-base{
109
131
  letter-spacing:-0.005em;
110
132
 
111
- color:#19191C;
133
+ font-variant-numeric:tabular-nums;
112
134
 
113
- color:var(--rs-typography-color-hard, #19191C);
135
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
136
+
137
+ font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
138
+
139
+ font-size:40px;
140
+
141
+ font-size:var(--rs-digits-2-font-size, 40px);
142
+ font-weight:320;
143
+ font-weight:var(--rs-font-weight-light, 320);
144
+ line-height:44px;
145
+ line-height:var(--rs-digits-2-line-height, 44px);
146
+
147
+ .rs-reset-letter-spacing &{
148
+ letter-spacing:normal;
149
+ }
150
+ }
151
+ @define-mixin rs-digits-2{
152
+ @mixin rs-digits-2-base;
153
+ @mixin rs-text-hardness-hard;
154
+ }
155
+ @define-mixin rs-digits-2-theme-dark{
156
+ @mixin rs-text-hardness-hard-theme-dark;
157
+ }
158
+ @define-mixin rs-digits-2-offset-top{
159
+ margin-top:32px;
160
+ margin-top:calc(var(--rs-flow-unit, 8px)*4);
161
+ }
162
+ @define-mixin rs-hero-base{
163
+ letter-spacing:-0.005em;
114
164
 
115
165
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
116
166
 
@@ -136,22 +186,19 @@
136
186
  letter-spacing:normal;
137
187
  }
138
188
  }
189
+ @define-mixin rs-hero{
190
+ @mixin rs-hero-base;
191
+ @mixin rs-text-hardness-hard;
192
+ }
139
193
  @define-mixin rs-hero-theme-dark{
140
- color:#FFFFFF;
141
- color:var(--rs-typography-color-hard, #FFFFFF);
194
+ @mixin rs-text-hardness-hard-theme-dark;
142
195
  }
143
196
  @define-mixin rs-hero-offset-top{
144
197
  margin-top:96px;
145
198
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
146
199
  }
147
- @define-mixin rs-subtitle-1{
148
-
149
- color:#19191C;
150
-
151
- color:var(--rs-typography-color-hard, #19191C);
152
-
200
+ @define-mixin rs-subtitle-1-base{
153
201
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
154
-
155
202
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
156
203
 
157
204
  font-size:39px;
@@ -167,18 +214,19 @@
167
214
  --rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
168
215
  }
169
216
  }
217
+ @define-mixin rs-subtitle-1{
218
+ @mixin rs-subtitle-1-base;
219
+ @mixin rs-text-hardness-hard;
220
+ }
170
221
  @define-mixin rs-subtitle-1-theme-dark{
171
- color:#FFFFFF;
172
- color:var(--rs-typography-color-hard, #FFFFFF);
222
+ @mixin rs-text-hardness-hard-theme-dark;
173
223
  }
174
224
  @define-mixin rs-subtitle-1-offset-top{
175
225
  margin-top:32px;
176
226
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
177
227
  }
178
- @define-mixin rs-h1{
228
+ @define-mixin rs-h1-base{
179
229
  letter-spacing:-0.001em;
180
- color:#19191C;
181
- color:var(--rs-typography-color-hard, #19191C);
182
230
 
183
231
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
184
232
 
@@ -200,20 +248,19 @@
200
248
  letter-spacing:normal;
201
249
  }
202
250
  }
251
+ @define-mixin rs-h1{
252
+ @mixin rs-h1-base;
253
+ @mixin rs-text-hardness-hard;
254
+ }
203
255
  @define-mixin rs-h1-theme-dark{
204
- color:#FFFFFF;
205
- color:var(--rs-typography-color-hard, #FFFFFF);
256
+ @mixin rs-text-hardness-hard-theme-dark;
206
257
  }
207
258
  @define-mixin rs-h1-offset-top{
208
259
  margin-top:64px;
209
260
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
210
261
  }
211
- @define-mixin rs-subtitle-2{
212
- color:#19191C;
213
- color:var(--rs-typography-color-hard, #19191C);
214
-
262
+ @define-mixin rs-subtitle-2-base{
215
263
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
216
-
217
264
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
218
265
 
219
266
  font-size:29px;
@@ -229,20 +276,19 @@
229
276
  --rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
230
277
  }
231
278
  }
279
+ @define-mixin rs-subtitle-2{
280
+ @mixin rs-subtitle-2-base;
281
+ @mixin rs-text-hardness-hard;
282
+ }
232
283
  @define-mixin rs-subtitle-2-theme-dark{
233
- color:#FFFFFF;
234
- color:var(--rs-typography-color-hard, #FFFFFF);
284
+ @mixin rs-text-hardness-hard-theme-dark;
235
285
  }
236
286
  @define-mixin rs-subtitle-2-offset-top{
237
287
  margin-top:32px;
238
288
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
239
289
  }
240
- @define-mixin rs-h2{
241
- color:#19191C;
242
- color:var(--rs-typography-color-hard, #19191C);
243
-
290
+ @define-mixin rs-h2-base{
244
291
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
245
-
246
292
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
247
293
 
248
294
  font-size:35px;
@@ -260,21 +306,20 @@
260
306
  --rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
261
307
  }
262
308
  }
309
+ @define-mixin rs-h2{
310
+ @mixin rs-h2-base;
311
+ @mixin rs-text-hardness-hard;
312
+ }
263
313
  @define-mixin rs-h2-theme-dark{
264
- color:#FFFFFF;
265
- color:var(--rs-typography-color-hard, #FFFFFF);
314
+ @mixin rs-text-hardness-hard-theme-dark;
266
315
  }
267
316
  @define-mixin rs-h2-offset-top{
268
317
  margin-top:48px;
269
318
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
270
319
  }
271
- @define-mixin rs-h3{
320
+ @define-mixin rs-h3-base{
272
321
  letter-spacing:normal;
273
322
 
274
- color:#19191C;
275
-
276
- color:var(--rs-typography-color-hard, #19191C);
277
-
278
323
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
279
324
 
280
325
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -287,44 +332,19 @@
287
332
  line-height:28px;
288
333
  line-height:var(--rs-h3-line-height, 28px);
289
334
  }
335
+ @define-mixin rs-h3{
336
+ @mixin rs-h3-base;
337
+ @mixin rs-text-hardness-hard;
338
+ }
290
339
  @define-mixin rs-h3-theme-dark{
291
- color:#FFFFFF;
292
- color:var(--rs-typography-color-hard, #FFFFFF);
340
+ @mixin rs-text-hardness-hard-theme-dark;
293
341
  }
294
342
  @define-mixin rs-h3-offset-top{
295
343
  margin-top:32px;
296
344
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
297
345
  }
298
- @define-mixin rs-text-hardness-hard{
299
- color:#19191C;
300
- color:var(--rs-typography-color-hard, #19191C);
301
- }
302
- @define-mixin rs-text-hardness-average{
303
- color:rgba(25,25,28,0.7);
304
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
305
- }
306
- @define-mixin rs-text-hardness-pale{
307
- color:rgba(25,25,28,0.5);
308
- color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
309
- }
310
- @define-mixin rs-text-hardness-hard-theme-dark{
311
- color:#FFFFFF;
312
- color:var(--rs-typography-color-hard, #FFFFFF);
313
- }
314
- @define-mixin rs-text-hardness-average-theme-dark{
315
- color:rgba(255,255,255,0.7);
316
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
317
- }
318
- @define-mixin rs-text-hardness-pale-theme-dark{
319
- color:rgba(255,255,255,0.5);
320
- color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
321
- }
322
- @define-mixin rs-text-1{
323
- color:rgba(25,25,28,0.7);
324
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
325
-
346
+ @define-mixin rs-text-1-base{
326
347
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
327
-
328
348
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
329
349
 
330
350
  font-size:19px;
@@ -334,20 +354,19 @@
334
354
  line-height:28px;
335
355
  line-height:var(--rs-text-1-line-height, 28px);
336
356
  }
357
+ @define-mixin rs-text-1{
358
+ @mixin rs-text-1-base;
359
+ @mixin rs-text-hardness-average;
360
+ }
337
361
  @define-mixin rs-text-1-theme-dark{
338
- color:rgba(255,255,255,0.7);
339
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
362
+ @mixin rs-text-hardness-average-theme-dark;
340
363
  }
341
364
  @define-mixin rs-text-1-offset-top{
342
365
  margin-top:32px;
343
366
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
344
367
  }
345
- @define-mixin rs-h4{
346
- color:#19191C;
347
- color:var(--rs-typography-color-hard, #19191C);
348
-
368
+ @define-mixin rs-h4-base{
349
369
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
350
-
351
370
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
352
371
 
353
372
  font-size:17px;
@@ -360,21 +379,20 @@
360
379
 
361
380
  line-height:var(--rs-h4-line-height, 24px);
362
381
  }
382
+ @define-mixin rs-h4{
383
+ @mixin rs-h4-base;
384
+ @mixin rs-text-hardness-hard;
385
+ }
363
386
  @define-mixin rs-h4-theme-dark{
364
- color:#FFFFFF;
365
- color:var(--rs-typography-color-hard, #FFFFFF);
387
+ @mixin rs-text-hardness-hard-theme-dark;
366
388
  }
367
389
  @define-mixin rs-h4-offset-top{
368
390
  margin-top:16px;
369
391
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
370
392
  }
371
- @define-mixin rs-text-2{
393
+ @define-mixin rs-text-2-base{
372
394
  letter-spacing:0.0015em;
373
395
 
374
- color:rgba(25,25,28,0.7);
375
-
376
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
377
-
378
396
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
379
397
 
380
398
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -390,22 +408,19 @@
390
408
  letter-spacing:normal;
391
409
  }
392
410
  }
411
+ @define-mixin rs-text-2{
412
+ @mixin rs-text-2-base;
413
+ @mixin rs-text-hardness-average;
414
+ }
393
415
  @define-mixin rs-text-2-theme-dark{
394
- color:rgba(255,255,255,0.7);
395
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
416
+ @mixin rs-text-hardness-average-theme-dark;
396
417
  }
397
418
  @define-mixin rs-text-2-offset-top{
398
419
  margin-top:16px;
399
420
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
400
421
  }
401
- @define-mixin rs-h5{
402
-
403
- color:#19191C;
404
-
405
- color:var(--rs-typography-color-hard, #19191C);
406
-
422
+ @define-mixin rs-h5-base{
407
423
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
408
-
409
424
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
410
425
 
411
426
  font-size:14px;
@@ -418,9 +433,12 @@
418
433
 
419
434
  line-height:var(--rs-h5-line-height, 20px);
420
435
  }
436
+ @define-mixin rs-h5{
437
+ @mixin rs-h5-base;
438
+ @mixin rs-text-hardness-hard;
439
+ }
421
440
  @define-mixin rs-h5-theme-dark{
422
- color:#FFFFFF;
423
- color:var(--rs-typography-color-hard, #FFFFFF);
441
+ @mixin rs-text-hardness-hard-theme-dark;
424
442
  }
425
443
  @define-mixin rs-h5-offset-top{
426
444
  margin-top:16px;
@@ -457,13 +475,9 @@
457
475
  margin-top:16px;
458
476
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
459
477
  }
460
- @define-mixin rs-text-3{
478
+ @define-mixin rs-text-3-base{
461
479
  letter-spacing:0.0045em;
462
480
 
463
- color:rgba(25,25,28,0.7);
464
-
465
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
466
-
467
481
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
468
482
 
469
483
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -478,9 +492,12 @@
478
492
  letter-spacing:normal;
479
493
  }
480
494
  }
495
+ @define-mixin rs-text-3{
496
+ @mixin rs-text-3-base;
497
+ @mixin rs-text-hardness-average;
498
+ }
481
499
  @define-mixin rs-text-3-theme-dark{
482
- color:rgba(255,255,255,0.7);
483
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
500
+ @mixin rs-text-hardness-average-theme-dark;
484
501
  }
485
502
  @define-mixin rs-text-3-offset-top{
486
503
  margin-top:8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/typography",
3
- "version": "0.5.1",
3
+ "version": "0.7.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "dependencies": {
21
21
  "@babel/runtime-corejs3": "^7.14.0",
22
- "@rescui/colors": "^0.1.0",
22
+ "@rescui/colors": "^0.1.1",
23
23
  "bem-cn-fast": "^1.0.2",
24
24
  "inter-ui": "^3.15.1"
25
25
  },
@@ -28,8 +28,8 @@
28
28
  "react": ">=16.8.0 <18"
29
29
  },
30
30
  "devDependencies": {
31
- "@rescui/postcss-preset-library": "^0.0.4",
32
- "@rescui/scripts": "^0.1.4",
31
+ "@rescui/postcss-preset-library": "^0.0.5",
32
+ "@rescui/scripts": "^0.1.5",
33
33
  "@rescui/visual-regression": "^0.0.1",
34
34
  "case": "^1.6.3",
35
35
  "fs-extra": "^7.0.1",
@@ -40,5 +40,5 @@
40
40
  "build": "rescui-scripts build --no-css-modules && yarn run build-mixins && shx cp src/font-*.css lib",
41
41
  "build-mixins": "rescui-scripts postcss --glob mixins.pcss --config ./.postcssrc-mixins.js --no-clean-out && shx mv lib/mixins.css lib/mixins.pcss && shx rm lib/mixins.css.map"
42
42
  },
43
- "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
43
+ "gitHead": "10cf86a6c4c4b678c0b94c03c56c6d33214f03e8"
44
44
  }