@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.
- package/colors.css +18 -18
- package/{colors.module-2cc8e807.d.ts → colors.module-2ba58573.d.ts} +8 -4
- package/{colors.module-2cc8e807.js → colors.module-2ba58573.js} +2 -2
- package/common.module-c7b5f1ff.js +6 -0
- package/component.d.ts +1 -1
- package/component.js +4 -4
- package/cssm/colors.module.css +5 -5
- package/cssm/component.d.ts +1 -1
- package/cssm/component.js +5 -5
- package/cssm/index.d.ts +3 -3
- package/cssm/index.js +5 -5
- package/cssm/text/component.d.ts +3 -3
- package/cssm/text/component.js +1 -1
- package/cssm/text/index.js +1 -1
- package/cssm/title/component.d.ts +4 -4
- package/cssm/title/component.js +1 -1
- package/cssm/title/index.js +7 -8
- package/cssm/title-mobile/component.js +1 -1
- package/cssm/title-mobile/index.js +1 -1
- package/cssm/title-responsive/component.js +1 -1
- package/cssm/title-responsive/index.js +1 -1
- package/{esm/colors.module-6065797e.d.ts → cssm/tslib.es6-9682e485.d.ts} +8 -4
- package/cssm/{tslib.es6-ce870b46.js → tslib.es6-9682e485.js} +1 -1
- package/esm/colors.css +18 -18
- package/{cssm/tslib.es6-ce870b46.d.ts → esm/colors.module-b694324b.d.ts} +8 -4
- package/esm/{colors.module-6065797e.js → colors.module-b694324b.js} +2 -2
- package/esm/common.module-6a9b5b80.js +4 -0
- package/esm/component.d.ts +1 -1
- package/esm/component.js +4 -4
- package/esm/index.d.ts +3 -3
- package/esm/index.js +4 -4
- package/esm/text/component.d.ts +3 -3
- package/esm/text/component.js +2 -2
- package/esm/text/index.css +14 -14
- package/esm/text/index.js +1 -1
- package/esm/title/common.css +5 -5
- package/esm/title/component.d.ts +4 -4
- package/esm/title/component.js +1 -1
- package/esm/title/index.css +19 -19
- package/esm/title/index.js +9 -10
- package/esm/title-mobile/component.js +3 -3
- package/esm/title-mobile/index.css +14 -14
- package/esm/title-mobile/index.js +2 -2
- package/esm/title-responsive/component.js +3 -3
- package/esm/title-responsive/index.css +41 -41
- package/esm/title-responsive/index.js +2 -2
- package/index.d.ts +3 -3
- package/index.js +4 -4
- package/modern/colors.css +18 -18
- package/modern/colors.module-3475616e.js +4 -0
- package/modern/common.module-6a9b5b80.js +4 -0
- package/modern/component.d.ts +1 -1
- package/modern/component.js +4 -4
- package/modern/index.d.ts +3 -3
- package/modern/index.js +4 -4
- package/modern/text/component.d.ts +3 -3
- package/modern/text/component.js +3 -3
- package/modern/text/index.css +14 -14
- package/modern/text/index.js +1 -1
- package/modern/title/common.css +5 -5
- package/modern/title/component.d.ts +4 -4
- package/modern/title/component.js +2 -2
- package/modern/title/index.css +19 -19
- package/modern/title/index.js +9 -10
- package/modern/title-mobile/component.js +9 -10
- package/modern/title-mobile/index.css +14 -14
- package/modern/title-mobile/index.js +2 -2
- package/modern/title-responsive/component.js +9 -10
- package/modern/title-responsive/index.css +41 -41
- package/modern/title-responsive/index.js +2 -2
- package/package.json +1 -1
- package/text/component.d.ts +3 -3
- package/text/component.js +2 -2
- package/text/index.css +14 -14
- package/text/index.js +1 -1
- package/title/common.css +5 -5
- package/title/component.d.ts +4 -4
- package/title/component.js +1 -1
- package/title/index.css +19 -19
- package/title/index.js +9 -10
- package/title-mobile/component.js +3 -3
- package/title-mobile/index.css +14 -14
- package/title-mobile/index.js +2 -2
- package/title-responsive/component.js +3 -3
- package/title-responsive/index.css +41 -41
- package/title-responsive/index.js +2 -2
- package/common.module-0606ddd8.js +0 -6
- package/esm/common.module-879f9853.js +0 -4
- package/modern/colors.module-4a1750d9.js +0 -4
- package/modern/common.module-879f9853.js +0 -4
package/text/component.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ type TextProps = Omit<NativeProps, 'color'> & {
|
|
|
38
38
|
children?: React.ReactNode;
|
|
39
39
|
};
|
|
40
40
|
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
41
|
-
declare const Text: React.ForwardRefExoticComponent<
|
|
41
|
+
declare const Text: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
|
|
42
42
|
/**
|
|
43
43
|
* [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
|
|
44
44
|
*/
|
|
@@ -50,7 +50,7 @@ declare const Text: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultCh
|
|
|
50
50
|
/**
|
|
51
51
|
* Толщина шрифта
|
|
52
52
|
*/
|
|
53
|
-
weight?: "
|
|
53
|
+
weight?: "regular" | "medium" | "bold" | undefined;
|
|
54
54
|
/**
|
|
55
55
|
* Делает цифры моноширинными
|
|
56
56
|
*/
|
|
@@ -58,7 +58,7 @@ declare const Text: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultCh
|
|
|
58
58
|
/**
|
|
59
59
|
* HTML тег
|
|
60
60
|
*/
|
|
61
|
-
tag?: "
|
|
61
|
+
tag?: "p" | "span" | "div" | undefined;
|
|
62
62
|
/**
|
|
63
63
|
* Css-класс для стилизации (native prop)
|
|
64
64
|
*/
|
package/text/component.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var colors_module = require('../colors.module-
|
|
5
|
+
var colors_module = require('../colors.module-2ba58573.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
|
|
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
13
13
|
|
|
14
|
-
var styles = {"paragraph":"
|
|
14
|
+
var styles = {"paragraph":"typography__paragraph_reu2d","primary-large":"typography__primary-large_reu2d","primary-medium":"typography__primary-medium_reu2d","primary-small":"typography__primary-small_reu2d","secondary-large":"typography__secondary-large_reu2d","secondary-medium":"typography__secondary-medium_reu2d","secondary-small":"typography__secondary-small_reu2d","component":"typography__component_reu2d","caps":"typography__caps_reu2d","bold":"typography__bold_reu2d","medium":"typography__medium_reu2d","regular":"typography__regular_reu2d","monospace":"typography__monospace_reu2d"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var Text = React.forwardRef(function (_a, ref) {
|
package/text/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1o9vp */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -13,62 +13,62 @@
|
|
|
13
13
|
:root {
|
|
14
14
|
--text-paragraph-margin-bottom: 0 0 var(--gap-s);
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
.typography__paragraph_reu2d {
|
|
17
17
|
margin: var(--text-paragraph-margin-bottom);
|
|
18
18
|
padding: 0;
|
|
19
19
|
}
|
|
20
|
-
.typography__primary-
|
|
20
|
+
.typography__primary-large_reu2d {
|
|
21
21
|
font-size: 18px;
|
|
22
22
|
line-height: 24px;
|
|
23
23
|
font-weight: 400;
|
|
24
24
|
}
|
|
25
|
-
.typography__primary-
|
|
25
|
+
.typography__primary-medium_reu2d {
|
|
26
26
|
font-size: 16px;
|
|
27
27
|
line-height: 24px;
|
|
28
28
|
font-weight: 400;
|
|
29
29
|
}
|
|
30
|
-
.typography__primary-
|
|
30
|
+
.typography__primary-small_reu2d {
|
|
31
31
|
font-size: 14px;
|
|
32
32
|
line-height: 20px;
|
|
33
33
|
font-weight: 400;
|
|
34
34
|
}
|
|
35
|
-
.typography__secondary-
|
|
35
|
+
.typography__secondary-large_reu2d {
|
|
36
36
|
font-size: 13px;
|
|
37
37
|
line-height: 16px;
|
|
38
38
|
font-weight: 400;
|
|
39
39
|
}
|
|
40
|
-
.typography__secondary-
|
|
40
|
+
.typography__secondary-medium_reu2d {
|
|
41
41
|
font-size: 12px;
|
|
42
42
|
line-height: 16px;
|
|
43
43
|
font-weight: 400;
|
|
44
44
|
}
|
|
45
|
-
.typography__secondary-
|
|
45
|
+
.typography__secondary-small_reu2d {
|
|
46
46
|
font-size: 11px;
|
|
47
47
|
line-height: 16px;
|
|
48
48
|
font-weight: 400;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.typography__component_reu2d {
|
|
51
51
|
font-size: 16px;
|
|
52
52
|
line-height: 20px;
|
|
53
53
|
font-weight: 400;
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
.typography__caps_reu2d {
|
|
56
56
|
font-size: 12px;
|
|
57
57
|
line-height: 16px;
|
|
58
58
|
font-weight: 500;
|
|
59
59
|
letter-spacing: 1.25px;
|
|
60
60
|
text-transform: uppercase;
|
|
61
61
|
}
|
|
62
|
-
.
|
|
62
|
+
.typography__bold_reu2d {
|
|
63
63
|
font-weight: bold;
|
|
64
64
|
}
|
|
65
|
-
.
|
|
65
|
+
.typography__medium_reu2d {
|
|
66
66
|
font-weight: 500;
|
|
67
67
|
}
|
|
68
|
-
.
|
|
68
|
+
.typography__regular_reu2d {
|
|
69
69
|
font-weight: normal;
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
.typography__monospace_reu2d {
|
|
72
72
|
font-feature-settings: "tnum";
|
|
73
73
|
font-variant-numeric: tabular-nums;
|
|
74
74
|
}
|
package/text/index.js
CHANGED
package/title/common.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/* hash:
|
|
2
|
-
.
|
|
1
|
+
/* hash: 751kd */
|
|
2
|
+
.typography__component_ww8rj {
|
|
3
3
|
margin: 0;
|
|
4
4
|
padding: 0;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.
|
|
7
|
+
.typography__bold_ww8rj {
|
|
8
8
|
font-weight: bold;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
.
|
|
11
|
+
.typography__medium_ww8rj {
|
|
12
12
|
font-weight: 500;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
15
|
+
.typography__regular_ww8rj {
|
|
16
16
|
font-weight: normal;
|
|
17
17
|
}
|
package/title/component.d.ts
CHANGED
|
@@ -47,15 +47,15 @@ type Styles = {
|
|
|
47
47
|
};
|
|
48
48
|
};
|
|
49
49
|
type TitleElementType = HTMLHeadingElement | HTMLDivElement;
|
|
50
|
-
declare const Title: React.ForwardRefExoticComponent<
|
|
50
|
+
declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
|
|
51
51
|
/**
|
|
52
52
|
* HTML тег
|
|
53
53
|
*/
|
|
54
|
-
tag:
|
|
54
|
+
tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
|
|
55
55
|
/**
|
|
56
56
|
* [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
|
|
57
57
|
*/
|
|
58
|
-
view?: "
|
|
58
|
+
view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
|
|
59
59
|
/**
|
|
60
60
|
* Цвет текста
|
|
61
61
|
*/
|
|
@@ -63,7 +63,7 @@ declare const Title: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultC
|
|
|
63
63
|
/**
|
|
64
64
|
* Толщина шрифта
|
|
65
65
|
*/
|
|
66
|
-
weight?: "
|
|
66
|
+
weight?: "regular" | "medium" | "bold" | undefined;
|
|
67
67
|
/**
|
|
68
68
|
* Шрифт текста
|
|
69
69
|
*/
|
package/title/component.js
CHANGED
package/title/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 153of */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -17,87 +17,87 @@
|
|
|
17
17
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
18
18
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
19
19
|
}
|
|
20
|
-
.typography__styrene-
|
|
20
|
+
.typography__styrene-xlarge_1j68b {
|
|
21
21
|
font-size: 48px;
|
|
22
22
|
line-height: 64px;
|
|
23
23
|
font-weight: 500;
|
|
24
24
|
font-feature-settings: 'ss01';
|
|
25
25
|
font-family: var(--font-family-styrene);
|
|
26
26
|
}
|
|
27
|
-
.typography__styrene-
|
|
27
|
+
.typography__styrene-large_1j68b {
|
|
28
28
|
font-size: 40px;
|
|
29
29
|
line-height: 48px;
|
|
30
30
|
font-weight: 500;
|
|
31
31
|
font-feature-settings: 'ss01';
|
|
32
32
|
font-family: var(--font-family-styrene);
|
|
33
33
|
}
|
|
34
|
-
.typography__styrene-
|
|
34
|
+
.typography__styrene-medium_1j68b {
|
|
35
35
|
font-size: 32px;
|
|
36
36
|
line-height: 40px;
|
|
37
37
|
font-weight: 500;
|
|
38
38
|
font-feature-settings: 'ss01';
|
|
39
39
|
font-family: var(--font-family-styrene);
|
|
40
40
|
}
|
|
41
|
-
.typography__styrene-
|
|
41
|
+
.typography__styrene-small_1j68b {
|
|
42
42
|
font-size: 24px;
|
|
43
43
|
line-height: 32px;
|
|
44
44
|
font-weight: 500;
|
|
45
45
|
font-feature-settings: 'ss01';
|
|
46
46
|
font-family: var(--font-family-styrene);
|
|
47
47
|
}
|
|
48
|
-
.typography__styrene-
|
|
48
|
+
.typography__styrene-xsmall_1j68b {
|
|
49
49
|
font-size: 20px;
|
|
50
50
|
line-height: 24px;
|
|
51
51
|
font-weight: 500;
|
|
52
52
|
font-feature-settings: 'ss01';
|
|
53
53
|
font-family: var(--font-family-styrene);
|
|
54
54
|
}
|
|
55
|
-
.typography__system-
|
|
55
|
+
.typography__system-xlarge_1j68b {
|
|
56
56
|
font-size: 48px;
|
|
57
57
|
line-height: 52px;
|
|
58
58
|
font-weight: 700;
|
|
59
59
|
}
|
|
60
|
-
.typography__system-
|
|
60
|
+
.typography__system-large_1j68b {
|
|
61
61
|
font-size: 40px;
|
|
62
62
|
line-height: 48px;
|
|
63
63
|
font-weight: 700;
|
|
64
64
|
}
|
|
65
|
-
.typography__system-
|
|
65
|
+
.typography__system-medium_1j68b {
|
|
66
66
|
font-size: 30px;
|
|
67
67
|
line-height: 36px;
|
|
68
68
|
font-weight: 700;
|
|
69
69
|
}
|
|
70
|
-
.typography__system-
|
|
70
|
+
.typography__system-small_1j68b {
|
|
71
71
|
font-size: 22px;
|
|
72
72
|
line-height: 26px;
|
|
73
73
|
font-weight: 700;
|
|
74
74
|
}
|
|
75
|
-
.typography__system-
|
|
75
|
+
.typography__system-xsmall_1j68b {
|
|
76
76
|
font-size: 18px;
|
|
77
77
|
line-height: 22px;
|
|
78
78
|
font-weight: 700;
|
|
79
79
|
}
|
|
80
|
-
.typography__margins-
|
|
80
|
+
.typography__margins-xlarge_1j68b {
|
|
81
81
|
margin: 0 0 var(--gap-xl);
|
|
82
82
|
}
|
|
83
|
-
.typography__margins-
|
|
83
|
+
.typography__margins-large_1j68b {
|
|
84
84
|
margin: var(--gap-4xl) 0 var(--gap-xl);
|
|
85
85
|
}
|
|
86
|
-
.typography__margins-
|
|
86
|
+
.typography__margins-medium_1j68b {
|
|
87
87
|
margin: var(--gap-4xl) 0 var(--gap-xl);
|
|
88
88
|
}
|
|
89
|
-
.typography__margins-
|
|
89
|
+
.typography__margins-small_1j68b {
|
|
90
90
|
margin: var(--gap-3xl) 0 var(--gap-m);
|
|
91
91
|
}
|
|
92
|
-
.typography__margins-
|
|
92
|
+
.typography__margins-xsmall_1j68b {
|
|
93
93
|
margin: var(--gap-3xl) 0 var(--gap-m);
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
.typography__bold_1j68b {
|
|
96
96
|
font-weight: bold;
|
|
97
97
|
}
|
|
98
|
-
.
|
|
98
|
+
.typography__medium_1j68b {
|
|
99
99
|
font-weight: 500;
|
|
100
100
|
}
|
|
101
|
-
.
|
|
101
|
+
.typography__regular_1j68b {
|
|
102
102
|
font-weight: normal;
|
|
103
103
|
}
|
package/title/index.js
CHANGED
|
@@ -2,25 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var colors_module = require('../colors.module-
|
|
5
|
+
var colors_module = require('../colors.module-2ba58573.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
var title_component = require('./component.js');
|
|
9
|
-
var common_module = require('../common.module-
|
|
9
|
+
var common_module = require('../common.module-c7b5f1ff.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
|
-
var styles = {"styrene-xlarge":"typography__styrene-
|
|
15
|
+
var styles = {"styrene-xlarge":"typography__styrene-xlarge_1j68b","styrene-large":"typography__styrene-large_1j68b","styrene-medium":"typography__styrene-medium_1j68b","styrene-small":"typography__styrene-small_1j68b","styrene-xsmall":"typography__styrene-xsmall_1j68b","system-xlarge":"typography__system-xlarge_1j68b","system-large":"typography__system-large_1j68b","system-medium":"typography__system-medium_1j68b","system-small":"typography__system-small_1j68b","system-xsmall":"typography__system-xsmall_1j68b","margins-xlarge":"typography__margins-xlarge_1j68b","margins-large":"typography__margins-large_1j68b","margins-medium":"typography__margins-medium_1j68b","margins-small":"typography__margins-small_1j68b","margins-xsmall":"typography__margins-xsmall_1j68b","bold":"typography__bold_1j68b","medium":"typography__medium_1j68b","regular":"typography__regular_1j68b"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
|
-
var Title = function (props) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var Title = function (props) { return (
|
|
19
|
+
/**
|
|
20
|
+
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
21
|
+
* Видимо, это особенность работы jest и css-modules.
|
|
22
|
+
*/
|
|
23
|
+
React__default['default'].createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
|
|
25
24
|
|
|
26
25
|
exports.Title = Title;
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var colors_module = require('../colors.module-
|
|
5
|
+
var colors_module = require('../colors.module-2ba58573.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
var title_component = require('../title/component.js');
|
|
9
|
-
var common_module = require('../common.module-
|
|
9
|
+
var common_module = require('../common.module-c7b5f1ff.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
|
-
var styles = {"styrene-xlarge":"typography__styrene-
|
|
15
|
+
var styles = {"styrene-xlarge":"typography__styrene-xlarge_1t654","styrene-large":"typography__styrene-large_1t654","styrene-medium":"typography__styrene-medium_1t654","styrene-small":"typography__styrene-small_1t654","styrene-xsmall":"typography__styrene-xsmall_1t654","system-xlarge":"typography__system-xlarge_1t654","system-large":"typography__system-large_1t654","system-medium":"typography__system-medium_1t654","system-small":"typography__system-small_1t654","system-xsmall":"typography__system-xsmall_1t654","bold":"typography__bold_1t654","medium":"typography__medium_1t654","regular":"typography__regular_1t654"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var TitleMobile = function (props) {
|
package/title-mobile/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 88jh9 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -11,72 +11,72 @@
|
|
|
11
11
|
--font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
12
12
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
13
13
|
}
|
|
14
|
-
.typography__styrene-
|
|
14
|
+
.typography__styrene-xlarge_1t654 {
|
|
15
15
|
font-size: 34px;
|
|
16
16
|
line-height: 40px;
|
|
17
17
|
font-weight: 500;
|
|
18
18
|
font-feature-settings: 'ss01';
|
|
19
19
|
font-family: var(--font-family-styrene);
|
|
20
20
|
}
|
|
21
|
-
.typography__styrene-
|
|
21
|
+
.typography__styrene-large_1t654 {
|
|
22
22
|
font-size: 30px;
|
|
23
23
|
line-height: 36px;
|
|
24
24
|
font-weight: 500;
|
|
25
25
|
font-feature-settings: 'ss01';
|
|
26
26
|
font-family: var(--font-family-styrene);
|
|
27
27
|
}
|
|
28
|
-
.typography__styrene-
|
|
28
|
+
.typography__styrene-medium_1t654 {
|
|
29
29
|
font-size: 26px;
|
|
30
30
|
line-height: 32px;
|
|
31
31
|
font-weight: 500;
|
|
32
32
|
font-feature-settings: 'ss01';
|
|
33
33
|
font-family: var(--font-family-styrene);
|
|
34
34
|
}
|
|
35
|
-
.typography__styrene-
|
|
35
|
+
.typography__styrene-small_1t654 {
|
|
36
36
|
font-size: 20px;
|
|
37
37
|
line-height: 28px;
|
|
38
38
|
font-weight: 500;
|
|
39
39
|
font-feature-settings: 'ss01';
|
|
40
40
|
font-family: var(--font-family-styrene);
|
|
41
41
|
}
|
|
42
|
-
.typography__styrene-
|
|
42
|
+
.typography__styrene-xsmall_1t654 {
|
|
43
43
|
font-size: 16px;
|
|
44
44
|
line-height: 24px;
|
|
45
45
|
font-weight: 500;
|
|
46
46
|
font-feature-settings: 'ss01';
|
|
47
47
|
font-family: var(--font-family-styrene);
|
|
48
48
|
}
|
|
49
|
-
.typography__system-
|
|
49
|
+
.typography__system-xlarge_1t654 {
|
|
50
50
|
font-size: 34px;
|
|
51
51
|
line-height: 40px;
|
|
52
52
|
font-weight: 600;
|
|
53
53
|
}
|
|
54
|
-
.typography__system-
|
|
54
|
+
.typography__system-large_1t654 {
|
|
55
55
|
font-size: 30px;
|
|
56
56
|
line-height: 36px;
|
|
57
57
|
font-weight: 600;
|
|
58
58
|
}
|
|
59
|
-
.typography__system-
|
|
59
|
+
.typography__system-medium_1t654 {
|
|
60
60
|
font-size: 26px;
|
|
61
61
|
line-height: 32px;
|
|
62
62
|
font-weight: 600;
|
|
63
63
|
}
|
|
64
|
-
.typography__system-
|
|
64
|
+
.typography__system-small_1t654 {
|
|
65
65
|
font-size: 20px;
|
|
66
66
|
line-height: 28px;
|
|
67
67
|
font-weight: 600;
|
|
68
68
|
}
|
|
69
|
-
.typography__system-
|
|
69
|
+
.typography__system-xsmall_1t654 {
|
|
70
70
|
font-size: 16px;
|
|
71
71
|
line-height: 24px;
|
|
72
72
|
font-weight: 600;
|
|
73
73
|
}
|
|
74
|
-
.
|
|
74
|
+
.typography__bold_1t654 {
|
|
75
75
|
font-weight: bold;
|
|
76
76
|
}
|
|
77
|
-
.
|
|
77
|
+
.typography__medium_1t654 {
|
|
78
78
|
font-weight: 500;
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.typography__regular_1t654 {
|
|
81
81
|
font-weight: normal;
|
|
82
82
|
}
|
package/title-mobile/index.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../colors.module-
|
|
5
|
+
require('../colors.module-2ba58573.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../title/component.js');
|
|
9
|
-
require('../common.module-
|
|
9
|
+
require('../common.module-c7b5f1ff.js');
|
|
10
10
|
var titleMobile_component = require('./component.js');
|
|
11
11
|
|
|
12
12
|
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var colors_module = require('../colors.module-
|
|
5
|
+
var colors_module = require('../colors.module-2ba58573.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
var title_component = require('../title/component.js');
|
|
9
|
-
var common_module = require('../common.module-
|
|
9
|
+
var common_module = require('../common.module-c7b5f1ff.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
|
-
var styles = {"styrene-xlarge":"typography__styrene-
|
|
15
|
+
var styles = {"styrene-xlarge":"typography__styrene-xlarge_kqyhi","styrene-large":"typography__styrene-large_kqyhi","styrene-medium":"typography__styrene-medium_kqyhi","styrene-small":"typography__styrene-small_kqyhi","styrene-xsmall":"typography__styrene-xsmall_kqyhi","system-xlarge":"typography__system-xlarge_kqyhi","system-large":"typography__system-large_kqyhi","system-medium":"typography__system-medium_kqyhi","system-small":"typography__system-small_kqyhi","system-xsmall":"typography__system-xsmall_kqyhi","margins-xlarge":"typography__margins-xlarge_kqyhi","margins-large":"typography__margins-large_kqyhi","margins-medium":"typography__margins-medium_kqyhi","margins-small":"typography__margins-small_kqyhi","margins-xsmall":"typography__margins-xsmall_kqyhi"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var TitleResponsive = function (props) {
|