@alfalab/core-components-typography 3.0.6 → 3.0.7
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 +13 -13
- package/colors.js +0 -2
- package/{colors.module-6e19bd6b.d.ts → colors.module-bf5cdf66.d.ts} +0 -0
- package/{colors.module-6e19bd6b.js → colors.module-bf5cdf66.js} +1 -1
- package/common.module-8c6b627f.js +6 -0
- package/component.js +5 -7
- package/cssm/colors.js +0 -2
- package/cssm/component.js +5 -7
- package/cssm/index.js +7 -9
- package/cssm/presets.js +0 -2
- package/cssm/text/component.js +11 -13
- package/cssm/text/index.js +2 -4
- package/cssm/title/component.d.ts +1 -1
- package/cssm/title/component.js +6 -8
- package/cssm/title/index.d.ts +2 -1
- package/cssm/title/index.js +8 -10
- package/cssm/title-mobile/component.js +8 -10
- package/cssm/title-mobile/index.js +3 -5
- package/cssm/title-responsive/component.js +8 -10
- package/cssm/title-responsive/index.js +3 -5
- package/cssm/{tslib.es6-9682e485.d.ts → tslib.es6-bbd6cd2a.d.ts} +0 -0
- package/cssm/{tslib.es6-9682e485.js → tslib.es6-bbd6cd2a.js} +0 -0
- package/esm/colors.css +13 -13
- package/esm/{colors.module-78d99341.d.ts → colors.module-6165745a.d.ts} +0 -0
- package/esm/{colors.module-78d99341.js → colors.module-6165745a.js} +2 -2
- package/esm/common.module-4ce0321b.js +4 -0
- package/esm/component.js +5 -5
- package/esm/index.js +6 -6
- package/esm/text/component.js +2 -2
- package/esm/text/index.css +15 -15
- package/esm/text/index.js +2 -2
- package/esm/title/common.css +5 -5
- package/esm/title/component.d.ts +1 -1
- package/esm/title/component.js +2 -2
- package/esm/title/index.css +19 -19
- package/esm/title/index.d.ts +2 -1
- package/esm/title/index.js +4 -4
- package/esm/title-mobile/component.js +4 -4
- package/esm/title-mobile/index.css +14 -14
- package/esm/title-mobile/index.js +4 -4
- package/esm/title-responsive/component.js +4 -4
- package/esm/title-responsive/index.css +41 -41
- package/esm/title-responsive/index.js +4 -4
- package/index.js +6 -8
- package/modern/colors.css +13 -13
- package/modern/colors.module-e62b3a57.js +4 -0
- package/modern/common.module-9d782690.js +4 -0
- package/modern/component.js +5 -5
- package/modern/index.js +6 -6
- package/modern/text/component.js +2 -2
- package/modern/text/index.css +15 -15
- package/modern/text/index.js +2 -2
- package/modern/title/common.css +5 -5
- package/modern/title/component.d.ts +1 -1
- package/modern/title/component.js +1 -1
- package/modern/title/index.css +19 -19
- package/modern/title/index.d.ts +2 -1
- package/modern/title/index.js +4 -4
- package/modern/title-mobile/component.js +4 -4
- package/modern/title-mobile/index.css +14 -14
- package/modern/title-mobile/index.js +4 -4
- package/modern/title-responsive/component.js +4 -4
- package/modern/title-responsive/index.css +41 -41
- package/modern/title-responsive/index.js +4 -4
- package/package.json +1 -1
- package/presets.js +0 -2
- package/text/component.js +6 -8
- package/text/index.css +15 -15
- package/text/index.js +2 -4
- package/title/common.css +5 -5
- package/title/component.d.ts +1 -1
- package/title/component.js +5 -7
- package/title/index.css +19 -19
- package/title/index.d.ts +2 -1
- package/title/index.js +7 -9
- package/title-mobile/component.js +7 -9
- package/title-mobile/index.css +14 -14
- package/title-mobile/index.js +4 -6
- package/title-responsive/component.js +7 -9
- package/title-responsive/index.css +41 -41
- package/title-responsive/index.js +4 -6
- package/common.module-dd23630a.js +0 -6
- package/esm/common.module-00b1ccc7.js +0 -4
- package/modern/colors.module-cc6915f1.js +0 -4
- package/modern/common.module-00b1ccc7.js +0 -4
package/colors.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1fsm4 */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-accent: #ef3124;
|
|
4
4
|
--color-light-text-attention: #de6a00;
|
|
@@ -22,39 +22,39 @@
|
|
|
22
22
|
/* Hard up */
|
|
23
23
|
}
|
|
24
24
|
/* colors */
|
|
25
|
-
.
|
|
25
|
+
.typography__tertiary_mwqck {
|
|
26
26
|
color: var(--color-light-text-tertiary);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.typography__disabled_mwqck {
|
|
29
29
|
color: var(--color-light-text-disabled);
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.typography__accent_mwqck {
|
|
32
32
|
color: var(--color-light-text-accent);
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.typography__primary_mwqck {
|
|
35
35
|
color: var(--color-light-text-primary);
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.typography__attention_mwqck {
|
|
38
38
|
color: var(--color-light-text-attention);
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.typography__positive_mwqck {
|
|
41
41
|
color: var(--color-light-text-positive);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.typography__secondary_mwqck {
|
|
44
44
|
color: var(--color-light-text-secondary);
|
|
45
45
|
}
|
|
46
|
-
.typography__tertiary-
|
|
46
|
+
.typography__tertiary-inverted_mwqck {
|
|
47
47
|
color: var(--color-light-text-tertiary-inverted);
|
|
48
48
|
}
|
|
49
|
-
.typography__primary-
|
|
49
|
+
.typography__primary-inverted_mwqck {
|
|
50
50
|
color: var(--color-light-text-primary-inverted);
|
|
51
51
|
}
|
|
52
|
-
.typography__secondary-
|
|
52
|
+
.typography__secondary-inverted_mwqck {
|
|
53
53
|
color: var(--color-light-text-secondary-inverted);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
.typography__link_mwqck {
|
|
56
56
|
color: var(--color-light-text-link);
|
|
57
57
|
}
|
|
58
|
-
.
|
|
58
|
+
.typography__negative_mwqck {
|
|
59
59
|
color: var(--color-light-text-negative);
|
|
60
60
|
}
|
package/colors.js
CHANGED
|
File without changes
|
|
@@ -39,7 +39,7 @@ function __rest(s, e) {
|
|
|
39
39
|
return t;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
var colors = {"tertiary":"
|
|
42
|
+
var colors = {"tertiary":"typography__tertiary_mwqck","disabled":"typography__disabled_mwqck","accent":"typography__accent_mwqck","primary":"typography__primary_mwqck","attention":"typography__attention_mwqck","positive":"typography__positive_mwqck","secondary":"typography__secondary_mwqck","tertiary-inverted":"typography__tertiary-inverted_mwqck","primary-inverted":"typography__primary-inverted_mwqck","secondary-inverted":"typography__secondary-inverted_mwqck","link":"typography__link_mwqck","negative":"typography__negative_mwqck"};
|
|
43
43
|
require('./colors.css')
|
|
44
44
|
|
|
45
45
|
exports.__rest = __rest;
|
package/component.js
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('./colors.module-6e19bd6b.js');
|
|
6
|
-
require('react');
|
|
7
|
-
require('classnames');
|
|
8
3
|
var text_component = require('./text/component.js');
|
|
9
|
-
require('./title/component.js');
|
|
10
|
-
require('./common.module-dd23630a.js');
|
|
11
4
|
var title_index = require('./title/index.js');
|
|
12
5
|
var titleMobile_component = require('./title-mobile/component.js');
|
|
13
6
|
var titleResponsive_component = require('./title-responsive/component.js');
|
|
7
|
+
require('./colors.module-bf5cdf66.js');
|
|
8
|
+
require('react');
|
|
9
|
+
require('classnames');
|
|
10
|
+
require('./title/component.js');
|
|
11
|
+
require('./common.module-8c6b627f.js');
|
|
14
12
|
|
|
15
13
|
var Typography = {
|
|
16
14
|
Title: title_index.Title,
|
package/cssm/colors.js
CHANGED
package/cssm/component.js
CHANGED
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('./
|
|
3
|
+
var text_component = require('./text/component.js');
|
|
4
|
+
var title_index = require('./title/index.js');
|
|
5
|
+
var titleMobile_component = require('./title-mobile/component.js');
|
|
6
|
+
var titleResponsive_component = require('./title-responsive/component.js');
|
|
7
|
+
require('./tslib.es6-bbd6cd2a.js');
|
|
6
8
|
require('react');
|
|
7
9
|
require('classnames');
|
|
8
10
|
require('./colors.module.css');
|
|
9
11
|
require('./text/index.module.css');
|
|
10
|
-
var text_component = require('./text/component.js');
|
|
11
12
|
require('./title/component.js');
|
|
12
13
|
require('./title/common.module.css');
|
|
13
14
|
require('./title/index.module.css');
|
|
14
|
-
var title_index = require('./title/index.js');
|
|
15
15
|
require('./title-mobile/index.module.css');
|
|
16
|
-
var titleMobile_component = require('./title-mobile/component.js');
|
|
17
16
|
require('./title-responsive/index.module.css');
|
|
18
|
-
var titleResponsive_component = require('./title-responsive/component.js');
|
|
19
17
|
|
|
20
18
|
var Typography = {
|
|
21
19
|
Title: title_index.Title,
|
package/cssm/index.js
CHANGED
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('./
|
|
3
|
+
var component = require('./component.js');
|
|
4
|
+
var presets = require('./presets.js');
|
|
5
|
+
require('./text/component.js');
|
|
6
|
+
require('./tslib.es6-bbd6cd2a.js');
|
|
6
7
|
require('react');
|
|
7
8
|
require('classnames');
|
|
8
9
|
require('./colors.module.css');
|
|
9
10
|
require('./text/index.module.css');
|
|
10
|
-
require('./
|
|
11
|
+
require('./title/index.js');
|
|
11
12
|
require('./title/component.js');
|
|
12
13
|
require('./title/common.module.css');
|
|
13
14
|
require('./title/index.module.css');
|
|
14
|
-
require('./title/index.js');
|
|
15
|
-
require('./title-mobile/index.module.css');
|
|
16
15
|
require('./title-mobile/component.js');
|
|
17
|
-
require('./title-
|
|
16
|
+
require('./title-mobile/index.module.css');
|
|
18
17
|
require('./title-responsive/component.js');
|
|
19
|
-
|
|
20
|
-
var presets = require('./presets.js');
|
|
18
|
+
require('./title-responsive/index.module.css');
|
|
21
19
|
|
|
22
20
|
|
|
23
21
|
|
package/cssm/presets.js
CHANGED
package/cssm/text/component.js
CHANGED
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var colors = require('../colors.module.css');
|
|
9
7
|
var styles = require('./index.module.css');
|
|
10
8
|
|
|
11
|
-
function
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
10
|
|
|
13
|
-
var React__default = /*#__PURE__*/
|
|
14
|
-
var cn__default = /*#__PURE__*/
|
|
15
|
-
var colors__default = /*#__PURE__*/
|
|
16
|
-
var styles__default = /*#__PURE__*/
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
13
|
+
var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
|
|
14
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
17
15
|
|
|
18
16
|
var Text = React.forwardRef(function (_a, ref) {
|
|
19
17
|
var _b;
|
|
20
18
|
var _c = _a.view, view = _c === void 0 ? 'primary-medium' : _c, _d = _a.tag, Component = _d === void 0 ? 'span' : _d, weight = _a.weight, _e = _a.monospaceNumbers, monospaceNumbers = _e === void 0 ? false : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? true : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, restProps = tslib_es6.__rest(_a, ["view", "tag", "weight", "monospaceNumbers", "defaultMargins", "color", "className", "dataTestId", "children"]);
|
|
21
|
-
return (React__default
|
|
22
|
-
_b[styles__default
|
|
23
|
-
_b[styles__default
|
|
24
|
-
_b[styles__default
|
|
25
|
-
_b), className, color && colors__default
|
|
19
|
+
return (React__default.default.createElement(Component, tslib_es6.__assign({ className: cn__default.default((_b = {},
|
|
20
|
+
_b[styles__default.default.paragraph] = Component === 'p' && !defaultMargins,
|
|
21
|
+
_b[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,
|
|
22
|
+
_b[styles__default.default.monospace] = monospaceNumbers,
|
|
23
|
+
_b), className, color && colors__default.default[color], styles__default.default[view], weight && styles__default.default[weight]), "data-test-id": dataTestId, ref: ref }, restProps), children));
|
|
26
24
|
});
|
|
27
25
|
|
|
28
26
|
exports.Text = Text;
|
package/cssm/text/index.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../tslib.es6-9682e485.js');
|
|
3
|
+
var text_component = require('./component.js');
|
|
4
|
+
require('../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
7
6
|
require('classnames');
|
|
8
7
|
require('../colors.module.css');
|
|
9
8
|
require('./index.module.css');
|
|
10
|
-
var text_component = require('./component.js');
|
|
11
9
|
|
|
12
10
|
|
|
13
11
|
|
|
@@ -55,7 +55,7 @@ declare const Title: React.ForwardRefExoticComponent<Omit<NativeProps, "color">
|
|
|
55
55
|
/**
|
|
56
56
|
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
|
|
57
57
|
*/
|
|
58
|
-
view?: "medium" | "
|
|
58
|
+
view?: "medium" | "xlarge" | "large" | "small" | "xsmall" | undefined;
|
|
59
59
|
/**
|
|
60
60
|
* Цвет текста
|
|
61
61
|
*/
|
package/cssm/title/component.js
CHANGED
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var cn = require('classnames');
|
|
8
6
|
var colors = require('../colors.module.css');
|
|
9
7
|
|
|
10
|
-
function
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
9
|
|
|
12
|
-
var React__default = /*#__PURE__*/
|
|
13
|
-
var cn__default = /*#__PURE__*/
|
|
14
|
-
var colors__default = /*#__PURE__*/
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
|
+
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
|
+
var colors__default = /*#__PURE__*/_interopDefaultCompat(colors);
|
|
15
13
|
|
|
16
14
|
var Title = React.forwardRef(function (_a, ref) {
|
|
17
15
|
var _b = _a.tag, Component = _b === void 0 ? 'div' : _b, _c = _a.view, view = _c === void 0 ? 'medium' : _c, _d = _a.font, font = _d === void 0 ? 'styrene' : _d, _e = _a.weight, weight = _e === void 0 ? font === 'styrene' ? 'medium' : 'bold' : _e, _f = _a.defaultMargins, defaultMargins = _f === void 0 ? false : _f, color = _a.color, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, styles = _a.styles, restProps = tslib_es6.__rest(_a, ["tag", "view", "font", "weight", "defaultMargins", "color", "className", "dataTestId", "children", "styles"]);
|
|
18
|
-
return (React__default
|
|
16
|
+
return (React__default.default.createElement(Component, tslib_es6.__assign({ className: cn__default.default(styles.component, className, styles["".concat(font, "-").concat(view)], defaultMargins && styles["margins-".concat(view)], styles[weight], color && colors__default.default[color]), "data-test-id": dataTestId, ref: ref }, restProps), children));
|
|
19
17
|
});
|
|
20
18
|
|
|
21
19
|
exports.Title = Title;
|
package/cssm/title/index.d.ts
CHANGED
package/cssm/title/index.js
CHANGED
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
|
-
require('classnames');
|
|
8
|
-
require('../colors.module.css');
|
|
9
5
|
var title_component = require('./component.js');
|
|
10
6
|
var commonStyles = require('./common.module.css');
|
|
11
7
|
var styles = require('./index.module.css');
|
|
8
|
+
require('classnames');
|
|
9
|
+
require('../colors.module.css');
|
|
12
10
|
|
|
13
|
-
function
|
|
11
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
12
|
|
|
15
|
-
var React__default = /*#__PURE__*/
|
|
16
|
-
var commonStyles__default = /*#__PURE__*/
|
|
17
|
-
var styles__default = /*#__PURE__*/
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
|
+
var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
|
|
15
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
16
|
|
|
19
17
|
var Title = function (props) { return (
|
|
20
18
|
/**
|
|
21
19
|
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
22
20
|
* Видимо, это особенность работы jest и css-modules.
|
|
23
21
|
*/
|
|
24
|
-
React__default
|
|
22
|
+
React__default.default.createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default.default, styles__default.default) }))); };
|
|
25
23
|
|
|
26
24
|
exports.Title = Title;
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
|
-
require('classnames');
|
|
8
|
-
require('../colors.module.css');
|
|
9
5
|
var title_component = require('../title/component.js');
|
|
10
6
|
var commonStyles = require('../title/common.module.css');
|
|
11
7
|
var styles = require('./index.module.css');
|
|
8
|
+
require('classnames');
|
|
9
|
+
require('../colors.module.css');
|
|
12
10
|
|
|
13
|
-
function
|
|
11
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
12
|
|
|
15
|
-
var React__default = /*#__PURE__*/
|
|
16
|
-
var commonStyles__default = /*#__PURE__*/
|
|
17
|
-
var styles__default = /*#__PURE__*/
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
|
+
var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
|
|
15
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
16
|
|
|
19
17
|
var TitleMobile = function (props) { return (
|
|
20
18
|
/**
|
|
21
19
|
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
22
20
|
* Видимо, это особенность работы jest и css-modules.
|
|
23
21
|
*/
|
|
24
|
-
React__default
|
|
22
|
+
React__default.default.createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default.default, styles__default.default) }))); };
|
|
25
23
|
|
|
26
24
|
exports.TitleMobile = TitleMobile;
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../tslib.es6-9682e485.js');
|
|
3
|
+
var titleMobile_component = require('./component.js');
|
|
4
|
+
require('../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
6
|
+
require('../title/component.js');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../colors.module.css');
|
|
9
|
-
require('../title/component.js');
|
|
10
9
|
require('../title/common.module.css');
|
|
11
10
|
require('./index.module.css');
|
|
12
|
-
var titleMobile_component = require('./component.js');
|
|
13
11
|
|
|
14
12
|
|
|
15
13
|
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-bbd6cd2a.js');
|
|
6
4
|
var React = require('react');
|
|
7
|
-
require('classnames');
|
|
8
|
-
require('../colors.module.css');
|
|
9
5
|
var title_component = require('../title/component.js');
|
|
10
6
|
var commonStyles = require('../title/common.module.css');
|
|
11
7
|
var styles = require('./index.module.css');
|
|
8
|
+
require('classnames');
|
|
9
|
+
require('../colors.module.css');
|
|
12
10
|
|
|
13
|
-
function
|
|
11
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
12
|
|
|
15
|
-
var React__default = /*#__PURE__*/
|
|
16
|
-
var commonStyles__default = /*#__PURE__*/
|
|
17
|
-
var styles__default = /*#__PURE__*/
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
|
+
var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
|
|
15
|
+
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
18
16
|
|
|
19
17
|
var TitleResponsive = function (props) { return (
|
|
20
18
|
/**
|
|
21
19
|
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
22
20
|
* Видимо, это особенность работы jest и css-modules.
|
|
23
21
|
*/
|
|
24
|
-
React__default
|
|
22
|
+
React__default.default.createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default.default, styles__default.default) }))); };
|
|
25
23
|
|
|
26
24
|
exports.TitleResponsive = TitleResponsive;
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
require('../tslib.es6-9682e485.js');
|
|
3
|
+
var titleResponsive_component = require('./component.js');
|
|
4
|
+
require('../tslib.es6-bbd6cd2a.js');
|
|
6
5
|
require('react');
|
|
6
|
+
require('../title/component.js');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../colors.module.css');
|
|
9
|
-
require('../title/component.js');
|
|
10
9
|
require('../title/common.module.css');
|
|
11
10
|
require('./index.module.css');
|
|
12
|
-
var titleResponsive_component = require('./component.js');
|
|
13
11
|
|
|
14
12
|
|
|
15
13
|
|
|
File without changes
|
|
File without changes
|
package/esm/colors.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1fsm4 */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-accent: #ef3124;
|
|
4
4
|
--color-light-text-attention: #de6a00;
|
|
@@ -22,39 +22,39 @@
|
|
|
22
22
|
/* Hard up */
|
|
23
23
|
}
|
|
24
24
|
/* colors */
|
|
25
|
-
.
|
|
25
|
+
.typography__tertiary_mwqck {
|
|
26
26
|
color: var(--color-light-text-tertiary);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.typography__disabled_mwqck {
|
|
29
29
|
color: var(--color-light-text-disabled);
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.typography__accent_mwqck {
|
|
32
32
|
color: var(--color-light-text-accent);
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.typography__primary_mwqck {
|
|
35
35
|
color: var(--color-light-text-primary);
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.typography__attention_mwqck {
|
|
38
38
|
color: var(--color-light-text-attention);
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.typography__positive_mwqck {
|
|
41
41
|
color: var(--color-light-text-positive);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.typography__secondary_mwqck {
|
|
44
44
|
color: var(--color-light-text-secondary);
|
|
45
45
|
}
|
|
46
|
-
.typography__tertiary-
|
|
46
|
+
.typography__tertiary-inverted_mwqck {
|
|
47
47
|
color: var(--color-light-text-tertiary-inverted);
|
|
48
48
|
}
|
|
49
|
-
.typography__primary-
|
|
49
|
+
.typography__primary-inverted_mwqck {
|
|
50
50
|
color: var(--color-light-text-primary-inverted);
|
|
51
51
|
}
|
|
52
|
-
.typography__secondary-
|
|
52
|
+
.typography__secondary-inverted_mwqck {
|
|
53
53
|
color: var(--color-light-text-secondary-inverted);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
.typography__link_mwqck {
|
|
56
56
|
color: var(--color-light-text-link);
|
|
57
57
|
}
|
|
58
|
-
.
|
|
58
|
+
.typography__negative_mwqck {
|
|
59
59
|
color: var(--color-light-text-negative);
|
|
60
60
|
}
|
|
File without changes
|
|
@@ -37,7 +37,7 @@ function __rest(s, e) {
|
|
|
37
37
|
return t;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
var colors = {"tertiary":"
|
|
40
|
+
var colors = {"tertiary":"typography__tertiary_mwqck","disabled":"typography__disabled_mwqck","accent":"typography__accent_mwqck","primary":"typography__primary_mwqck","attention":"typography__attention_mwqck","positive":"typography__positive_mwqck","secondary":"typography__secondary_mwqck","tertiary-inverted":"typography__tertiary-inverted_mwqck","primary-inverted":"typography__primary-inverted_mwqck","secondary-inverted":"typography__secondary-inverted_mwqck","link":"typography__link_mwqck","negative":"typography__negative_mwqck"};
|
|
41
41
|
require('./colors.css')
|
|
42
42
|
|
|
43
|
-
export {
|
|
43
|
+
export { __rest as _, __assign as a, colors as c };
|
package/esm/component.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import './colors.module-78d99341.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import 'classnames';
|
|
4
1
|
import { Text } from './text/component.js';
|
|
5
|
-
import './title/component.js';
|
|
6
|
-
import './common.module-00b1ccc7.js';
|
|
7
2
|
import { Title } from './title/index.js';
|
|
8
3
|
import { TitleMobile } from './title-mobile/component.js';
|
|
9
4
|
import { TitleResponsive } from './title-responsive/component.js';
|
|
5
|
+
import './colors.module-6165745a.js';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'classnames';
|
|
8
|
+
import './title/component.js';
|
|
9
|
+
import './common.module-4ce0321b.js';
|
|
10
10
|
|
|
11
11
|
var Typography = {
|
|
12
12
|
Title: Title,
|
package/esm/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
export { Typography } from './component.js';
|
|
2
|
+
export { typographyPresets } from './presets.js';
|
|
3
|
+
import './text/component.js';
|
|
4
|
+
import './colors.module-6165745a.js';
|
|
2
5
|
import 'react';
|
|
3
6
|
import 'classnames';
|
|
4
|
-
import './text/component.js';
|
|
5
|
-
import './title/component.js';
|
|
6
|
-
import './common.module-00b1ccc7.js';
|
|
7
7
|
import './title/index.js';
|
|
8
|
+
import './title/component.js';
|
|
9
|
+
import './common.module-4ce0321b.js';
|
|
8
10
|
import './title-mobile/component.js';
|
|
9
11
|
import './title-responsive/component.js';
|
|
10
|
-
export { Typography } from './component.js';
|
|
11
|
-
export { typographyPresets } from './presets.js';
|
package/esm/text/component.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as __rest, a as __assign, c as colors } from '../colors.module-6165745a.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
|
|
5
|
-
var styles = {"paragraph":"
|
|
5
|
+
var styles = {"paragraph":"typography__paragraph_rxtwz","paragraphWithMargins":"typography__paragraphWithMargins_rxtwz","primary-large":"typography__primary-large_rxtwz","primary-medium":"typography__primary-medium_rxtwz","primary-small":"typography__primary-small_rxtwz","secondary-large":"typography__secondary-large_rxtwz","secondary-medium":"typography__secondary-medium_rxtwz","secondary-small":"typography__secondary-small_rxtwz","component":"typography__component_rxtwz","caps":"typography__caps_rxtwz","bold":"typography__bold_rxtwz","medium":"typography__medium_rxtwz","regular":"typography__regular_rxtwz","monospace":"typography__monospace_rxtwz"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Text = forwardRef(function (_a, ref) {
|