@alfalab/core-components-typography 3.1.0 → 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 (92) hide show
  1. package/colors.css +42 -28
  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 +3 -2
  7. package/cssm/colors.d.ts +1 -1
  8. package/cssm/colors.js +7 -0
  9. package/cssm/colors.module.css +41 -27
  10. package/cssm/component.js +1 -1
  11. package/cssm/index.js +1 -1
  12. package/cssm/text/component.js +3 -3
  13. package/cssm/text/index.js +1 -1
  14. package/cssm/text/index.module.css +26 -38
  15. package/cssm/title/component.d.ts +1 -1
  16. package/cssm/title/component.js +3 -3
  17. package/cssm/title/index.js +2 -2
  18. package/cssm/title/index.module.css +26 -40
  19. package/cssm/title-mobile/component.js +2 -2
  20. package/cssm/title-mobile/index.js +1 -1
  21. package/cssm/title-mobile/index.module.css +18 -22
  22. package/cssm/title-responsive/component.js +2 -2
  23. package/cssm/title-responsive/index.js +1 -1
  24. package/cssm/title-responsive/index.module.css +25 -39
  25. package/esm/colors.css +42 -28
  26. package/esm/colors.d.ts +1 -1
  27. package/esm/colors.js +7 -0
  28. package/esm/colors.module-308e84a9.js +4 -0
  29. package/esm/common.module-a19344da.js +4 -0
  30. package/esm/component.js +3 -2
  31. package/esm/index.js +3 -2
  32. package/esm/text/component.js +3 -2
  33. package/esm/text/index.css +27 -39
  34. package/esm/text/index.js +2 -1
  35. package/esm/title/common.css +5 -5
  36. package/esm/title/component.d.ts +1 -1
  37. package/esm/title/component.js +2 -1
  38. package/esm/title/index.css +27 -41
  39. package/esm/title/index.js +4 -3
  40. package/esm/title-mobile/component.js +4 -3
  41. package/esm/title-mobile/index.css +19 -23
  42. package/esm/title-mobile/index.js +3 -2
  43. package/esm/title-responsive/component.js +4 -3
  44. package/esm/title-responsive/index.css +51 -65
  45. package/esm/title-responsive/index.js +3 -2
  46. package/index.js +3 -2
  47. package/modern/colors.css +42 -28
  48. package/modern/colors.d.ts +1 -1
  49. package/modern/colors.js +7 -0
  50. package/modern/colors.module-c327b974.js +4 -0
  51. package/modern/common.module-41281fe7.js +4 -0
  52. package/modern/component.js +2 -2
  53. package/modern/index.js +2 -2
  54. package/modern/text/component.js +2 -2
  55. package/modern/text/index.css +27 -39
  56. package/modern/text/index.js +1 -1
  57. package/modern/title/common.css +5 -5
  58. package/modern/title/component.d.ts +1 -1
  59. package/modern/title/component.js +1 -1
  60. package/modern/title/index.css +27 -41
  61. package/modern/title/index.js +3 -3
  62. package/modern/title-mobile/component.js +3 -3
  63. package/modern/title-mobile/index.css +19 -23
  64. package/modern/title-mobile/index.js +2 -2
  65. package/modern/title-responsive/component.js +3 -3
  66. package/modern/title-responsive/index.css +51 -65
  67. package/modern/title-responsive/index.js +2 -2
  68. package/package.json +3 -2
  69. package/text/component.js +5 -4
  70. package/text/index.css +27 -39
  71. package/text/index.js +2 -1
  72. package/title/common.css +5 -5
  73. package/title/component.d.ts +1 -1
  74. package/title/component.js +4 -3
  75. package/title/index.css +27 -41
  76. package/title/index.js +5 -4
  77. package/title-mobile/component.js +5 -4
  78. package/title-mobile/index.css +19 -23
  79. package/title-mobile/index.js +3 -2
  80. package/title-responsive/component.js +5 -4
  81. package/title-responsive/index.css +51 -65
  82. package/title-responsive/index.js +3 -2
  83. package/colors.module-bc993287.d.ts +0 -36
  84. package/colors.module-bc993287.js +0 -46
  85. package/common.module-0a9ad0fb.js +0 -6
  86. package/cssm/tslib.es6-bbd6cd2a.d.ts +0 -36
  87. package/cssm/tslib.es6-bbd6cd2a.js +0 -42
  88. package/esm/colors.module-42065957.d.ts +0 -36
  89. package/esm/colors.module-42065957.js +0 -43
  90. package/esm/common.module-cc423fc9.js +0 -4
  91. package/modern/colors.module-cbb33ea7.js +0 -4
  92. package/modern/common.module-13ae7781.js +0 -4
package/title/index.js CHANGED
@@ -1,16 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var colors_module = require('../colors.module-bc993287.js');
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-0a9ad0fb.js');
6
+ var common_module = require('../common.module-f948e7d5.js');
7
7
  require('classnames');
8
+ require('../colors.module-15de3c41.js');
8
9
 
9
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
11
 
11
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
13
 
13
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_17h0l","styrene-large":"typography__styrene-large_17h0l","styrene-medium":"typography__styrene-medium_17h0l","styrene-small":"typography__styrene-small_17h0l","styrene-xsmall":"typography__styrene-xsmall_17h0l","system-xlarge":"typography__system-xlarge_17h0l","system-large":"typography__system-large_17h0l","system-medium":"typography__system-medium_17h0l","system-small":"typography__system-small_17h0l","system-xsmall":"typography__system-xsmall_17h0l","margins-xlarge":"typography__margins-xlarge_17h0l","margins-large":"typography__margins-large_17h0l","margins-medium":"typography__margins-medium_17h0l","margins-small":"typography__margins-small_17h0l","margins-xsmall":"typography__margins-xsmall_17h0l","rowLimit1":"typography__rowLimit1_17h0l","rowLimit2":"typography__rowLimit2_17h0l","rowLimit3":"typography__rowLimit3_17h0l"};
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"};
14
15
  require('./index.css')
15
16
 
16
17
  var Title = function (props) { return (
@@ -18,6 +19,6 @@ var Title = function (props) { return (
18
19
  * Если поменять Object.assign на деструктуризацию, то упадут тесты.
19
20
  * Видимо, это особенность работы jest и css-modules.
20
21
  */
21
- React__default.default.createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
22
+ React__default.default.createElement(title_component.Title, tslib.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
22
23
 
23
24
  exports.Title = Title;
@@ -1,16 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var colors_module = require('../colors.module-bc993287.js');
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-0a9ad0fb.js');
6
+ var common_module = require('../common.module-f948e7d5.js');
7
7
  require('classnames');
8
+ require('../colors.module-15de3c41.js');
8
9
 
9
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
11
 
11
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
13
 
13
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_1pauw","styrene-large":"typography__styrene-large_1pauw","styrene-medium":"typography__styrene-medium_1pauw","styrene-small":"typography__styrene-small_1pauw","styrene-xsmall":"typography__styrene-xsmall_1pauw","system-xlarge":"typography__system-xlarge_1pauw","system-large":"typography__system-large_1pauw","system-medium":"typography__system-medium_1pauw","system-small":"typography__system-small_1pauw","system-xsmall":"typography__system-xsmall_1pauw"};
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"};
14
15
  require('./index.css')
15
16
 
16
17
  var TitleMobile = function (props) { return (
@@ -18,6 +19,6 @@ var TitleMobile = function (props) { return (
18
19
  * Если поменять Object.assign на деструктуризацию, то упадут тесты.
19
20
  * Видимо, это особенность работы jest и css-modules.
20
21
  */
21
- React__default.default.createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
22
+ React__default.default.createElement(title_component.Title, tslib.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
22
23
 
23
24
  exports.TitleMobile = TitleMobile;
@@ -1,72 +1,68 @@
1
- /* hash: 22g47 */
1
+ /* hash: 1fx8l */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
15
+ } :root {
11
16
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
12
17
  'Helvetica Neue', Helvetica, sans-serif;
13
- }
14
- .typography__styrene-xlarge_1pauw {
18
+ } :root {
19
+ } .typography__styrene-xlarge_brqjo {
15
20
  font-size: 34px;
16
21
  line-height: 40px;
17
22
  font-weight: 500;
18
23
  font-feature-settings: 'ss01';
19
24
  font-family: var(--font-family-styrene);
20
- }
21
- .typography__styrene-large_1pauw {
25
+ } .typography__styrene-large_brqjo {
22
26
  font-size: 30px;
23
27
  line-height: 36px;
24
28
  font-weight: 500;
25
29
  font-feature-settings: 'ss01';
26
30
  font-family: var(--font-family-styrene);
27
- }
28
- .typography__styrene-medium_1pauw {
31
+ } .typography__styrene-medium_brqjo {
29
32
  font-size: 26px;
30
33
  line-height: 32px;
31
34
  font-weight: 500;
32
35
  font-feature-settings: 'ss01';
33
36
  font-family: var(--font-family-styrene);
34
- }
35
- .typography__styrene-small_1pauw {
37
+ } .typography__styrene-small_brqjo {
36
38
  font-size: 20px;
37
39
  line-height: 28px;
38
40
  font-weight: 500;
39
41
  font-feature-settings: 'ss01';
40
42
  font-family: var(--font-family-styrene);
41
- }
42
- .typography__styrene-xsmall_1pauw {
43
+ } .typography__styrene-xsmall_brqjo {
43
44
  font-size: 16px;
44
45
  line-height: 20px;
45
46
  font-weight: 500;
46
47
  font-feature-settings: 'ss01';
47
48
  font-family: var(--font-family-styrene);
48
- }
49
- .typography__system-xlarge_1pauw {
49
+ } .typography__system-xlarge_brqjo {
50
50
  font-size: 34px;
51
51
  line-height: 40px;
52
52
  font-weight: 600;
53
- }
54
- .typography__system-large_1pauw {
53
+ } .typography__system-large_brqjo {
55
54
  font-size: 30px;
56
55
  line-height: 36px;
57
56
  font-weight: 600;
58
- }
59
- .typography__system-medium_1pauw {
57
+ } .typography__system-medium_brqjo {
60
58
  font-size: 26px;
61
59
  line-height: 32px;
62
60
  font-weight: 600;
63
- }
64
- .typography__system-small_1pauw {
61
+ } .typography__system-small_brqjo {
65
62
  font-size: 20px;
66
63
  line-height: 28px;
67
64
  font-weight: 600;
68
- }
69
- .typography__system-xsmall_1pauw {
65
+ } .typography__system-xsmall_brqjo {
70
66
  font-size: 16px;
71
67
  line-height: 20px;
72
68
  font-weight: 600;
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
3
  var titleMobile_component = require('./component.js');
4
- require('../colors.module-bc993287.js');
4
+ require('tslib');
5
5
  require('react');
6
6
  require('../title/component.js');
7
7
  require('classnames');
8
- require('../common.module-0a9ad0fb.js');
8
+ require('../colors.module-15de3c41.js');
9
+ require('../common.module-f948e7d5.js');
9
10
 
10
11
 
11
12
 
@@ -1,16 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var colors_module = require('../colors.module-bc993287.js');
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-0a9ad0fb.js');
6
+ var common_module = require('../common.module-f948e7d5.js');
7
7
  require('classnames');
8
+ require('../colors.module-15de3c41.js');
8
9
 
9
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
11
 
11
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
13
 
13
- var styles = {"styrene-xlarge":"typography__styrene-xlarge_39k3n","styrene-large":"typography__styrene-large_39k3n","styrene-medium":"typography__styrene-medium_39k3n","styrene-small":"typography__styrene-small_39k3n","styrene-xsmall":"typography__styrene-xsmall_39k3n","system-xlarge":"typography__system-xlarge_39k3n","system-large":"typography__system-large_39k3n","system-medium":"typography__system-medium_39k3n","system-small":"typography__system-small_39k3n","system-xsmall":"typography__system-xsmall_39k3n","margins-xlarge":"typography__margins-xlarge_39k3n","margins-large":"typography__margins-large_39k3n","margins-medium":"typography__margins-medium_39k3n","margins-small":"typography__margins-small_39k3n","margins-xsmall":"typography__margins-xsmall_39k3n"};
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"};
14
15
  require('./index.css')
15
16
 
16
17
  var TitleResponsive = function (props) { return (
@@ -18,6 +19,6 @@ var TitleResponsive = function (props) { return (
18
19
  * Если поменять Object.assign на деструктуризацию, то упадут тесты.
19
20
  * Видимо, это особенность работы jest и css-modules.
20
21
  */
21
- React__default.default.createElement(title_component.Title, colors_module.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
22
+ React__default.default.createElement(title_component.Title, tslib.__assign({}, props, { styles: Object.assign(common_module.commonStyles, styles) }))); };
22
23
 
23
24
  exports.TitleResponsive = TitleResponsive;
@@ -1,151 +1,137 @@
1
- /* hash: 1qawm */
1
+ /* hash: 1n2ge */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
11
15
  --gap-m: 16px;
12
16
  --gap-xl: 24px;
13
17
  --gap-3xl: 40px;
14
18
  --gap-4xl: 48px;
15
- }
16
- :root {
19
+ } :root {
17
20
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
18
21
  'Helvetica Neue', Helvetica, sans-serif;
19
- }
20
- /* TODO: поменять медиа-запросы на миксины */
21
- .typography__styrene-xlarge_39k3n {
22
+ } :root {
23
+ } /* TODO: поменять медиа-запросы на миксины */ .typography__styrene-xlarge_1x9yf {
22
24
  font-size: 34px;
23
25
  line-height: 40px;
24
26
  font-weight: 500;
25
27
  font-feature-settings: 'ss01';
26
28
  font-family: var(--font-family-styrene);
27
- }
28
- .typography__styrene-large_39k3n {
29
+ } .typography__styrene-large_1x9yf {
29
30
  font-size: 30px;
30
31
  line-height: 36px;
31
32
  font-weight: 500;
32
33
  font-feature-settings: 'ss01';
33
34
  font-family: var(--font-family-styrene);
34
- }
35
- .typography__styrene-medium_39k3n {
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
- }
42
- .typography__styrene-small_39k3n {
41
+ } .typography__styrene-small_1x9yf {
43
42
  font-size: 20px;
44
43
  line-height: 28px;
45
44
  font-weight: 500;
46
45
  font-feature-settings: 'ss01';
47
46
  font-family: var(--font-family-styrene);
48
- }
49
- .typography__styrene-xsmall_39k3n {
47
+ } .typography__styrene-xsmall_1x9yf {
50
48
  font-size: 16px;
51
49
  line-height: 20px;
52
50
  font-weight: 500;
53
51
  font-feature-settings: 'ss01';
54
52
  font-family: var(--font-family-styrene);
55
- }
56
- .typography__system-xlarge_39k3n {
53
+ } .typography__system-xlarge_1x9yf {
57
54
  font-size: 30px;
58
55
  line-height: 36px;
59
56
  font-weight: 700;
60
- }
61
- .typography__system-large_39k3n {
57
+ } .typography__system-large_1x9yf {
62
58
  font-size: 22px;
63
59
  line-height: 26px;
64
60
  font-weight: 700;
65
- }
66
- .typography__system-medium_39k3n {
61
+ } .typography__system-medium_1x9yf {
67
62
  font-size: 18px;
68
63
  line-height: 22px;
69
64
  font-weight: 700;
70
- }
71
- .typography__system-small_39k3n {
65
+ } .typography__system-small_1x9yf {
72
66
  font-size: 18px;
73
67
  line-height: 22px;
74
68
  font-weight: 700;
75
- }
76
- .typography__system-xsmall_39k3n {
69
+ } .typography__system-xsmall_1x9yf {
77
70
  font-size: 18px;
78
71
  line-height: 22px;
79
72
  font-weight: 700;
80
- }
81
- .typography__margins-xlarge_39k3n {
73
+ } .typography__margins-xlarge_1x9yf {
82
74
  margin: 0 0 var(--gap-xl);
83
- }
84
- .typography__margins-large_39k3n {
75
+ } .typography__margins-large_1x9yf {
85
76
  margin: var(--gap-3xl) 0 var(--gap-m);
86
- }
87
- .typography__margins-medium_39k3n {
77
+ } .typography__margins-medium_1x9yf {
88
78
  margin: var(--gap-3xl) 0 var(--gap-m);
89
- }
90
- .typography__margins-small_39k3n {
79
+ } .typography__margins-small_1x9yf {
91
80
  margin: var(--gap-3xl) 0 var(--gap-m);
92
- }
93
- .typography__margins-xsmall_39k3n {
81
+ } .typography__margins-xsmall_1x9yf {
94
82
  margin: var(--gap-3xl) 0 var(--gap-m);
95
- }
96
- @media screen and (min-width: 600px) {
97
- .typography__system-xlarge_39k3n {
83
+ } @media screen and (min-width: 600px) {
84
+ .typography__system-xlarge_1x9yf {
98
85
  font-size: 40px;
99
86
  line-height: 48px;
100
87
  font-weight: 700;
101
88
  }
102
89
 
103
- .typography__system-large_39k3n {
90
+ .typography__system-large_1x9yf {
104
91
  font-size: 30px;
105
92
  line-height: 36px;
106
93
  font-weight: 700;
107
94
  }
108
95
 
109
- .typography__system-medium_39k3n {
96
+ .typography__system-medium_1x9yf {
110
97
  font-size: 22px;
111
98
  line-height: 26px;
112
99
  font-weight: 700;
113
100
  }
114
101
 
115
- .typography__system-small_39k3n {
102
+ .typography__system-small_1x9yf {
116
103
  font-size: 22px;
117
104
  line-height: 26px;
118
105
  font-weight: 700;
119
106
  }
120
107
 
121
- .typography__system-xsmall_39k3n {
108
+ .typography__system-xsmall_1x9yf {
122
109
  font-size: 18px;
123
110
  line-height: 22px;
124
111
  font-weight: 700;
125
112
  }
126
113
 
127
- .typography__margins-xlarge_39k3n {
114
+ .typography__margins-xlarge_1x9yf {
128
115
  margin: 0 0 var(--gap-xl);
129
116
  }
130
117
 
131
- .typography__margins-large_39k3n {
118
+ .typography__margins-large_1x9yf {
132
119
  margin: var(--gap-4xl) 0 var(--gap-xl);
133
120
  }
134
121
 
135
- .typography__margins-medium_39k3n {
122
+ .typography__margins-medium_1x9yf {
136
123
  margin: var(--gap-3xl) 0 var(--gap-m);
137
124
  }
138
125
 
139
- .typography__margins-small_39k3n {
126
+ .typography__margins-small_1x9yf {
140
127
  margin: var(--gap-3xl) 0 var(--gap-m);
141
128
  }
142
129
 
143
- .typography__margins-xsmall_39k3n {
130
+ .typography__margins-xsmall_1x9yf {
144
131
  margin: var(--gap-3xl) 0 var(--gap-m);
145
132
  }
146
- }
147
- @media screen and (min-width: 1024px) {
148
- .typography__styrene-xlarge_39k3n {
133
+ } @media screen and (min-width: 1024px) {
134
+ .typography__styrene-xlarge_1x9yf {
149
135
  font-size: 48px;
150
136
  line-height: 64px;
151
137
  font-weight: 500;
@@ -153,7 +139,7 @@
153
139
  font-family: var(--font-family-styrene);
154
140
  }
155
141
 
156
- .typography__styrene-large_39k3n {
142
+ .typography__styrene-large_1x9yf {
157
143
  font-size: 40px;
158
144
  line-height: 48px;
159
145
  font-weight: 500;
@@ -161,7 +147,7 @@
161
147
  font-family: var(--font-family-styrene);
162
148
  }
163
149
 
164
- .typography__styrene-medium_39k3n {
150
+ .typography__styrene-medium_1x9yf {
165
151
  font-size: 32px;
166
152
  line-height: 40px;
167
153
  font-weight: 500;
@@ -169,7 +155,7 @@
169
155
  font-family: var(--font-family-styrene);
170
156
  }
171
157
 
172
- .typography__styrene-small_39k3n {
158
+ .typography__styrene-small_1x9yf {
173
159
  font-size: 24px;
174
160
  line-height: 32px;
175
161
  font-weight: 500;
@@ -177,7 +163,7 @@
177
163
  font-family: var(--font-family-styrene);
178
164
  }
179
165
 
180
- .typography__styrene-xsmall_39k3n {
166
+ .typography__styrene-xsmall_1x9yf {
181
167
  font-size: 20px;
182
168
  line-height: 24px;
183
169
  font-weight: 500;
@@ -185,53 +171,53 @@
185
171
  font-family: var(--font-family-styrene);
186
172
  }
187
173
 
188
- .typography__system-xlarge_39k3n {
174
+ .typography__system-xlarge_1x9yf {
189
175
  font-size: 48px;
190
176
  line-height: 52px;
191
177
  font-weight: 700;
192
178
  }
193
179
 
194
- .typography__system-large_39k3n {
180
+ .typography__system-large_1x9yf {
195
181
  font-size: 40px;
196
182
  line-height: 48px;
197
183
  font-weight: 700;
198
184
  }
199
185
 
200
- .typography__system-medium_39k3n {
186
+ .typography__system-medium_1x9yf {
201
187
  font-size: 30px;
202
188
  line-height: 36px;
203
189
  font-weight: 700;
204
190
  }
205
191
 
206
- .typography__system-small_39k3n {
192
+ .typography__system-small_1x9yf {
207
193
  font-size: 22px;
208
194
  line-height: 26px;
209
195
  font-weight: 700;
210
196
  }
211
197
 
212
- .typography__system-xsmall_39k3n {
198
+ .typography__system-xsmall_1x9yf {
213
199
  font-size: 18px;
214
200
  line-height: 22px;
215
201
  font-weight: 700;
216
202
  }
217
203
 
218
- .typography__margins-xlarge_39k3n {
204
+ .typography__margins-xlarge_1x9yf {
219
205
  margin: 0 0 var(--gap-xl);
220
206
  }
221
207
 
222
- .typography__margins-large_39k3n {
208
+ .typography__margins-large_1x9yf {
223
209
  margin: var(--gap-4xl) 0 var(--gap-xl);
224
210
  }
225
211
 
226
- .typography__margins-medium_39k3n {
212
+ .typography__margins-medium_1x9yf {
227
213
  margin: var(--gap-4xl) 0 var(--gap-xl);
228
214
  }
229
215
 
230
- .typography__margins-small_39k3n {
216
+ .typography__margins-small_1x9yf {
231
217
  margin: var(--gap-3xl) 0 var(--gap-m);
232
218
  }
233
219
 
234
- .typography__margins-xsmall_39k3n {
220
+ .typography__margins-xsmall_1x9yf {
235
221
  margin: var(--gap-3xl) 0 var(--gap-m);
236
222
  }
237
223
  }
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
3
  var titleResponsive_component = require('./component.js');
4
- require('../colors.module-bc993287.js');
4
+ require('tslib');
5
5
  require('react');
6
6
  require('../title/component.js');
7
7
  require('classnames');
8
- require('../common.module-0a9ad0fb.js');
8
+ require('../colors.module-15de3c41.js');
9
+ require('../common.module-f948e7d5.js');
9
10
 
10
11
 
11
12
 
@@ -1,36 +0,0 @@
1
- declare function __extends(d: any, b: any): void;
2
- declare function __rest(s: any, e: any): {};
3
- declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
4
- declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
5
- declare function __metadata(metadataKey: any, metadataValue: any): any;
6
- declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
7
- declare function __generator(thisArg: any, body: any): {
8
- next: (v: any) => any;
9
- throw: (v: any) => any;
10
- return: (v: any) => any;
11
- };
12
- declare function __exportStar(m: any, o: any): void;
13
- declare function __values(o: any): any;
14
- declare function __read(o: any, n: any): any;
15
- /** @deprecated */
16
- declare function __spread(...args: any[]): any[];
17
- /** @deprecated */
18
- declare function __spreadArrays(...args: any[]): any[];
19
- declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
- declare function __await(v: any): __await;
21
- declare class __await {
22
- constructor(v: any);
23
- v: any;
24
- }
25
- declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
26
- declare function __asyncDelegator(o: any): {};
27
- declare function __asyncValues(o: any): any;
28
- declare function __makeTemplateObject(cooked: any, raw: any): any;
29
- declare function __importStar(mod: any): any;
30
- declare function __importDefault(mod: any): any;
31
- declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
- declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
- declare function __classPrivateFieldIn(state: any, receiver: any): any;
34
- declare function __assign(...args: any[]): any;
35
- declare function __createBinding(o: any, m: any, k: any, k2: any): void;
36
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
@@ -1,46 +0,0 @@
1
- 'use strict';
2
-
3
- /******************************************************************************
4
- Copyright (c) Microsoft Corporation.
5
-
6
- Permission to use, copy, modify, and/or distribute this software for any
7
- purpose with or without fee is hereby granted.
8
-
9
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
10
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
11
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
12
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
13
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
14
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
15
- PERFORMANCE OF THIS SOFTWARE.
16
- ***************************************************************************** */
17
- exports.__assign = function () {
18
- exports.__assign = Object.assign || function __assign(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s)
22
- if (Object.prototype.hasOwnProperty.call(s, p))
23
- t[p] = s[p];
24
- }
25
- return t;
26
- };
27
- return exports.__assign.apply(this, arguments);
28
- };
29
- function __rest(s, e) {
30
- var t = {};
31
- for (var p in s)
32
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
33
- t[p] = s[p];
34
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
35
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
36
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
37
- t[p[i]] = s[p[i]];
38
- }
39
- return t;
40
- }
41
-
42
- var colors = {"tertiary":"typography__tertiary_5mg9e","disabled":"typography__disabled_5mg9e","accent":"typography__accent_5mg9e","primary":"typography__primary_5mg9e","attention":"typography__attention_5mg9e","positive":"typography__positive_5mg9e","secondary":"typography__secondary_5mg9e","tertiary-inverted":"typography__tertiary-inverted_5mg9e","primary-inverted":"typography__primary-inverted_5mg9e","secondary-inverted":"typography__secondary-inverted_5mg9e","link":"typography__link_5mg9e","negative":"typography__negative_5mg9e"};
43
- require('./colors.css')
44
-
45
- exports.__rest = __rest;
46
- exports.colors = colors;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"typography__component_1c381","bold":"typography__bold_1c381","medium":"typography__medium_1c381","regular":"typography__regular_1c381"};
4
- require('./title/common.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,36 +0,0 @@
1
- declare function __extends(d: any, b: any): void;
2
- declare function __rest(s: any, e: any): {};
3
- declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
4
- declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
5
- declare function __metadata(metadataKey: any, metadataValue: any): any;
6
- declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
7
- declare function __generator(thisArg: any, body: any): {
8
- next: (v: any) => any;
9
- throw: (v: any) => any;
10
- return: (v: any) => any;
11
- };
12
- declare function __exportStar(m: any, o: any): void;
13
- declare function __values(o: any): any;
14
- declare function __read(o: any, n: any): any;
15
- /** @deprecated */
16
- declare function __spread(...args: any[]): any[];
17
- /** @deprecated */
18
- declare function __spreadArrays(...args: any[]): any[];
19
- declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
- declare function __await(v: any): __await;
21
- declare class __await {
22
- constructor(v: any);
23
- v: any;
24
- }
25
- declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
26
- declare function __asyncDelegator(o: any): {};
27
- declare function __asyncValues(o: any): any;
28
- declare function __makeTemplateObject(cooked: any, raw: any): any;
29
- declare function __importStar(mod: any): any;
30
- declare function __importDefault(mod: any): any;
31
- declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
- declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
- declare function __classPrivateFieldIn(state: any, receiver: any): any;
34
- declare function __assign(...args: any[]): any;
35
- declare function __createBinding(o: any, m: any, k: any, k2: any): void;
36
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };