@alfalab/core-components-typography 3.1.1 → 3.2.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 (74) hide show
  1. package/colors.css +34 -13
  2. package/colors.d.ts +1 -1
  3. package/colors.js +7 -0
  4. package/colors.module-15de3c41.js +6 -0
  5. package/common.module-f948e7d5.js +6 -0
  6. package/component.js +2 -2
  7. package/cssm/colors.d.ts +1 -1
  8. package/cssm/colors.js +7 -0
  9. package/cssm/colors.module.css +21 -0
  10. package/cssm/title/component.d.ts +1 -1
  11. package/esm/colors.css +34 -13
  12. package/esm/colors.d.ts +1 -1
  13. package/esm/colors.js +7 -0
  14. package/esm/colors.module-308e84a9.js +4 -0
  15. package/esm/common.module-a19344da.js +4 -0
  16. package/esm/component.js +2 -2
  17. package/esm/index.js +2 -2
  18. package/esm/text/component.js +2 -2
  19. package/esm/text/index.css +18 -18
  20. package/esm/text/index.js +1 -1
  21. package/esm/title/common.css +5 -5
  22. package/esm/title/component.d.ts +1 -1
  23. package/esm/title/component.js +1 -1
  24. package/esm/title/index.css +19 -19
  25. package/esm/title/index.js +3 -3
  26. package/esm/title-mobile/component.js +3 -3
  27. package/esm/title-mobile/index.css +11 -11
  28. package/esm/title-mobile/index.js +2 -2
  29. package/esm/title-responsive/component.js +3 -3
  30. package/esm/title-responsive/index.css +41 -41
  31. package/esm/title-responsive/index.js +2 -2
  32. package/index.js +2 -2
  33. package/modern/colors.css +34 -13
  34. package/modern/colors.d.ts +1 -1
  35. package/modern/colors.js +7 -0
  36. package/modern/colors.module-c327b974.js +4 -0
  37. package/modern/common.module-41281fe7.js +4 -0
  38. package/modern/component.js +2 -2
  39. package/modern/index.js +2 -2
  40. package/modern/text/component.js +2 -2
  41. package/modern/text/index.css +18 -18
  42. package/modern/text/index.js +1 -1
  43. package/modern/title/common.css +5 -5
  44. package/modern/title/component.d.ts +1 -1
  45. package/modern/title/component.js +1 -1
  46. package/modern/title/index.css +19 -19
  47. package/modern/title/index.js +3 -3
  48. package/modern/title-mobile/component.js +3 -3
  49. package/modern/title-mobile/index.css +11 -11
  50. package/modern/title-mobile/index.js +2 -2
  51. package/modern/title-responsive/component.js +3 -3
  52. package/modern/title-responsive/index.css +41 -41
  53. package/modern/title-responsive/index.js +2 -2
  54. package/package.json +1 -1
  55. package/text/component.js +2 -2
  56. package/text/index.css +18 -18
  57. package/text/index.js +1 -1
  58. package/title/common.css +5 -5
  59. package/title/component.d.ts +1 -1
  60. package/title/component.js +1 -1
  61. package/title/index.css +19 -19
  62. package/title/index.js +3 -3
  63. package/title-mobile/component.js +3 -3
  64. package/title-mobile/index.css +11 -11
  65. package/title-mobile/index.js +2 -2
  66. package/title-responsive/component.js +3 -3
  67. package/title-responsive/index.css +41 -41
  68. package/title-responsive/index.js +2 -2
  69. package/colors.module-fcf8e5d3.js +0 -6
  70. package/common.module-cf8a6de7.js +0 -6
  71. package/esm/colors.module-6c8a001e.js +0 -4
  72. package/esm/common.module-e5f2dd08.js +0 -4
  73. package/modern/colors.module-cd27c99e.js +0 -4
  74. package/modern/common.module-83440d45.js +0 -4
@@ -3,7 +3,7 @@
3
3
  var tslib = require('tslib');
4
4
  var React = require('react');
5
5
  var cn = require('classnames');
6
- var colors_module = require('../colors.module-fcf8e5d3.js');
6
+ var colors_module = require('../colors.module-15de3c41.js');
7
7
 
8
8
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
9
9
 
package/title/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1rw8s */
1
+ /* hash: 1261a */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -20,78 +20,78 @@
20
20
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
21
21
  'Helvetica Neue', Helvetica, sans-serif;
22
22
  } :root {
23
- } .typography__styrene-xlarge_ozi4m {
23
+ } .typography__styrene-xlarge_1ixkt {
24
24
  font-size: 48px;
25
25
  line-height: 64px;
26
26
  font-weight: 500;
27
27
  font-feature-settings: 'ss01';
28
28
  font-family: var(--font-family-styrene);
29
- } .typography__styrene-large_ozi4m {
29
+ } .typography__styrene-large_1ixkt {
30
30
  font-size: 40px;
31
31
  line-height: 48px;
32
32
  font-weight: 500;
33
33
  font-feature-settings: 'ss01';
34
34
  font-family: var(--font-family-styrene);
35
- } .typography__styrene-medium_ozi4m {
35
+ } .typography__styrene-medium_1ixkt {
36
36
  font-size: 32px;
37
37
  line-height: 40px;
38
38
  font-weight: 500;
39
39
  font-feature-settings: 'ss01';
40
40
  font-family: var(--font-family-styrene);
41
- } .typography__styrene-small_ozi4m {
41
+ } .typography__styrene-small_1ixkt {
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
- } .typography__styrene-xsmall_ozi4m {
47
+ } .typography__styrene-xsmall_1ixkt {
48
48
  font-size: 20px;
49
49
  line-height: 24px;
50
50
  font-weight: 500;
51
51
  font-feature-settings: 'ss01';
52
52
  font-family: var(--font-family-styrene);
53
- } .typography__system-xlarge_ozi4m {
53
+ } .typography__system-xlarge_1ixkt {
54
54
  font-size: 48px;
55
55
  line-height: 52px;
56
56
  font-weight: 700;
57
- } .typography__system-large_ozi4m {
57
+ } .typography__system-large_1ixkt {
58
58
  font-size: 40px;
59
59
  line-height: 48px;
60
60
  font-weight: 700;
61
- } .typography__system-medium_ozi4m {
61
+ } .typography__system-medium_1ixkt {
62
62
  font-size: 30px;
63
63
  line-height: 36px;
64
64
  font-weight: 700;
65
- } .typography__system-small_ozi4m {
65
+ } .typography__system-small_1ixkt {
66
66
  font-size: 22px;
67
67
  line-height: 26px;
68
68
  font-weight: 700;
69
- } .typography__system-xsmall_ozi4m {
69
+ } .typography__system-xsmall_1ixkt {
70
70
  font-size: 18px;
71
71
  line-height: 22px;
72
72
  font-weight: 700;
73
- } .typography__margins-xlarge_ozi4m {
73
+ } .typography__margins-xlarge_1ixkt {
74
74
  margin: 0 0 var(--gap-xl);
75
- } .typography__margins-large_ozi4m {
75
+ } .typography__margins-large_1ixkt {
76
76
  margin: var(--gap-4xl) 0 var(--gap-xl);
77
- } .typography__margins-medium_ozi4m {
77
+ } .typography__margins-medium_1ixkt {
78
78
  margin: var(--gap-4xl) 0 var(--gap-xl);
79
- } .typography__margins-small_ozi4m {
79
+ } .typography__margins-small_1ixkt {
80
80
  margin: var(--gap-3xl) 0 var(--gap-m);
81
- } .typography__margins-xsmall_ozi4m {
81
+ } .typography__margins-xsmall_1ixkt {
82
82
  margin: var(--gap-3xl) 0 var(--gap-m);
83
- } .typography__rowLimit1_ozi4m {
83
+ } .typography__rowLimit1_1ixkt {
84
84
  -webkit-line-clamp: 1;
85
85
  display: -webkit-box;
86
86
  -webkit-box-orient: vertical;
87
87
  overflow: hidden;
88
88
  word-break: break-all;
89
- } .typography__rowLimit2_ozi4m {
89
+ } .typography__rowLimit2_1ixkt {
90
90
  -webkit-line-clamp: 2;
91
91
  display: -webkit-box;
92
92
  -webkit-box-orient: vertical;
93
93
  overflow: hidden;
94
- } .typography__rowLimit3_ozi4m {
94
+ } .typography__rowLimit3_1ixkt {
95
95
  -webkit-line-clamp: 3;
96
96
  display: -webkit-box;
97
97
  -webkit-box-orient: vertical;
package/title/index.js CHANGED
@@ -3,15 +3,15 @@
3
3
  var tslib = require('tslib');
4
4
  var React = require('react');
5
5
  var title_component = require('./component.js');
6
- var common_module = require('../common.module-cf8a6de7.js');
6
+ var common_module = require('../common.module-f948e7d5.js');
7
7
  require('classnames');
8
- require('../colors.module-fcf8e5d3.js');
8
+ require('../colors.module-15de3c41.js');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
 
14
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_ozi4m","styrene-large":"typography__styrene-large_ozi4m","styrene-medium":"typography__styrene-medium_ozi4m","styrene-small":"typography__styrene-small_ozi4m","styrene-xsmall":"typography__styrene-xsmall_ozi4m","system-xlarge":"typography__system-xlarge_ozi4m","system-large":"typography__system-large_ozi4m","system-medium":"typography__system-medium_ozi4m","system-small":"typography__system-small_ozi4m","system-xsmall":"typography__system-xsmall_ozi4m","margins-xlarge":"typography__margins-xlarge_ozi4m","margins-large":"typography__margins-large_ozi4m","margins-medium":"typography__margins-medium_ozi4m","margins-small":"typography__margins-small_ozi4m","margins-xsmall":"typography__margins-xsmall_ozi4m","rowLimit1":"typography__rowLimit1_ozi4m","rowLimit2":"typography__rowLimit2_ozi4m","rowLimit3":"typography__rowLimit3_ozi4m"};
14
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_1ixkt","styrene-large":"typography__styrene-large_1ixkt","styrene-medium":"typography__styrene-medium_1ixkt","styrene-small":"typography__styrene-small_1ixkt","styrene-xsmall":"typography__styrene-xsmall_1ixkt","system-xlarge":"typography__system-xlarge_1ixkt","system-large":"typography__system-large_1ixkt","system-medium":"typography__system-medium_1ixkt","system-small":"typography__system-small_1ixkt","system-xsmall":"typography__system-xsmall_1ixkt","margins-xlarge":"typography__margins-xlarge_1ixkt","margins-large":"typography__margins-large_1ixkt","margins-medium":"typography__margins-medium_1ixkt","margins-small":"typography__margins-small_1ixkt","margins-xsmall":"typography__margins-xsmall_1ixkt","rowLimit1":"typography__rowLimit1_1ixkt","rowLimit2":"typography__rowLimit2_1ixkt","rowLimit3":"typography__rowLimit3_1ixkt"};
15
15
  require('./index.css')
16
16
 
17
17
  var Title = function (props) { return (
@@ -3,15 +3,15 @@
3
3
  var tslib = require('tslib');
4
4
  var React = require('react');
5
5
  var title_component = require('../title/component.js');
6
- var common_module = require('../common.module-cf8a6de7.js');
6
+ var common_module = require('../common.module-f948e7d5.js');
7
7
  require('classnames');
8
- require('../colors.module-fcf8e5d3.js');
8
+ require('../colors.module-15de3c41.js');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
 
14
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_e1iak","styrene-large":"typography__styrene-large_e1iak","styrene-medium":"typography__styrene-medium_e1iak","styrene-small":"typography__styrene-small_e1iak","styrene-xsmall":"typography__styrene-xsmall_e1iak","system-xlarge":"typography__system-xlarge_e1iak","system-large":"typography__system-large_e1iak","system-medium":"typography__system-medium_e1iak","system-small":"typography__system-small_e1iak","system-xsmall":"typography__system-xsmall_e1iak"};
14
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_brqjo","styrene-large":"typography__styrene-large_brqjo","styrene-medium":"typography__styrene-medium_brqjo","styrene-small":"typography__styrene-small_brqjo","styrene-xsmall":"typography__styrene-xsmall_brqjo","system-xlarge":"typography__system-xlarge_brqjo","system-large":"typography__system-large_brqjo","system-medium":"typography__system-medium_brqjo","system-small":"typography__system-small_brqjo","system-xsmall":"typography__system-xsmall_brqjo"};
15
15
  require('./index.css')
16
16
 
17
17
  var TitleMobile = function (props) { return (
@@ -1,4 +1,4 @@
1
- /* hash: q712k */
1
+ /* hash: 1fx8l */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -16,53 +16,53 @@
16
16
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
17
17
  'Helvetica Neue', Helvetica, sans-serif;
18
18
  } :root {
19
- } .typography__styrene-xlarge_e1iak {
19
+ } .typography__styrene-xlarge_brqjo {
20
20
  font-size: 34px;
21
21
  line-height: 40px;
22
22
  font-weight: 500;
23
23
  font-feature-settings: 'ss01';
24
24
  font-family: var(--font-family-styrene);
25
- } .typography__styrene-large_e1iak {
25
+ } .typography__styrene-large_brqjo {
26
26
  font-size: 30px;
27
27
  line-height: 36px;
28
28
  font-weight: 500;
29
29
  font-feature-settings: 'ss01';
30
30
  font-family: var(--font-family-styrene);
31
- } .typography__styrene-medium_e1iak {
31
+ } .typography__styrene-medium_brqjo {
32
32
  font-size: 26px;
33
33
  line-height: 32px;
34
34
  font-weight: 500;
35
35
  font-feature-settings: 'ss01';
36
36
  font-family: var(--font-family-styrene);
37
- } .typography__styrene-small_e1iak {
37
+ } .typography__styrene-small_brqjo {
38
38
  font-size: 20px;
39
39
  line-height: 28px;
40
40
  font-weight: 500;
41
41
  font-feature-settings: 'ss01';
42
42
  font-family: var(--font-family-styrene);
43
- } .typography__styrene-xsmall_e1iak {
43
+ } .typography__styrene-xsmall_brqjo {
44
44
  font-size: 16px;
45
45
  line-height: 20px;
46
46
  font-weight: 500;
47
47
  font-feature-settings: 'ss01';
48
48
  font-family: var(--font-family-styrene);
49
- } .typography__system-xlarge_e1iak {
49
+ } .typography__system-xlarge_brqjo {
50
50
  font-size: 34px;
51
51
  line-height: 40px;
52
52
  font-weight: 600;
53
- } .typography__system-large_e1iak {
53
+ } .typography__system-large_brqjo {
54
54
  font-size: 30px;
55
55
  line-height: 36px;
56
56
  font-weight: 600;
57
- } .typography__system-medium_e1iak {
57
+ } .typography__system-medium_brqjo {
58
58
  font-size: 26px;
59
59
  line-height: 32px;
60
60
  font-weight: 600;
61
- } .typography__system-small_e1iak {
61
+ } .typography__system-small_brqjo {
62
62
  font-size: 20px;
63
63
  line-height: 28px;
64
64
  font-weight: 600;
65
- } .typography__system-xsmall_e1iak {
65
+ } .typography__system-xsmall_brqjo {
66
66
  font-size: 16px;
67
67
  line-height: 20px;
68
68
  font-weight: 600;
@@ -5,8 +5,8 @@ require('tslib');
5
5
  require('react');
6
6
  require('../title/component.js');
7
7
  require('classnames');
8
- require('../colors.module-fcf8e5d3.js');
9
- require('../common.module-cf8a6de7.js');
8
+ require('../colors.module-15de3c41.js');
9
+ require('../common.module-f948e7d5.js');
10
10
 
11
11
 
12
12
 
@@ -3,15 +3,15 @@
3
3
  var tslib = require('tslib');
4
4
  var React = require('react');
5
5
  var title_component = require('../title/component.js');
6
- var common_module = require('../common.module-cf8a6de7.js');
6
+ var common_module = require('../common.module-f948e7d5.js');
7
7
  require('classnames');
8
- require('../colors.module-fcf8e5d3.js');
8
+ require('../colors.module-15de3c41.js');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
 
14
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_1ookc","styrene-large":"typography__styrene-large_1ookc","styrene-medium":"typography__styrene-medium_1ookc","styrene-small":"typography__styrene-small_1ookc","styrene-xsmall":"typography__styrene-xsmall_1ookc","system-xlarge":"typography__system-xlarge_1ookc","system-large":"typography__system-large_1ookc","system-medium":"typography__system-medium_1ookc","system-small":"typography__system-small_1ookc","system-xsmall":"typography__system-xsmall_1ookc","margins-xlarge":"typography__margins-xlarge_1ookc","margins-large":"typography__margins-large_1ookc","margins-medium":"typography__margins-medium_1ookc","margins-small":"typography__margins-small_1ookc","margins-xsmall":"typography__margins-xsmall_1ookc"};
14
+ var styles = {"styrene-xlarge":"typography__styrene-xlarge_1x9yf","styrene-large":"typography__styrene-large_1x9yf","styrene-medium":"typography__styrene-medium_1x9yf","styrene-small":"typography__styrene-small_1x9yf","styrene-xsmall":"typography__styrene-xsmall_1x9yf","system-xlarge":"typography__system-xlarge_1x9yf","system-large":"typography__system-large_1x9yf","system-medium":"typography__system-medium_1x9yf","system-small":"typography__system-small_1x9yf","system-xsmall":"typography__system-xsmall_1x9yf","margins-xlarge":"typography__margins-xlarge_1x9yf","margins-large":"typography__margins-large_1x9yf","margins-medium":"typography__margins-medium_1x9yf","margins-small":"typography__margins-small_1x9yf","margins-xsmall":"typography__margins-xsmall_1x9yf"};
15
15
  require('./index.css')
16
16
 
17
17
  var TitleResponsive = function (props) { return (
@@ -1,4 +1,4 @@
1
- /* hash: 1nux5 */
1
+ /* hash: 1n2ge */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -20,118 +20,118 @@
20
20
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
21
21
  'Helvetica Neue', Helvetica, sans-serif;
22
22
  } :root {
23
- } /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1ookc {
23
+ } /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1x9yf {
24
24
  font-size: 34px;
25
25
  line-height: 40px;
26
26
  font-weight: 500;
27
27
  font-feature-settings: 'ss01';
28
28
  font-family: var(--font-family-styrene);
29
- } .typography__styrene-large_1ookc {
29
+ } .typography__styrene-large_1x9yf {
30
30
  font-size: 30px;
31
31
  line-height: 36px;
32
32
  font-weight: 500;
33
33
  font-feature-settings: 'ss01';
34
34
  font-family: var(--font-family-styrene);
35
- } .typography__styrene-medium_1ookc {
35
+ } .typography__styrene-medium_1x9yf {
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
- } .typography__styrene-small_1ookc {
41
+ } .typography__styrene-small_1x9yf {
42
42
  font-size: 20px;
43
43
  line-height: 28px;
44
44
  font-weight: 500;
45
45
  font-feature-settings: 'ss01';
46
46
  font-family: var(--font-family-styrene);
47
- } .typography__styrene-xsmall_1ookc {
47
+ } .typography__styrene-xsmall_1x9yf {
48
48
  font-size: 16px;
49
49
  line-height: 20px;
50
50
  font-weight: 500;
51
51
  font-feature-settings: 'ss01';
52
52
  font-family: var(--font-family-styrene);
53
- } .typography__system-xlarge_1ookc {
53
+ } .typography__system-xlarge_1x9yf {
54
54
  font-size: 30px;
55
55
  line-height: 36px;
56
56
  font-weight: 700;
57
- } .typography__system-large_1ookc {
57
+ } .typography__system-large_1x9yf {
58
58
  font-size: 22px;
59
59
  line-height: 26px;
60
60
  font-weight: 700;
61
- } .typography__system-medium_1ookc {
61
+ } .typography__system-medium_1x9yf {
62
62
  font-size: 18px;
63
63
  line-height: 22px;
64
64
  font-weight: 700;
65
- } .typography__system-small_1ookc {
65
+ } .typography__system-small_1x9yf {
66
66
  font-size: 18px;
67
67
  line-height: 22px;
68
68
  font-weight: 700;
69
- } .typography__system-xsmall_1ookc {
69
+ } .typography__system-xsmall_1x9yf {
70
70
  font-size: 18px;
71
71
  line-height: 22px;
72
72
  font-weight: 700;
73
- } .typography__margins-xlarge_1ookc {
73
+ } .typography__margins-xlarge_1x9yf {
74
74
  margin: 0 0 var(--gap-xl);
75
- } .typography__margins-large_1ookc {
75
+ } .typography__margins-large_1x9yf {
76
76
  margin: var(--gap-3xl) 0 var(--gap-m);
77
- } .typography__margins-medium_1ookc {
77
+ } .typography__margins-medium_1x9yf {
78
78
  margin: var(--gap-3xl) 0 var(--gap-m);
79
- } .typography__margins-small_1ookc {
79
+ } .typography__margins-small_1x9yf {
80
80
  margin: var(--gap-3xl) 0 var(--gap-m);
81
- } .typography__margins-xsmall_1ookc {
81
+ } .typography__margins-xsmall_1x9yf {
82
82
  margin: var(--gap-3xl) 0 var(--gap-m);
83
83
  } @media screen and (min-width: 600px) {
84
- .typography__system-xlarge_1ookc {
84
+ .typography__system-xlarge_1x9yf {
85
85
  font-size: 40px;
86
86
  line-height: 48px;
87
87
  font-weight: 700;
88
88
  }
89
89
 
90
- .typography__system-large_1ookc {
90
+ .typography__system-large_1x9yf {
91
91
  font-size: 30px;
92
92
  line-height: 36px;
93
93
  font-weight: 700;
94
94
  }
95
95
 
96
- .typography__system-medium_1ookc {
96
+ .typography__system-medium_1x9yf {
97
97
  font-size: 22px;
98
98
  line-height: 26px;
99
99
  font-weight: 700;
100
100
  }
101
101
 
102
- .typography__system-small_1ookc {
102
+ .typography__system-small_1x9yf {
103
103
  font-size: 22px;
104
104
  line-height: 26px;
105
105
  font-weight: 700;
106
106
  }
107
107
 
108
- .typography__system-xsmall_1ookc {
108
+ .typography__system-xsmall_1x9yf {
109
109
  font-size: 18px;
110
110
  line-height: 22px;
111
111
  font-weight: 700;
112
112
  }
113
113
 
114
- .typography__margins-xlarge_1ookc {
114
+ .typography__margins-xlarge_1x9yf {
115
115
  margin: 0 0 var(--gap-xl);
116
116
  }
117
117
 
118
- .typography__margins-large_1ookc {
118
+ .typography__margins-large_1x9yf {
119
119
  margin: var(--gap-4xl) 0 var(--gap-xl);
120
120
  }
121
121
 
122
- .typography__margins-medium_1ookc {
122
+ .typography__margins-medium_1x9yf {
123
123
  margin: var(--gap-3xl) 0 var(--gap-m);
124
124
  }
125
125
 
126
- .typography__margins-small_1ookc {
126
+ .typography__margins-small_1x9yf {
127
127
  margin: var(--gap-3xl) 0 var(--gap-m);
128
128
  }
129
129
 
130
- .typography__margins-xsmall_1ookc {
130
+ .typography__margins-xsmall_1x9yf {
131
131
  margin: var(--gap-3xl) 0 var(--gap-m);
132
132
  }
133
133
  } @media screen and (min-width: 1024px) {
134
- .typography__styrene-xlarge_1ookc {
134
+ .typography__styrene-xlarge_1x9yf {
135
135
  font-size: 48px;
136
136
  line-height: 64px;
137
137
  font-weight: 500;
@@ -139,7 +139,7 @@
139
139
  font-family: var(--font-family-styrene);
140
140
  }
141
141
 
142
- .typography__styrene-large_1ookc {
142
+ .typography__styrene-large_1x9yf {
143
143
  font-size: 40px;
144
144
  line-height: 48px;
145
145
  font-weight: 500;
@@ -147,7 +147,7 @@
147
147
  font-family: var(--font-family-styrene);
148
148
  }
149
149
 
150
- .typography__styrene-medium_1ookc {
150
+ .typography__styrene-medium_1x9yf {
151
151
  font-size: 32px;
152
152
  line-height: 40px;
153
153
  font-weight: 500;
@@ -155,7 +155,7 @@
155
155
  font-family: var(--font-family-styrene);
156
156
  }
157
157
 
158
- .typography__styrene-small_1ookc {
158
+ .typography__styrene-small_1x9yf {
159
159
  font-size: 24px;
160
160
  line-height: 32px;
161
161
  font-weight: 500;
@@ -163,7 +163,7 @@
163
163
  font-family: var(--font-family-styrene);
164
164
  }
165
165
 
166
- .typography__styrene-xsmall_1ookc {
166
+ .typography__styrene-xsmall_1x9yf {
167
167
  font-size: 20px;
168
168
  line-height: 24px;
169
169
  font-weight: 500;
@@ -171,53 +171,53 @@
171
171
  font-family: var(--font-family-styrene);
172
172
  }
173
173
 
174
- .typography__system-xlarge_1ookc {
174
+ .typography__system-xlarge_1x9yf {
175
175
  font-size: 48px;
176
176
  line-height: 52px;
177
177
  font-weight: 700;
178
178
  }
179
179
 
180
- .typography__system-large_1ookc {
180
+ .typography__system-large_1x9yf {
181
181
  font-size: 40px;
182
182
  line-height: 48px;
183
183
  font-weight: 700;
184
184
  }
185
185
 
186
- .typography__system-medium_1ookc {
186
+ .typography__system-medium_1x9yf {
187
187
  font-size: 30px;
188
188
  line-height: 36px;
189
189
  font-weight: 700;
190
190
  }
191
191
 
192
- .typography__system-small_1ookc {
192
+ .typography__system-small_1x9yf {
193
193
  font-size: 22px;
194
194
  line-height: 26px;
195
195
  font-weight: 700;
196
196
  }
197
197
 
198
- .typography__system-xsmall_1ookc {
198
+ .typography__system-xsmall_1x9yf {
199
199
  font-size: 18px;
200
200
  line-height: 22px;
201
201
  font-weight: 700;
202
202
  }
203
203
 
204
- .typography__margins-xlarge_1ookc {
204
+ .typography__margins-xlarge_1x9yf {
205
205
  margin: 0 0 var(--gap-xl);
206
206
  }
207
207
 
208
- .typography__margins-large_1ookc {
208
+ .typography__margins-large_1x9yf {
209
209
  margin: var(--gap-4xl) 0 var(--gap-xl);
210
210
  }
211
211
 
212
- .typography__margins-medium_1ookc {
212
+ .typography__margins-medium_1x9yf {
213
213
  margin: var(--gap-4xl) 0 var(--gap-xl);
214
214
  }
215
215
 
216
- .typography__margins-small_1ookc {
216
+ .typography__margins-small_1x9yf {
217
217
  margin: var(--gap-3xl) 0 var(--gap-m);
218
218
  }
219
219
 
220
- .typography__margins-xsmall_1ookc {
220
+ .typography__margins-xsmall_1x9yf {
221
221
  margin: var(--gap-3xl) 0 var(--gap-m);
222
222
  }
223
223
  }
@@ -5,8 +5,8 @@ require('tslib');
5
5
  require('react');
6
6
  require('../title/component.js');
7
7
  require('classnames');
8
- require('../colors.module-fcf8e5d3.js');
9
- require('../common.module-cf8a6de7.js');
8
+ require('../colors.module-15de3c41.js');
9
+ require('../common.module-f948e7d5.js');
10
10
 
11
11
 
12
12
 
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var colors = {"tertiary":"typography__tertiary_2xsx1","disabled":"typography__disabled_2xsx1","accent":"typography__accent_2xsx1","primary":"typography__primary_2xsx1","attention":"typography__attention_2xsx1","positive":"typography__positive_2xsx1","secondary":"typography__secondary_2xsx1","tertiary-inverted":"typography__tertiary-inverted_2xsx1","primary-inverted":"typography__primary-inverted_2xsx1","secondary-inverted":"typography__secondary-inverted_2xsx1","link":"typography__link_2xsx1","negative":"typography__negative_2xsx1"};
4
- require('./colors.css')
5
-
6
- exports.colors = colors;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"typography__component_t6v95","bold":"typography__bold_t6v95","medium":"typography__medium_t6v95","regular":"typography__regular_t6v95"};
4
- require('./title/common.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- var colors = {"tertiary":"typography__tertiary_2xsx1","disabled":"typography__disabled_2xsx1","accent":"typography__accent_2xsx1","primary":"typography__primary_2xsx1","attention":"typography__attention_2xsx1","positive":"typography__positive_2xsx1","secondary":"typography__secondary_2xsx1","tertiary-inverted":"typography__tertiary-inverted_2xsx1","primary-inverted":"typography__primary-inverted_2xsx1","secondary-inverted":"typography__secondary-inverted_2xsx1","link":"typography__link_2xsx1","negative":"typography__negative_2xsx1"};
2
- require('./colors.css')
3
-
4
- export { colors as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"typography__component_t6v95","bold":"typography__bold_t6v95","medium":"typography__medium_t6v95","regular":"typography__regular_t6v95"};
2
- require('./title/common.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- const colors = {"tertiary":"typography__tertiary_2xsx1","disabled":"typography__disabled_2xsx1","accent":"typography__accent_2xsx1","primary":"typography__primary_2xsx1","attention":"typography__attention_2xsx1","positive":"typography__positive_2xsx1","secondary":"typography__secondary_2xsx1","tertiary-inverted":"typography__tertiary-inverted_2xsx1","primary-inverted":"typography__primary-inverted_2xsx1","secondary-inverted":"typography__secondary-inverted_2xsx1","link":"typography__link_2xsx1","negative":"typography__negative_2xsx1"};
2
- require('./colors.css')
3
-
4
- export { colors as c };
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"typography__component_t6v95","bold":"typography__bold_t6v95","medium":"typography__medium_t6v95","regular":"typography__regular_t6v95"};
2
- require('./title/common.css')
3
-
4
- export { commonStyles as c };