@alfalab/core-components-typography 3.0.2 → 3.0.4
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-e9b9579a.d.ts} +8 -4
- package/{colors.module-2cc8e807.js → colors.module-e9b9579a.js} +2 -2
- package/common.module-caf545a8.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 +7 -8
- package/cssm/title-mobile/index.js +1 -1
- package/cssm/title-mobile/index.module.css +2 -2
- package/cssm/title-responsive/component.js +7 -8
- package/cssm/title-responsive/index.js +1 -1
- package/cssm/title-responsive/index.module.css +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-4de66eae.d.ts} +8 -4
- package/esm/{colors.module-6065797e.js → colors.module-4de66eae.js} +2 -2
- package/esm/common.module-2f6fae5e.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 +9 -10
- package/esm/title-mobile/index.css +16 -16
- package/esm/title-mobile/index.js +2 -2
- package/esm/title-responsive/component.js +9 -10
- package/esm/title-responsive/index.css +42 -42
- 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-08772334.js +4 -0
- package/modern/common.module-2f6fae5e.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 +16 -16
- package/modern/title-mobile/index.js +2 -2
- package/modern/title-responsive/component.js +9 -10
- package/modern/title-responsive/index.css +42 -42
- package/modern/title-responsive/index.js +2 -2
- package/package.json +1 -1
- package/send-stats.js +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 +9 -10
- package/title-mobile/index.css +16 -16
- package/title-mobile/index.js +2 -2
- package/title-responsive/component.js +9 -10
- package/title-responsive/index.css +42 -42
- 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/colors.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1axrr */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-accent: #ef3124;
|
|
4
4
|
--color-light-text-attention: #de6a00;
|
|
5
|
-
--color-light-text-disabled:
|
|
5
|
+
--color-light-text-disabled: rgba(11, 31, 53, 0.15);
|
|
6
6
|
--color-light-text-link: #007aff;
|
|
7
7
|
--color-light-text-negative: #d91d0b;
|
|
8
8
|
--color-light-text-positive: #13a463;
|
|
9
9
|
--color-light-text-primary: #0b1f35;
|
|
10
10
|
--color-light-text-primary-inverted: #fff;
|
|
11
|
-
--color-light-text-secondary:
|
|
12
|
-
--color-light-text-secondary-inverted:
|
|
13
|
-
--color-light-text-tertiary:
|
|
14
|
-
--color-light-text-tertiary-inverted:
|
|
11
|
+
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
12
|
+
--color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
|
|
13
|
+
--color-light-text-tertiary: rgba(11, 31, 53, 0.3);
|
|
14
|
+
--color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
|
|
15
15
|
}
|
|
16
16
|
:root {
|
|
17
17
|
|
|
@@ -22,39 +22,39 @@
|
|
|
22
22
|
/* Hard up */
|
|
23
23
|
}
|
|
24
24
|
/* colors */
|
|
25
|
-
.
|
|
25
|
+
.typography__tertiary_1vd47 {
|
|
26
26
|
color: var(--color-light-text-tertiary);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.typography__disabled_1vd47 {
|
|
29
29
|
color: var(--color-light-text-disabled);
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.typography__accent_1vd47 {
|
|
32
32
|
color: var(--color-light-text-accent);
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.typography__primary_1vd47 {
|
|
35
35
|
color: var(--color-light-text-primary);
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.typography__attention_1vd47 {
|
|
38
38
|
color: var(--color-light-text-attention);
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.typography__positive_1vd47 {
|
|
41
41
|
color: var(--color-light-text-positive);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.typography__secondary_1vd47 {
|
|
44
44
|
color: var(--color-light-text-secondary);
|
|
45
45
|
}
|
|
46
|
-
.typography__tertiary-
|
|
46
|
+
.typography__tertiary-inverted_1vd47 {
|
|
47
47
|
color: var(--color-light-text-tertiary-inverted);
|
|
48
48
|
}
|
|
49
|
-
.typography__primary-
|
|
49
|
+
.typography__primary-inverted_1vd47 {
|
|
50
50
|
color: var(--color-light-text-primary-inverted);
|
|
51
51
|
}
|
|
52
|
-
.typography__secondary-
|
|
52
|
+
.typography__secondary-inverted_1vd47 {
|
|
53
53
|
color: var(--color-light-text-secondary-inverted);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
.typography__link_1vd47 {
|
|
56
56
|
color: var(--color-light-text-link);
|
|
57
57
|
}
|
|
58
|
-
.
|
|
58
|
+
.typography__negative_1vd47 {
|
|
59
59
|
color: var(--color-light-text-negative);
|
|
60
60
|
}
|
|
@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
|
|
|
12
12
|
declare function __exportStar(m: any, o: any): void;
|
|
13
13
|
declare function __values(o: any): any;
|
|
14
14
|
declare function __read(o: any, n: any): any;
|
|
15
|
+
/** @deprecated */
|
|
15
16
|
declare function __spread(...args: any[]): any[];
|
|
17
|
+
/** @deprecated */
|
|
16
18
|
declare function __spreadArrays(...args: any[]): any[];
|
|
17
|
-
declare function
|
|
19
|
+
declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
|
|
20
|
+
declare function __await(v: any): __await;
|
|
18
21
|
declare class __await {
|
|
19
22
|
constructor(v: any);
|
|
20
23
|
v: any;
|
|
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
|
|
|
25
28
|
declare function __makeTemplateObject(cooked: any, raw: any): any;
|
|
26
29
|
declare function __importStar(mod: any): any;
|
|
27
30
|
declare function __importDefault(mod: any): any;
|
|
28
|
-
declare function __classPrivateFieldGet(receiver: any,
|
|
29
|
-
declare function __classPrivateFieldSet(receiver: 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;
|
|
30
34
|
declare function __assign(...args: any[]): any;
|
|
31
35
|
declare function __createBinding(o: any, m: any, k: any, k2: any): void;
|
|
32
|
-
export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
|
|
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,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
/******************************************************************************
|
|
4
4
|
Copyright (c) Microsoft Corporation.
|
|
5
5
|
|
|
6
6
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -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_1vd47","disabled":"typography__disabled_1vd47","accent":"typography__accent_1vd47","primary":"typography__primary_1vd47","attention":"typography__attention_1vd47","positive":"typography__positive_1vd47","secondary":"typography__secondary_1vd47","tertiary-inverted":"typography__tertiary-inverted_1vd47","primary-inverted":"typography__primary-inverted_1vd47","secondary-inverted":"typography__secondary-inverted_1vd47","link":"typography__link_1vd47","negative":"typography__negative_1vd47"};
|
|
43
43
|
require('./colors.css')
|
|
44
44
|
|
|
45
45
|
exports.__rest = __rest;
|
package/component.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { TitleProps } from "./title/index";
|
|
3
2
|
import { TextProps } from "./text/index";
|
|
3
|
+
import { TitleProps } from "./title/index";
|
|
4
4
|
import { TitleMobileProps } from "./title-mobile/index";
|
|
5
5
|
declare const Typography: {
|
|
6
6
|
Title: FC<TitleProps>;
|
package/component.js
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./colors.module-
|
|
5
|
+
require('./colors.module-e9b9579a.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
|
+
var text_component = require('./text/component.js');
|
|
8
9
|
require('./title/component.js');
|
|
9
|
-
require('./common.module-
|
|
10
|
+
require('./common.module-caf545a8.js');
|
|
10
11
|
var title_index = require('./title/index.js');
|
|
11
|
-
var text_component = require('./text/component.js');
|
|
12
|
-
var titleResponsive_component = require('./title-responsive/component.js');
|
|
13
12
|
var titleMobile_component = require('./title-mobile/component.js');
|
|
13
|
+
var titleResponsive_component = require('./title-responsive/component.js');
|
|
14
14
|
|
|
15
15
|
var Typography = {
|
|
16
16
|
Title: title_index.Title,
|
package/cssm/colors.module.css
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-light-text-accent: #ef3124;
|
|
3
3
|
--color-light-text-attention: #de6a00;
|
|
4
|
-
--color-light-text-disabled:
|
|
4
|
+
--color-light-text-disabled: rgba(11, 31, 53, 0.15);
|
|
5
5
|
--color-light-text-link: #007aff;
|
|
6
6
|
--color-light-text-negative: #d91d0b;
|
|
7
7
|
--color-light-text-positive: #13a463;
|
|
8
8
|
--color-light-text-primary: #0b1f35;
|
|
9
9
|
--color-light-text-primary-inverted: #fff;
|
|
10
|
-
--color-light-text-secondary:
|
|
11
|
-
--color-light-text-secondary-inverted:
|
|
12
|
-
--color-light-text-tertiary:
|
|
13
|
-
--color-light-text-tertiary-inverted:
|
|
10
|
+
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
11
|
+
--color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
|
|
12
|
+
--color-light-text-tertiary: rgba(11, 31, 53, 0.3);
|
|
13
|
+
--color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
|
|
14
14
|
}
|
|
15
15
|
:root {
|
|
16
16
|
|
package/cssm/component.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { TitleProps } from "./title/index";
|
|
3
2
|
import { TextProps } from "./text/index";
|
|
3
|
+
import { TitleProps } from "./title/index";
|
|
4
4
|
import { TitleMobileProps } from "./title-mobile/index";
|
|
5
5
|
declare const Typography: {
|
|
6
6
|
Title: FC<TitleProps>;
|
package/cssm/component.js
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./tslib.es6-
|
|
5
|
+
require('./tslib.es6-9682e485.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('./colors.module.css');
|
|
9
|
+
require('./text/index.module.css');
|
|
10
|
+
var text_component = require('./text/component.js');
|
|
9
11
|
require('./title/component.js');
|
|
10
12
|
require('./title/common.module.css');
|
|
11
13
|
require('./title/index.module.css');
|
|
12
14
|
var title_index = require('./title/index.js');
|
|
13
|
-
require('./text/index.module.css');
|
|
14
|
-
var text_component = require('./text/component.js');
|
|
15
|
-
require('./title-responsive/index.module.css');
|
|
16
|
-
var titleResponsive_component = require('./title-responsive/component.js');
|
|
17
15
|
require('./title-mobile/index.module.css');
|
|
18
16
|
var titleMobile_component = require('./title-mobile/component.js');
|
|
17
|
+
require('./title-responsive/index.module.css');
|
|
18
|
+
var titleResponsive_component = require('./title-responsive/component.js');
|
|
19
19
|
|
|
20
20
|
var Typography = {
|
|
21
21
|
Title: title_index.Title,
|
package/cssm/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from "./component";
|
|
2
2
|
export * from "./presets";
|
|
3
|
-
export { TitleProps } from "./title/index";
|
|
4
|
-
export { TextProps } from "./text/index";
|
|
5
|
-
export { Color } from "./colors";
|
|
3
|
+
export type { TitleProps } from "./title/index";
|
|
4
|
+
export type { TextProps } from "./text/index";
|
|
5
|
+
export type { Color } from "./colors";
|
package/cssm/index.js
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./tslib.es6-
|
|
5
|
+
require('./tslib.es6-9682e485.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('./colors.module.css');
|
|
9
|
+
require('./text/index.module.css');
|
|
10
|
+
require('./text/component.js');
|
|
9
11
|
require('./title/component.js');
|
|
10
12
|
require('./title/common.module.css');
|
|
11
13
|
require('./title/index.module.css');
|
|
12
14
|
require('./title/index.js');
|
|
13
|
-
require('./text/index.module.css');
|
|
14
|
-
require('./text/component.js');
|
|
15
|
-
require('./title-responsive/index.module.css');
|
|
16
|
-
require('./title-responsive/component.js');
|
|
17
15
|
require('./title-mobile/index.module.css');
|
|
18
16
|
require('./title-mobile/component.js');
|
|
17
|
+
require('./title-responsive/index.module.css');
|
|
18
|
+
require('./title-responsive/component.js');
|
|
19
19
|
var component = require('./component.js');
|
|
20
20
|
var presets = require('./presets.js');
|
|
21
21
|
|
package/cssm/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/cssm/text/component.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var colors = require('../colors.module.css');
|
package/cssm/text/index.js
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/cssm/title/component.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var colors = require('../colors.module.css');
|
package/cssm/title/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../colors.module.css');
|
|
@@ -16,12 +16,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
16
16
|
var commonStyles__default = /*#__PURE__*/_interopDefaultLegacy(commonStyles);
|
|
17
17
|
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
18
18
|
|
|
19
|
-
var Title = function (props) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
19
|
+
var Title = function (props) { return (
|
|
20
|
+
/**
|
|
21
|
+
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
22
|
+
* Видимо, это особенность работы jest и css-modules.
|
|
23
|
+
*/
|
|
24
|
+
React__default['default'].createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default['default'], styles__default['default']) }))); };
|
|
26
25
|
|
|
27
26
|
exports.Title = Title;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../colors.module.css');
|
|
@@ -16,12 +16,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
16
16
|
var commonStyles__default = /*#__PURE__*/_interopDefaultLegacy(commonStyles);
|
|
17
17
|
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
18
18
|
|
|
19
|
-
var TitleMobile = function (props) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
19
|
+
var TitleMobile = function (props) { return (
|
|
20
|
+
/**
|
|
21
|
+
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
22
|
+
* Видимо, это особенность работы jest и css-modules.
|
|
23
|
+
*/
|
|
24
|
+
React__default['default'].createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default['default'], styles__default['default']) }))); };
|
|
26
25
|
|
|
27
26
|
exports.TitleMobile = TitleMobile;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
}
|
|
41
41
|
.styrene-xsmall {
|
|
42
42
|
font-size: 16px;
|
|
43
|
-
line-height:
|
|
43
|
+
line-height: 20px;
|
|
44
44
|
font-weight: 500;
|
|
45
45
|
font-feature-settings: 'ss01';
|
|
46
46
|
font-family: var(--font-family-styrene);
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
}
|
|
68
68
|
.system-xsmall {
|
|
69
69
|
font-size: 16px;
|
|
70
|
-
line-height:
|
|
70
|
+
line-height: 20px;
|
|
71
71
|
font-weight: 600;
|
|
72
72
|
}
|
|
73
73
|
.bold {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../tslib.es6-9682e485.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../colors.module.css');
|
|
@@ -16,12 +16,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
16
16
|
var commonStyles__default = /*#__PURE__*/_interopDefaultLegacy(commonStyles);
|
|
17
17
|
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
|
|
18
18
|
|
|
19
|
-
var TitleResponsive = function (props) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
};
|
|
19
|
+
var TitleResponsive = function (props) { return (
|
|
20
|
+
/**
|
|
21
|
+
* Если поменять Object.assign на деструктуризацию, то упадут тесты.
|
|
22
|
+
* Видимо, это особенность работы jest и css-modules.
|
|
23
|
+
*/
|
|
24
|
+
React__default['default'].createElement(title_component.Title, tslib_es6.__assign({}, props, { styles: Object.assign(commonStyles__default['default'], styles__default['default']) }))); };
|
|
26
25
|
|
|
27
26
|
exports.TitleResponsive = TitleResponsive;
|
|
@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
|
|
|
12
12
|
declare function __exportStar(m: any, o: any): void;
|
|
13
13
|
declare function __values(o: any): any;
|
|
14
14
|
declare function __read(o: any, n: any): any;
|
|
15
|
+
/** @deprecated */
|
|
15
16
|
declare function __spread(...args: any[]): any[];
|
|
17
|
+
/** @deprecated */
|
|
16
18
|
declare function __spreadArrays(...args: any[]): any[];
|
|
17
|
-
declare function
|
|
19
|
+
declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
|
|
20
|
+
declare function __await(v: any): __await;
|
|
18
21
|
declare class __await {
|
|
19
22
|
constructor(v: any);
|
|
20
23
|
v: any;
|
|
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
|
|
|
25
28
|
declare function __makeTemplateObject(cooked: any, raw: any): any;
|
|
26
29
|
declare function __importStar(mod: any): any;
|
|
27
30
|
declare function __importDefault(mod: any): any;
|
|
28
|
-
declare function __classPrivateFieldGet(receiver: any,
|
|
29
|
-
declare function __classPrivateFieldSet(receiver: 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;
|
|
30
34
|
declare function __assign(...args: any[]): any;
|
|
31
35
|
declare function __createBinding(o: any, m: any, k: any, k2: any): void;
|
|
32
|
-
export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
|
|
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,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
/******************************************************************************
|
|
4
4
|
Copyright (c) Microsoft Corporation.
|
|
5
5
|
|
|
6
6
|
Permission to use, copy, modify, and/or distribute this software for any
|
package/esm/colors.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1axrr */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-accent: #ef3124;
|
|
4
4
|
--color-light-text-attention: #de6a00;
|
|
5
|
-
--color-light-text-disabled:
|
|
5
|
+
--color-light-text-disabled: rgba(11, 31, 53, 0.15);
|
|
6
6
|
--color-light-text-link: #007aff;
|
|
7
7
|
--color-light-text-negative: #d91d0b;
|
|
8
8
|
--color-light-text-positive: #13a463;
|
|
9
9
|
--color-light-text-primary: #0b1f35;
|
|
10
10
|
--color-light-text-primary-inverted: #fff;
|
|
11
|
-
--color-light-text-secondary:
|
|
12
|
-
--color-light-text-secondary-inverted:
|
|
13
|
-
--color-light-text-tertiary:
|
|
14
|
-
--color-light-text-tertiary-inverted:
|
|
11
|
+
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
12
|
+
--color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
|
|
13
|
+
--color-light-text-tertiary: rgba(11, 31, 53, 0.3);
|
|
14
|
+
--color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
|
|
15
15
|
}
|
|
16
16
|
:root {
|
|
17
17
|
|
|
@@ -22,39 +22,39 @@
|
|
|
22
22
|
/* Hard up */
|
|
23
23
|
}
|
|
24
24
|
/* colors */
|
|
25
|
-
.
|
|
25
|
+
.typography__tertiary_1vd47 {
|
|
26
26
|
color: var(--color-light-text-tertiary);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.typography__disabled_1vd47 {
|
|
29
29
|
color: var(--color-light-text-disabled);
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.typography__accent_1vd47 {
|
|
32
32
|
color: var(--color-light-text-accent);
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.typography__primary_1vd47 {
|
|
35
35
|
color: var(--color-light-text-primary);
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.typography__attention_1vd47 {
|
|
38
38
|
color: var(--color-light-text-attention);
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.typography__positive_1vd47 {
|
|
41
41
|
color: var(--color-light-text-positive);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.typography__secondary_1vd47 {
|
|
44
44
|
color: var(--color-light-text-secondary);
|
|
45
45
|
}
|
|
46
|
-
.typography__tertiary-
|
|
46
|
+
.typography__tertiary-inverted_1vd47 {
|
|
47
47
|
color: var(--color-light-text-tertiary-inverted);
|
|
48
48
|
}
|
|
49
|
-
.typography__primary-
|
|
49
|
+
.typography__primary-inverted_1vd47 {
|
|
50
50
|
color: var(--color-light-text-primary-inverted);
|
|
51
51
|
}
|
|
52
|
-
.typography__secondary-
|
|
52
|
+
.typography__secondary-inverted_1vd47 {
|
|
53
53
|
color: var(--color-light-text-secondary-inverted);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
.typography__link_1vd47 {
|
|
56
56
|
color: var(--color-light-text-link);
|
|
57
57
|
}
|
|
58
|
-
.
|
|
58
|
+
.typography__negative_1vd47 {
|
|
59
59
|
color: var(--color-light-text-negative);
|
|
60
60
|
}
|